&&` helpers in initial condition allow es6 code\n // to co-exist with es5.\n // 2. Replace `for of` with es5 compliant iteration using `for`.\n // Basically, take:\n //\n // ```js\n // for (i of a.entries())\n // if (!b.has(i[0])) return false;\n // ```\n //\n // ... and convert to:\n //\n // ```js\n // it = a.entries();\n // while (!(i = it.next()).done)\n // if (!b.has(i.value[0])) return false;\n // ```\n //\n // **Note**: `i` access switches to `i.value`.\n var it;\n if (hasMap && (a instanceof Map) && (b instanceof Map)) {\n if (a.size !== b.size) return false;\n it = a.entries();\n while (!(i = it.next()).done)\n if (!b.has(i.value[0])) return false;\n it = a.entries();\n while (!(i = it.next()).done)\n if (!equal(i.value[1], b.get(i.value[0]))) return false;\n return true;\n }\n\n if (hasSet && (a instanceof Set) && (b instanceof Set)) {\n if (a.size !== b.size) return false;\n it = a.entries();\n while (!(i = it.next()).done)\n if (!b.has(i.value[0])) return false;\n return true;\n }\n // END: Modifications\n\n if (hasArrayBuffer && ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) {\n length = a.length;\n if (length != b.length) return false;\n for (i = length; i-- !== 0;)\n if (a[i] !== b[i]) return false;\n return true;\n }\n\n if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;\n // START: Modifications:\n // Apply guards for `Object.create(null)` handling. See:\n // - https://github.com/FormidableLabs/react-fast-compare/issues/64\n // - https://github.com/epoberezkin/fast-deep-equal/issues/49\n if (a.valueOf !== Object.prototype.valueOf && typeof a.valueOf === 'function' && typeof b.valueOf === 'function') return a.valueOf() === b.valueOf();\n if (a.toString !== Object.prototype.toString && typeof a.toString === 'function' && typeof b.toString === 'function') return a.toString() === b.toString();\n // END: Modifications\n\n keys = Object.keys(a);\n length = keys.length;\n if (length !== Object.keys(b).length) return false;\n\n for (i = length; i-- !== 0;)\n if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;\n // END: fast-deep-equal\n\n // START: react-fast-compare\n // custom handling for DOM elements\n if (hasElementType && a instanceof Element) return false;\n\n // custom handling for React/Preact\n for (i = length; i-- !== 0;) {\n if ((keys[i] === '_owner' || keys[i] === '__v' || keys[i] === '__o') && a.$$typeof) {\n // React-specific: avoid traversing React elements' _owner\n // Preact-specific: avoid traversing Preact elements' __v and __o\n // __v = $_original / $_vnode\n // __o = $_owner\n // These properties contain circular references and are not needed when\n // comparing the actual elements (and not their owners)\n // .$$typeof and ._store on just reasonable markers of elements\n\n continue;\n }\n\n // all other properties should be traversed as usual\n if (!equal(a[keys[i]], b[keys[i]])) return false;\n }\n // END: react-fast-compare\n\n // START: fast-deep-equal\n return true;\n }\n\n return a !== a && b !== b;\n}\n// end fast-deep-equal\n\nmodule.exports = function isEqual(a, b) {\n try {\n return equal(a, b);\n } catch (error) {\n if (((error.message || '').match(/stack|recursion/i))) {\n // warn on circular references, don't crash\n // browsers give this different errors name and messages:\n // chrome/safari: \"RangeError\", \"Maximum call stack size exceeded\"\n // firefox: \"InternalError\", too much recursion\"\n // edge: \"Error\", \"Out of stack space\"\n console.warn('react-fast-compare cannot handle circular refs');\n return false;\n }\n // some other error. we should definitely know about these\n throw error;\n }\n};\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = format;\nvar smallWords = /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|vs?\\.?|via)$/i;\nfunction toTitleCase(string) {\n return string.toString().trim().replace(/[A-Za-z0-9\\u00C0-\\u00FF]+[^\\s-]*/g, function (match, index, title) {\n if (index > 0 && index + match.length !== title.length && match.search(smallWords) > -1 && title.charAt(index - 2) !== \":\" && (title.charAt(index + match.length) !== \"-\" || title.charAt(index - 1) === \"-\") && title.charAt(index - 1).search(/[^\\s-]/) < 0) {\n return match.toLowerCase();\n }\n if (match.substr(1).search(/[A-Z]|\\../) > -1) {\n return match;\n }\n return match.charAt(0).toUpperCase() + match.substr(1);\n });\n}\n\n// See if s could be an email address. We don't want to send personal data like email.\n// https://support.google.com/analytics/answer/2795983?hl=en\nfunction mightBeEmail(s) {\n // There's no point trying to validate rfc822 fully, just look for ...@...\n return typeof s === \"string\" && s.indexOf(\"@\") !== -1;\n}\nvar redacted = \"REDACTED (Potential Email Address)\";\nfunction redactEmail(string) {\n if (mightBeEmail(string)) {\n console.warn(\"This arg looks like an email address, redacting.\");\n return redacted;\n }\n return string;\n}\nfunction format() {\n var s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \"\";\n var titleCase = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n var redactingEmail = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;\n var _str = s || \"\";\n if (titleCase) {\n _str = toTitleCase(s);\n }\n if (redactingEmail) {\n _str = redactEmail(_str);\n }\n return _str;\n}","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = exports.GA4 = void 0;\nvar _gtag = _interopRequireDefault(require(\"./gtag\"));\nvar _format = _interopRequireDefault(require(\"./format\"));\nvar _excluded = [\"eventCategory\", \"eventAction\", \"eventLabel\", \"eventValue\", \"hitType\"],\n _excluded2 = [\"title\", \"location\"],\n _excluded3 = [\"page\", \"hitType\"];\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : \"undefined\" != typeof Symbol && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i[\"return\"] && (_r = _i[\"return\"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n/*\nLinks\nhttps://developers.google.com/gtagjs/reference/api\nhttps://developers.google.com/tag-platform/gtagjs/reference\n*/\n/**\n * @typedef GaOptions\n * @type {Object}\n * @property {boolean} [cookieUpdate=true]\n * @property {number} [cookieExpires=63072000] Default two years\n * @property {string} [cookieDomain=\"auto\"]\n * @property {string} [cookieFlags]\n * @property {string} [userId]\n * @property {string} [clientId]\n * @property {boolean} [anonymizeIp]\n * @property {string} [contentGroup1]\n * @property {string} [contentGroup2]\n * @property {string} [contentGroup3]\n * @property {string} [contentGroup4]\n * @property {string} [contentGroup5]\n * @property {boolean} [allowAdFeatures=true]\n * @property {boolean} [allowAdPersonalizationSignals]\n * @property {boolean} [nonInteraction]\n * @property {string} [page]\n */\n/**\n * @typedef UaEventOptions\n * @type {Object}\n * @property {string} action\n * @property {string} category\n * @property {string} [label]\n * @property {number} [value]\n * @property {boolean} [nonInteraction]\n * @property {('beacon'|'xhr'|'image')} [transport]\n */\n/**\n * @typedef InitOptions\n * @type {Object}\n * @property {string} trackingId\n * @property {GaOptions|any} [gaOptions]\n * @property {Object} [gtagOptions] New parameter\n */\nvar GA4 = /*#__PURE__*/function () {\n function GA4() {\n var _this = this;\n _classCallCheck(this, GA4);\n _defineProperty(this, \"reset\", function () {\n _this.isInitialized = false;\n _this._testMode = false;\n _this._currentMeasurementId;\n _this._hasLoadedGA = false;\n _this._isQueuing = false;\n _this._queueGtag = [];\n });\n _defineProperty(this, \"_gtag\", function () {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n if (!_this._testMode) {\n if (_this._isQueuing) {\n _this._queueGtag.push(args);\n } else {\n _gtag[\"default\"].apply(void 0, args);\n }\n } else {\n _this._queueGtag.push(args);\n }\n });\n _defineProperty(this, \"_loadGA\", function (GA_MEASUREMENT_ID, nonce) {\n var gtagUrl = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : \"https://www.googletagmanager.com/gtag/js\";\n if (typeof window === \"undefined\" || typeof document === \"undefined\") {\n return;\n }\n if (!_this._hasLoadedGA) {\n // Global Site Tag (gtag.js) - Google Analytics\n var script = document.createElement(\"script\");\n script.async = true;\n script.src = \"\".concat(gtagUrl, \"?id=\").concat(GA_MEASUREMENT_ID);\n if (nonce) {\n script.setAttribute(\"nonce\", nonce);\n }\n document.body.appendChild(script);\n window.dataLayer = window.dataLayer || [];\n window.gtag = function gtag() {\n window.dataLayer.push(arguments);\n };\n _this._hasLoadedGA = true;\n }\n });\n _defineProperty(this, \"_toGtagOptions\", function (gaOptions) {\n if (!gaOptions) {\n return;\n }\n var mapFields = {\n // Old https://developers.google.com/analytics/devguides/collection/analyticsjs/field-reference#cookieUpdate\n // New https://developers.google.com/analytics/devguides/collection/gtagjs/cookies-user-id#cookie_update\n cookieUpdate: \"cookie_update\",\n cookieExpires: \"cookie_expires\",\n cookieDomain: \"cookie_domain\",\n cookieFlags: \"cookie_flags\",\n // must be in set method?\n userId: \"user_id\",\n clientId: \"client_id\",\n anonymizeIp: \"anonymize_ip\",\n // https://support.google.com/analytics/answer/2853546?hl=en#zippy=%2Cin-this-article\n contentGroup1: \"content_group1\",\n contentGroup2: \"content_group2\",\n contentGroup3: \"content_group3\",\n contentGroup4: \"content_group4\",\n contentGroup5: \"content_group5\",\n // https://support.google.com/analytics/answer/9050852?hl=en\n allowAdFeatures: \"allow_google_signals\",\n allowAdPersonalizationSignals: \"allow_ad_personalization_signals\",\n nonInteraction: \"non_interaction\",\n page: \"page_path\",\n hitCallback: \"event_callback\"\n };\n var gtagOptions = Object.entries(gaOptions).reduce(function (prev, _ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n key = _ref2[0],\n value = _ref2[1];\n if (mapFields[key]) {\n prev[mapFields[key]] = value;\n } else {\n prev[key] = value;\n }\n return prev;\n }, {});\n return gtagOptions;\n });\n _defineProperty(this, \"initialize\", function (GA_MEASUREMENT_ID) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n if (!GA_MEASUREMENT_ID) {\n throw new Error(\"Require GA_MEASUREMENT_ID\");\n }\n var initConfigs = typeof GA_MEASUREMENT_ID === \"string\" ? [{\n trackingId: GA_MEASUREMENT_ID\n }] : GA_MEASUREMENT_ID;\n _this._currentMeasurementId = initConfigs[0].trackingId;\n var gaOptions = options.gaOptions,\n gtagOptions = options.gtagOptions,\n nonce = options.nonce,\n _options$testMode = options.testMode,\n testMode = _options$testMode === void 0 ? false : _options$testMode,\n gtagUrl = options.gtagUrl;\n _this._testMode = testMode;\n if (!testMode) {\n _this._loadGA(_this._currentMeasurementId, nonce, gtagUrl);\n }\n if (!_this.isInitialized) {\n _this._gtag(\"js\", new Date());\n initConfigs.forEach(function (config) {\n var mergedGtagOptions = _objectSpread(_objectSpread(_objectSpread({}, _this._toGtagOptions(_objectSpread(_objectSpread({}, gaOptions), config.gaOptions))), gtagOptions), config.gtagOptions);\n if (Object.keys(mergedGtagOptions).length) {\n _this._gtag(\"config\", config.trackingId, mergedGtagOptions);\n } else {\n _this._gtag(\"config\", config.trackingId);\n }\n });\n }\n _this.isInitialized = true;\n if (!testMode) {\n var queues = _toConsumableArray(_this._queueGtag);\n _this._queueGtag = [];\n _this._isQueuing = false;\n while (queues.length) {\n var queue = queues.shift();\n _this._gtag.apply(_this, _toConsumableArray(queue));\n if (queue[0] === \"get\") {\n _this._isQueuing = true;\n }\n }\n }\n });\n _defineProperty(this, \"set\", function (fieldsObject) {\n if (!fieldsObject) {\n console.warn(\"`fieldsObject` is required in .set()\");\n return;\n }\n if (_typeof(fieldsObject) !== \"object\") {\n console.warn(\"Expected `fieldsObject` arg to be an Object\");\n return;\n }\n if (Object.keys(fieldsObject).length === 0) {\n console.warn(\"empty `fieldsObject` given to .set()\");\n }\n _this._gaCommand(\"set\", fieldsObject);\n });\n _defineProperty(this, \"_gaCommandSendEvent\", function (eventCategory, eventAction, eventLabel, eventValue, fieldsObject) {\n _this._gtag(\"event\", eventAction, _objectSpread(_objectSpread({\n event_category: eventCategory,\n event_label: eventLabel,\n value: eventValue\n }, fieldsObject && {\n non_interaction: fieldsObject.nonInteraction\n }), _this._toGtagOptions(fieldsObject)));\n });\n _defineProperty(this, \"_gaCommandSendEventParameters\", function () {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n if (typeof args[0] === \"string\") {\n _this._gaCommandSendEvent.apply(_this, _toConsumableArray(args.slice(1)));\n } else {\n var _args$ = args[0],\n eventCategory = _args$.eventCategory,\n eventAction = _args$.eventAction,\n eventLabel = _args$.eventLabel,\n eventValue = _args$.eventValue,\n hitType = _args$.hitType,\n rest = _objectWithoutProperties(_args$, _excluded);\n _this._gaCommandSendEvent(eventCategory, eventAction, eventLabel, eventValue, rest);\n }\n });\n _defineProperty(this, \"_gaCommandSendTiming\", function (timingCategory, timingVar, timingValue, timingLabel) {\n _this._gtag(\"event\", \"timing_complete\", {\n name: timingVar,\n value: timingValue,\n event_category: timingCategory,\n event_label: timingLabel\n });\n });\n _defineProperty(this, \"_gaCommandSendPageview\", function (page, fieldsObject) {\n if (fieldsObject && Object.keys(fieldsObject).length) {\n var _this$_toGtagOptions = _this._toGtagOptions(fieldsObject),\n title = _this$_toGtagOptions.title,\n location = _this$_toGtagOptions.location,\n rest = _objectWithoutProperties(_this$_toGtagOptions, _excluded2);\n _this._gtag(\"event\", \"page_view\", _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, page && {\n page_path: page\n }), title && {\n page_title: title\n }), location && {\n page_location: location\n }), rest));\n } else if (page) {\n _this._gtag(\"event\", \"page_view\", {\n page_path: page\n });\n } else {\n _this._gtag(\"event\", \"page_view\");\n }\n });\n _defineProperty(this, \"_gaCommandSendPageviewParameters\", function () {\n for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n args[_key3] = arguments[_key3];\n }\n if (typeof args[0] === \"string\") {\n _this._gaCommandSendPageview.apply(_this, _toConsumableArray(args.slice(1)));\n } else {\n var _args$2 = args[0],\n page = _args$2.page,\n hitType = _args$2.hitType,\n rest = _objectWithoutProperties(_args$2, _excluded3);\n _this._gaCommandSendPageview(page, rest);\n }\n });\n _defineProperty(this, \"_gaCommandSend\", function () {\n for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {\n args[_key4] = arguments[_key4];\n }\n var hitType = typeof args[0] === \"string\" ? args[0] : args[0].hitType;\n switch (hitType) {\n case \"event\":\n _this._gaCommandSendEventParameters.apply(_this, args);\n break;\n case \"pageview\":\n _this._gaCommandSendPageviewParameters.apply(_this, args);\n break;\n case \"timing\":\n _this._gaCommandSendTiming.apply(_this, _toConsumableArray(args.slice(1)));\n break;\n case \"screenview\":\n case \"transaction\":\n case \"item\":\n case \"social\":\n case \"exception\":\n console.warn(\"Unsupported send command: \".concat(hitType));\n break;\n default:\n console.warn(\"Send command doesn't exist: \".concat(hitType));\n }\n });\n _defineProperty(this, \"_gaCommandSet\", function () {\n for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {\n args[_key5] = arguments[_key5];\n }\n if (typeof args[0] === \"string\") {\n args[0] = _defineProperty({}, args[0], args[1]);\n }\n _this._gtag(\"set\", _this._toGtagOptions(args[0]));\n });\n _defineProperty(this, \"_gaCommand\", function (command) {\n for (var _len6 = arguments.length, args = new Array(_len6 > 1 ? _len6 - 1 : 0), _key6 = 1; _key6 < _len6; _key6++) {\n args[_key6 - 1] = arguments[_key6];\n }\n switch (command) {\n case \"send\":\n _this._gaCommandSend.apply(_this, args);\n break;\n case \"set\":\n _this._gaCommandSet.apply(_this, args);\n break;\n default:\n console.warn(\"Command doesn't exist: \".concat(command));\n }\n });\n _defineProperty(this, \"ga\", function () {\n for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {\n args[_key7] = arguments[_key7];\n }\n if (typeof args[0] === \"string\") {\n _this._gaCommand.apply(_this, args);\n } else {\n var readyCallback = args[0];\n _this._gtag(\"get\", _this._currentMeasurementId, \"client_id\", function (clientId) {\n _this._isQueuing = false;\n var queues = _this._queueGtag;\n readyCallback({\n get: function get(property) {\n return property === \"clientId\" ? clientId : property === \"trackingId\" ? _this._currentMeasurementId : property === \"apiVersion\" ? \"1\" : undefined;\n }\n });\n while (queues.length) {\n var queue = queues.shift();\n _this._gtag.apply(_this, _toConsumableArray(queue));\n }\n });\n _this._isQueuing = true;\n }\n return _this.ga;\n });\n _defineProperty(this, \"event\", function (optionsOrName, params) {\n if (typeof optionsOrName === \"string\") {\n _this._gtag(\"event\", optionsOrName, _this._toGtagOptions(params));\n } else {\n var action = optionsOrName.action,\n category = optionsOrName.category,\n label = optionsOrName.label,\n value = optionsOrName.value,\n nonInteraction = optionsOrName.nonInteraction,\n transport = optionsOrName.transport;\n if (!category || !action) {\n console.warn(\"args.category AND args.action are required in event()\");\n return;\n }\n\n // Required Fields\n var fieldObject = {\n hitType: \"event\",\n eventCategory: (0, _format[\"default\"])(category),\n eventAction: (0, _format[\"default\"])(action)\n };\n\n // Optional Fields\n if (label) {\n fieldObject.eventLabel = (0, _format[\"default\"])(label);\n }\n if (typeof value !== \"undefined\") {\n if (typeof value !== \"number\") {\n console.warn(\"Expected `args.value` arg to be a Number.\");\n } else {\n fieldObject.eventValue = value;\n }\n }\n if (typeof nonInteraction !== \"undefined\") {\n if (typeof nonInteraction !== \"boolean\") {\n console.warn(\"`args.nonInteraction` must be a boolean.\");\n } else {\n fieldObject.nonInteraction = nonInteraction;\n }\n }\n if (typeof transport !== \"undefined\") {\n if (typeof transport !== \"string\") {\n console.warn(\"`args.transport` must be a string.\");\n } else {\n if ([\"beacon\", \"xhr\", \"image\"].indexOf(transport) === -1) {\n console.warn(\"`args.transport` must be either one of these values: `beacon`, `xhr` or `image`\");\n }\n fieldObject.transport = transport;\n }\n }\n _this._gaCommand(\"send\", fieldObject);\n }\n });\n _defineProperty(this, \"send\", function (fieldObject) {\n _this._gaCommand(\"send\", fieldObject);\n });\n this.reset();\n }\n _createClass(GA4, [{\n key: \"gtag\",\n value: function gtag() {\n this._gtag.apply(this, arguments);\n }\n }]);\n return GA4;\n}();\nexports.GA4 = GA4;\nvar _default = new GA4();\nexports[\"default\"] = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\nvar gtag = function gtag() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n if (typeof window !== \"undefined\") {\n var _window;\n if (typeof window.gtag === \"undefined\") {\n window.dataLayer = window.dataLayer || [];\n window.gtag = function gtag() {\n window.dataLayer.push(arguments);\n };\n }\n (_window = window).gtag.apply(_window, args);\n }\n};\nvar _default = gtag;\nexports[\"default\"] = _default;","\"use strict\";\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = exports.ReactGAImplementation = void 0;\nvar _ga = _interopRequireWildcard(require(\"./ga4\"));\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\nvar ReactGAImplementation = _ga.GA4;\nexports.ReactGAImplementation = ReactGAImplementation;\nvar _default = _ga[\"default\"];\nexports[\"default\"] = _default;","export const TAG_PROPERTIES = {\n CHARSET: 'charset',\n CSS_TEXT: 'cssText',\n HREF: 'href',\n HTTPEQUIV: 'http-equiv',\n INNER_HTML: 'innerHTML',\n ITEM_PROP: 'itemprop',\n NAME: 'name',\n PROPERTY: 'property',\n REL: 'rel',\n SRC: 'src',\n};\n\nexport const ATTRIBUTE_NAMES = {\n BODY: 'bodyAttributes',\n HTML: 'htmlAttributes',\n TITLE: 'titleAttributes',\n};\n\nexport const TAG_NAMES = {\n BASE: 'base',\n BODY: 'body',\n HEAD: 'head',\n HTML: 'html',\n LINK: 'link',\n META: 'meta',\n NOSCRIPT: 'noscript',\n SCRIPT: 'script',\n STYLE: 'style',\n TITLE: 'title',\n FRAGMENT: 'Symbol(react.fragment)',\n};\n\nexport const SEO_PRIORITY_TAGS = {\n link: { rel: ['amphtml', 'canonical', 'alternate'] },\n script: { type: ['application/ld+json'] },\n meta: {\n charset: '',\n name: ['robots', 'description'],\n property: [\n 'og:type',\n 'og:title',\n 'og:url',\n 'og:image',\n 'og:image:alt',\n 'og:description',\n 'twitter:url',\n 'twitter:title',\n 'twitter:description',\n 'twitter:image',\n 'twitter:image:alt',\n 'twitter:card',\n 'twitter:site',\n ],\n },\n};\n\nexport const VALID_TAG_NAMES = Object.keys(TAG_NAMES).map(name => TAG_NAMES[name]);\n\nexport const REACT_TAG_MAP = {\n accesskey: 'accessKey',\n charset: 'charSet',\n class: 'className',\n contenteditable: 'contentEditable',\n contextmenu: 'contextMenu',\n 'http-equiv': 'httpEquiv',\n itemprop: 'itemProp',\n tabindex: 'tabIndex',\n};\n\nexport const HTML_TAG_MAP = Object.keys(REACT_TAG_MAP).reduce((obj, key) => {\n obj[REACT_TAG_MAP[key]] = key;\n return obj;\n}, {});\n\nexport const HELMET_ATTRIBUTE = 'data-rh';\n","import { TAG_NAMES, TAG_PROPERTIES, ATTRIBUTE_NAMES } from './constants';\n\nconst HELMET_PROPS = {\n DEFAULT_TITLE: 'defaultTitle',\n DEFER: 'defer',\n ENCODE_SPECIAL_CHARACTERS: 'encodeSpecialCharacters',\n ON_CHANGE_CLIENT_STATE: 'onChangeClientState',\n TITLE_TEMPLATE: 'titleTemplate',\n PRIORITIZE_SEO_TAGS: 'prioritizeSeoTags',\n};\n\nconst getInnermostProperty = (propsList, property) => {\n for (let i = propsList.length - 1; i >= 0; i -= 1) {\n const props = propsList[i];\n\n if (Object.prototype.hasOwnProperty.call(props, property)) {\n return props[property];\n }\n }\n\n return null;\n};\n\nconst getTitleFromPropsList = propsList => {\n let innermostTitle = getInnermostProperty(propsList, TAG_NAMES.TITLE);\n const innermostTemplate = getInnermostProperty(propsList, HELMET_PROPS.TITLE_TEMPLATE);\n if (Array.isArray(innermostTitle)) {\n innermostTitle = innermostTitle.join('');\n }\n if (innermostTemplate && innermostTitle) {\n // use function arg to avoid need to escape $ characters\n return innermostTemplate.replace(/%s/g, () => innermostTitle);\n }\n\n const innermostDefaultTitle = getInnermostProperty(propsList, HELMET_PROPS.DEFAULT_TITLE);\n\n return innermostTitle || innermostDefaultTitle || undefined;\n};\n\nconst getOnChangeClientState = propsList =>\n getInnermostProperty(propsList, HELMET_PROPS.ON_CHANGE_CLIENT_STATE) || (() => {});\n\nconst getAttributesFromPropsList = (tagType, propsList) =>\n propsList\n .filter(props => typeof props[tagType] !== 'undefined')\n .map(props => props[tagType])\n .reduce((tagAttrs, current) => ({ ...tagAttrs, ...current }), {});\n\nconst getBaseTagFromPropsList = (primaryAttributes, propsList) =>\n propsList\n .filter(props => typeof props[TAG_NAMES.BASE] !== 'undefined')\n .map(props => props[TAG_NAMES.BASE])\n .reverse()\n .reduce((innermostBaseTag, tag) => {\n if (!innermostBaseTag.length) {\n const keys = Object.keys(tag);\n\n for (let i = 0; i < keys.length; i += 1) {\n const attributeKey = keys[i];\n const lowerCaseAttributeKey = attributeKey.toLowerCase();\n\n if (\n primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 &&\n tag[lowerCaseAttributeKey]\n ) {\n return innermostBaseTag.concat(tag);\n }\n }\n }\n\n return innermostBaseTag;\n }, []);\n\n// eslint-disable-next-line no-console\nconst warn = msg => console && typeof console.warn === 'function' && console.warn(msg);\n\nconst getTagsFromPropsList = (tagName, primaryAttributes, propsList) => {\n // Calculate list of tags, giving priority innermost component (end of the propslist)\n const approvedSeenTags = {};\n\n return propsList\n .filter(props => {\n if (Array.isArray(props[tagName])) {\n return true;\n }\n if (typeof props[tagName] !== 'undefined') {\n warn(\n `Helmet: ${tagName} should be of type \"Array\". Instead found type \"${typeof props[\n tagName\n ]}\"`\n );\n }\n return false;\n })\n .map(props => props[tagName])\n .reverse()\n .reduce((approvedTags, instanceTags) => {\n const instanceSeenTags = {};\n\n instanceTags\n .filter(tag => {\n let primaryAttributeKey;\n const keys = Object.keys(tag);\n for (let i = 0; i < keys.length; i += 1) {\n const attributeKey = keys[i];\n const lowerCaseAttributeKey = attributeKey.toLowerCase();\n\n // Special rule with link tags, since rel and href are both primary tags, rel takes priority\n if (\n primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 &&\n !(\n primaryAttributeKey === TAG_PROPERTIES.REL &&\n tag[primaryAttributeKey].toLowerCase() === 'canonical'\n ) &&\n !(\n lowerCaseAttributeKey === TAG_PROPERTIES.REL &&\n tag[lowerCaseAttributeKey].toLowerCase() === 'stylesheet'\n )\n ) {\n primaryAttributeKey = lowerCaseAttributeKey;\n }\n // Special case for innerHTML which doesn't work lowercased\n if (\n primaryAttributes.indexOf(attributeKey) !== -1 &&\n (attributeKey === TAG_PROPERTIES.INNER_HTML ||\n attributeKey === TAG_PROPERTIES.CSS_TEXT ||\n attributeKey === TAG_PROPERTIES.ITEM_PROP)\n ) {\n primaryAttributeKey = attributeKey;\n }\n }\n\n if (!primaryAttributeKey || !tag[primaryAttributeKey]) {\n return false;\n }\n\n const value = tag[primaryAttributeKey].toLowerCase();\n\n if (!approvedSeenTags[primaryAttributeKey]) {\n approvedSeenTags[primaryAttributeKey] = {};\n }\n\n if (!instanceSeenTags[primaryAttributeKey]) {\n instanceSeenTags[primaryAttributeKey] = {};\n }\n\n if (!approvedSeenTags[primaryAttributeKey][value]) {\n instanceSeenTags[primaryAttributeKey][value] = true;\n return true;\n }\n\n return false;\n })\n .reverse()\n .forEach(tag => approvedTags.push(tag));\n\n // Update seen tags with tags from this instance\n const keys = Object.keys(instanceSeenTags);\n for (let i = 0; i < keys.length; i += 1) {\n const attributeKey = keys[i];\n const tagUnion = {\n ...approvedSeenTags[attributeKey],\n ...instanceSeenTags[attributeKey],\n };\n\n approvedSeenTags[attributeKey] = tagUnion;\n }\n\n return approvedTags;\n }, [])\n .reverse();\n};\n\nconst getAnyTrueFromPropsList = (propsList, checkedTag) => {\n if (Array.isArray(propsList) && propsList.length) {\n for (let index = 0; index < propsList.length; index += 1) {\n const prop = propsList[index];\n if (prop[checkedTag]) {\n return true;\n }\n }\n }\n return false;\n};\n\nconst reducePropsToState = propsList => ({\n baseTag: getBaseTagFromPropsList([TAG_PROPERTIES.HREF], propsList),\n bodyAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.BODY, propsList),\n defer: getInnermostProperty(propsList, HELMET_PROPS.DEFER),\n encode: getInnermostProperty(propsList, HELMET_PROPS.ENCODE_SPECIAL_CHARACTERS),\n htmlAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.HTML, propsList),\n linkTags: getTagsFromPropsList(\n TAG_NAMES.LINK,\n [TAG_PROPERTIES.REL, TAG_PROPERTIES.HREF],\n propsList\n ),\n metaTags: getTagsFromPropsList(\n TAG_NAMES.META,\n [\n TAG_PROPERTIES.NAME,\n TAG_PROPERTIES.CHARSET,\n TAG_PROPERTIES.HTTPEQUIV,\n TAG_PROPERTIES.PROPERTY,\n TAG_PROPERTIES.ITEM_PROP,\n ],\n propsList\n ),\n noscriptTags: getTagsFromPropsList(TAG_NAMES.NOSCRIPT, [TAG_PROPERTIES.INNER_HTML], propsList),\n onChangeClientState: getOnChangeClientState(propsList),\n scriptTags: getTagsFromPropsList(\n TAG_NAMES.SCRIPT,\n [TAG_PROPERTIES.SRC, TAG_PROPERTIES.INNER_HTML],\n propsList\n ),\n styleTags: getTagsFromPropsList(TAG_NAMES.STYLE, [TAG_PROPERTIES.CSS_TEXT], propsList),\n title: getTitleFromPropsList(propsList),\n titleAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.TITLE, propsList),\n prioritizeSeoTags: getAnyTrueFromPropsList(propsList, HELMET_PROPS.PRIORITIZE_SEO_TAGS),\n});\n\nexport const flattenArray = possibleArray =>\n Array.isArray(possibleArray) ? possibleArray.join('') : possibleArray;\n\nexport { reducePropsToState };\n\nconst checkIfPropsMatch = (props, toMatch) => {\n const keys = Object.keys(props);\n for (let i = 0; i < keys.length; i += 1) {\n // e.g. if rel exists in the list of allowed props [amphtml, alternate, etc]\n if (toMatch[keys[i]] && toMatch[keys[i]].includes(props[keys[i]])) {\n return true;\n }\n }\n return false;\n};\n\nexport const prioritizer = (elementsList, propsToMatch) => {\n if (Array.isArray(elementsList)) {\n return elementsList.reduce(\n (acc, elementAttrs) => {\n if (checkIfPropsMatch(elementAttrs, propsToMatch)) {\n acc.priority.push(elementAttrs);\n } else {\n acc.default.push(elementAttrs);\n }\n return acc;\n },\n { priority: [], default: [] }\n );\n }\n return { default: elementsList };\n};\n\nexport const without = (obj, key) => {\n return {\n ...obj,\n [key]: undefined,\n };\n};\n","import React from 'react';\nimport {\n HELMET_ATTRIBUTE,\n TAG_NAMES,\n REACT_TAG_MAP,\n TAG_PROPERTIES,\n ATTRIBUTE_NAMES,\n SEO_PRIORITY_TAGS,\n} from './constants';\nimport { flattenArray, prioritizer } from './utils';\n\nconst SELF_CLOSING_TAGS = [TAG_NAMES.NOSCRIPT, TAG_NAMES.SCRIPT, TAG_NAMES.STYLE];\n\nconst encodeSpecialCharacters = (str, encode = true) => {\n if (encode === false) {\n return String(str);\n }\n\n return String(str)\n .replace(/&/g, '&')\n .replace(//g, '>')\n .replace(/\"/g, '"')\n .replace(/'/g, ''');\n};\n\nconst generateElementAttributesAsString = attributes =>\n Object.keys(attributes).reduce((str, key) => {\n const attr = typeof attributes[key] !== 'undefined' ? `${key}=\"${attributes[key]}\"` : `${key}`;\n return str ? `${str} ${attr}` : attr;\n }, '');\n\nconst generateTitleAsString = (type, title, attributes, encode) => {\n const attributeString = generateElementAttributesAsString(attributes);\n const flattenedTitle = flattenArray(title);\n return attributeString\n ? `<${type} ${HELMET_ATTRIBUTE}=\"true\" ${attributeString}>${encodeSpecialCharacters(\n flattenedTitle,\n encode\n )}`\n : `<${type} ${HELMET_ATTRIBUTE}=\"true\">${encodeSpecialCharacters(\n flattenedTitle,\n encode\n )}`;\n};\n\nconst generateTagsAsString = (type, tags, encode) =>\n tags.reduce((str, tag) => {\n const attributeHtml = Object.keys(tag)\n .filter(\n attribute =>\n !(attribute === TAG_PROPERTIES.INNER_HTML || attribute === TAG_PROPERTIES.CSS_TEXT)\n )\n .reduce((string, attribute) => {\n const attr =\n typeof tag[attribute] === 'undefined'\n ? attribute\n : `${attribute}=\"${encodeSpecialCharacters(tag[attribute], encode)}\"`;\n return string ? `${string} ${attr}` : attr;\n }, '');\n\n const tagContent = tag.innerHTML || tag.cssText || '';\n\n const isSelfClosing = SELF_CLOSING_TAGS.indexOf(type) === -1;\n\n return `${str}<${type} ${HELMET_ATTRIBUTE}=\"true\" ${attributeHtml}${\n isSelfClosing ? `/>` : `>${tagContent}`\n }`;\n }, '');\n\nconst convertElementAttributesToReactProps = (attributes, initProps = {}) =>\n Object.keys(attributes).reduce((obj, key) => {\n obj[REACT_TAG_MAP[key] || key] = attributes[key];\n return obj;\n }, initProps);\n\nconst generateTitleAsReactComponent = (type, title, attributes) => {\n // assigning into an array to define toString function on it\n const initProps = {\n key: title,\n [HELMET_ATTRIBUTE]: true,\n };\n const props = convertElementAttributesToReactProps(attributes, initProps);\n\n return [React.createElement(TAG_NAMES.TITLE, props, title)];\n};\n\nconst generateTagsAsReactComponent = (type, tags) =>\n tags.map((tag, i) => {\n const mappedTag = {\n key: i,\n [HELMET_ATTRIBUTE]: true,\n };\n\n Object.keys(tag).forEach(attribute => {\n const mappedAttribute = REACT_TAG_MAP[attribute] || attribute;\n\n if (\n mappedAttribute === TAG_PROPERTIES.INNER_HTML ||\n mappedAttribute === TAG_PROPERTIES.CSS_TEXT\n ) {\n const content = tag.innerHTML || tag.cssText;\n mappedTag.dangerouslySetInnerHTML = { __html: content };\n } else {\n mappedTag[mappedAttribute] = tag[attribute];\n }\n });\n\n return React.createElement(type, mappedTag);\n });\n\nconst getMethodsForTag = (type, tags, encode) => {\n switch (type) {\n case TAG_NAMES.TITLE:\n return {\n toComponent: () =>\n generateTitleAsReactComponent(type, tags.title, tags.titleAttributes, encode),\n toString: () => generateTitleAsString(type, tags.title, tags.titleAttributes, encode),\n };\n case ATTRIBUTE_NAMES.BODY:\n case ATTRIBUTE_NAMES.HTML:\n return {\n toComponent: () => convertElementAttributesToReactProps(tags),\n toString: () => generateElementAttributesAsString(tags),\n };\n default:\n return {\n toComponent: () => generateTagsAsReactComponent(type, tags),\n toString: () => generateTagsAsString(type, tags, encode),\n };\n }\n};\n\nconst getPriorityMethods = ({ metaTags, linkTags, scriptTags, encode }) => {\n const meta = prioritizer(metaTags, SEO_PRIORITY_TAGS.meta);\n const link = prioritizer(linkTags, SEO_PRIORITY_TAGS.link);\n const script = prioritizer(scriptTags, SEO_PRIORITY_TAGS.script);\n\n // need to have toComponent() and toString()\n const priorityMethods = {\n toComponent: () => [\n ...generateTagsAsReactComponent(TAG_NAMES.META, meta.priority),\n ...generateTagsAsReactComponent(TAG_NAMES.LINK, link.priority),\n ...generateTagsAsReactComponent(TAG_NAMES.SCRIPT, script.priority),\n ],\n toString: () =>\n // generate all the tags as strings and concatenate them\n `${getMethodsForTag(TAG_NAMES.META, meta.priority, encode)} ${getMethodsForTag(\n TAG_NAMES.LINK,\n link.priority,\n encode\n )} ${getMethodsForTag(TAG_NAMES.SCRIPT, script.priority, encode)}`,\n };\n\n return {\n priorityMethods,\n metaTags: meta.default,\n linkTags: link.default,\n scriptTags: script.default,\n };\n};\n\nconst mapStateOnServer = props => {\n const {\n baseTag,\n bodyAttributes,\n encode,\n htmlAttributes,\n noscriptTags,\n styleTags,\n title = '',\n titleAttributes,\n prioritizeSeoTags,\n } = props;\n let { linkTags, metaTags, scriptTags } = props;\n let priorityMethods = {\n toComponent: () => {},\n toString: () => '',\n };\n if (prioritizeSeoTags) {\n ({ priorityMethods, linkTags, metaTags, scriptTags } = getPriorityMethods(props));\n }\n return {\n priority: priorityMethods,\n base: getMethodsForTag(TAG_NAMES.BASE, baseTag, encode),\n bodyAttributes: getMethodsForTag(ATTRIBUTE_NAMES.BODY, bodyAttributes, encode),\n htmlAttributes: getMethodsForTag(ATTRIBUTE_NAMES.HTML, htmlAttributes, encode),\n link: getMethodsForTag(TAG_NAMES.LINK, linkTags, encode),\n meta: getMethodsForTag(TAG_NAMES.META, metaTags, encode),\n noscript: getMethodsForTag(TAG_NAMES.NOSCRIPT, noscriptTags, encode),\n script: getMethodsForTag(TAG_NAMES.SCRIPT, scriptTags, encode),\n style: getMethodsForTag(TAG_NAMES.STYLE, styleTags, encode),\n title: getMethodsForTag(TAG_NAMES.TITLE, { title, titleAttributes }, encode),\n };\n};\n\nexport default mapStateOnServer;\n","import mapStateOnServer from './server';\n\nconst instances = [];\n\nexport function clearInstances() {\n instances.length = 0;\n}\n\nexport default class HelmetData {\n instances = [];\n\n value = {\n setHelmet: serverState => {\n this.context.helmet = serverState;\n },\n helmetInstances: {\n get: () => (this.canUseDOM ? instances : this.instances),\n add: instance => {\n (this.canUseDOM ? instances : this.instances).push(instance);\n },\n remove: instance => {\n const index = (this.canUseDOM ? instances : this.instances).indexOf(instance);\n (this.canUseDOM ? instances : this.instances).splice(index, 1);\n },\n },\n };\n\n constructor(context, canUseDOM = typeof document !== 'undefined') {\n this.context = context;\n this.canUseDOM = canUseDOM;\n\n if (!canUseDOM) {\n context.helmet = mapStateOnServer({\n baseTag: [],\n bodyAttributes: {},\n encodeSpecialCharacters: true,\n htmlAttributes: {},\n linkTags: [],\n metaTags: [],\n noscriptTags: [],\n scriptTags: [],\n styleTags: [],\n title: '',\n titleAttributes: {},\n });\n }\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport HelmetData from './HelmetData';\n\nconst defaultValue = {};\n\nexport const Context = React.createContext(defaultValue);\n\nexport const providerShape = PropTypes.shape({\n setHelmet: PropTypes.func,\n helmetInstances: PropTypes.shape({\n get: PropTypes.func,\n add: PropTypes.func,\n remove: PropTypes.func,\n }),\n});\n\nconst canUseDOM = typeof document !== 'undefined';\n\nexport default class Provider extends Component {\n static canUseDOM = canUseDOM;\n\n static propTypes = {\n context: PropTypes.shape({\n helmet: PropTypes.shape(),\n }),\n children: PropTypes.node.isRequired,\n };\n\n static defaultProps = {\n context: {},\n };\n\n static displayName = 'HelmetProvider';\n\n constructor(props) {\n super(props);\n\n this.helmetData = new HelmetData(this.props.context, Provider.canUseDOM);\n }\n\n render() {\n return {this.props.children};\n }\n}\n","import { HELMET_ATTRIBUTE, TAG_NAMES, TAG_PROPERTIES } from './constants';\nimport { flattenArray } from './utils';\n\nconst updateTags = (type, tags) => {\n const headElement = document.head || document.querySelector(TAG_NAMES.HEAD);\n const tagNodes = headElement.querySelectorAll(`${type}[${HELMET_ATTRIBUTE}]`);\n const oldTags = [].slice.call(tagNodes);\n const newTags = [];\n let indexToDelete;\n\n if (tags && tags.length) {\n tags.forEach(tag => {\n const newElement = document.createElement(type);\n\n // eslint-disable-next-line\n for (const attribute in tag) {\n if (Object.prototype.hasOwnProperty.call(tag, attribute)) {\n if (attribute === TAG_PROPERTIES.INNER_HTML) {\n newElement.innerHTML = tag.innerHTML;\n } else if (attribute === TAG_PROPERTIES.CSS_TEXT) {\n if (newElement.styleSheet) {\n newElement.styleSheet.cssText = tag.cssText;\n } else {\n newElement.appendChild(document.createTextNode(tag.cssText));\n }\n } else {\n const value = typeof tag[attribute] === 'undefined' ? '' : tag[attribute];\n newElement.setAttribute(attribute, value);\n }\n }\n }\n\n newElement.setAttribute(HELMET_ATTRIBUTE, 'true');\n\n // Remove a duplicate tag from domTagstoRemove, so it isn't cleared.\n if (\n oldTags.some((existingTag, index) => {\n indexToDelete = index;\n return newElement.isEqualNode(existingTag);\n })\n ) {\n oldTags.splice(indexToDelete, 1);\n } else {\n newTags.push(newElement);\n }\n });\n }\n\n oldTags.forEach(tag => tag.parentNode.removeChild(tag));\n newTags.forEach(tag => headElement.appendChild(tag));\n\n return {\n oldTags,\n newTags,\n };\n};\n\nconst updateAttributes = (tagName, attributes) => {\n const elementTag = document.getElementsByTagName(tagName)[0];\n\n if (!elementTag) {\n return;\n }\n\n const helmetAttributeString = elementTag.getAttribute(HELMET_ATTRIBUTE);\n const helmetAttributes = helmetAttributeString ? helmetAttributeString.split(',') : [];\n const attributesToRemove = [].concat(helmetAttributes);\n const attributeKeys = Object.keys(attributes);\n\n for (let i = 0; i < attributeKeys.length; i += 1) {\n const attribute = attributeKeys[i];\n const value = attributes[attribute] || '';\n\n if (elementTag.getAttribute(attribute) !== value) {\n elementTag.setAttribute(attribute, value);\n }\n\n if (helmetAttributes.indexOf(attribute) === -1) {\n helmetAttributes.push(attribute);\n }\n\n const indexToSave = attributesToRemove.indexOf(attribute);\n if (indexToSave !== -1) {\n attributesToRemove.splice(indexToSave, 1);\n }\n }\n\n for (let i = attributesToRemove.length - 1; i >= 0; i -= 1) {\n elementTag.removeAttribute(attributesToRemove[i]);\n }\n\n if (helmetAttributes.length === attributesToRemove.length) {\n elementTag.removeAttribute(HELMET_ATTRIBUTE);\n } else if (elementTag.getAttribute(HELMET_ATTRIBUTE) !== attributeKeys.join(',')) {\n elementTag.setAttribute(HELMET_ATTRIBUTE, attributeKeys.join(','));\n }\n};\n\nconst updateTitle = (title, attributes) => {\n if (typeof title !== 'undefined' && document.title !== title) {\n document.title = flattenArray(title);\n }\n\n updateAttributes(TAG_NAMES.TITLE, attributes);\n};\n\nconst commitTagChanges = (newState, cb) => {\n const {\n baseTag,\n bodyAttributes,\n htmlAttributes,\n linkTags,\n metaTags,\n noscriptTags,\n onChangeClientState,\n scriptTags,\n styleTags,\n title,\n titleAttributes,\n } = newState;\n updateAttributes(TAG_NAMES.BODY, bodyAttributes);\n updateAttributes(TAG_NAMES.HTML, htmlAttributes);\n\n updateTitle(title, titleAttributes);\n\n const tagUpdates = {\n baseTag: updateTags(TAG_NAMES.BASE, baseTag),\n linkTags: updateTags(TAG_NAMES.LINK, linkTags),\n metaTags: updateTags(TAG_NAMES.META, metaTags),\n noscriptTags: updateTags(TAG_NAMES.NOSCRIPT, noscriptTags),\n scriptTags: updateTags(TAG_NAMES.SCRIPT, scriptTags),\n styleTags: updateTags(TAG_NAMES.STYLE, styleTags),\n };\n\n const addedTags = {};\n const removedTags = {};\n\n Object.keys(tagUpdates).forEach(tagType => {\n const { newTags, oldTags } = tagUpdates[tagType];\n\n if (newTags.length) {\n addedTags[tagType] = newTags;\n }\n if (oldTags.length) {\n removedTags[tagType] = tagUpdates[tagType].oldTags;\n }\n });\n\n if (cb) {\n cb();\n }\n\n onChangeClientState(newState, addedTags, removedTags);\n};\n\n// eslint-disable-next-line\nlet _helmetCallback = null;\n\nconst handleStateChangeOnClient = newState => {\n if (_helmetCallback) {\n cancelAnimationFrame(_helmetCallback);\n }\n\n if (newState.defer) {\n _helmetCallback = requestAnimationFrame(() => {\n commitTagChanges(newState, () => {\n _helmetCallback = null;\n });\n });\n } else {\n commitTagChanges(newState);\n _helmetCallback = null;\n }\n};\n\nexport default handleStateChangeOnClient;\n","import { Component } from 'react';\nimport shallowEqual from 'shallowequal';\nimport handleStateChangeOnClient from './client';\nimport mapStateOnServer from './server';\nimport { reducePropsToState } from './utils';\nimport Provider, { providerShape } from './Provider';\n\nexport default class Dispatcher extends Component {\n static propTypes = {\n context: providerShape.isRequired,\n };\n\n static displayName = 'HelmetDispatcher';\n\n rendered = false;\n\n shouldComponentUpdate(nextProps) {\n return !shallowEqual(nextProps, this.props);\n }\n\n componentDidUpdate() {\n this.emitChange();\n }\n\n componentWillUnmount() {\n const { helmetInstances } = this.props.context;\n helmetInstances.remove(this);\n this.emitChange();\n }\n\n emitChange() {\n const { helmetInstances, setHelmet } = this.props.context;\n let serverState = null;\n const state = reducePropsToState(\n helmetInstances.get().map(instance => {\n const props = { ...instance.props };\n delete props.context;\n return props;\n })\n );\n if (Provider.canUseDOM) {\n handleStateChangeOnClient(state);\n } else if (mapStateOnServer) {\n serverState = mapStateOnServer(state);\n }\n setHelmet(serverState);\n }\n\n // componentWillMount will be deprecated\n // for SSR, initialize on first render\n // constructor is also unsafe in StrictMode\n init() {\n if (this.rendered) {\n return;\n }\n\n this.rendered = true;\n\n const { helmetInstances } = this.props.context;\n helmetInstances.add(this);\n this.emitChange();\n }\n\n render() {\n this.init();\n\n return null;\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport fastCompare from 'react-fast-compare';\nimport invariant from 'invariant';\nimport { Context } from './Provider';\nimport HelmetData from './HelmetData';\nimport Dispatcher from './Dispatcher';\nimport { without } from './utils';\nimport { TAG_NAMES, VALID_TAG_NAMES, HTML_TAG_MAP } from './constants';\n\nexport { default as HelmetData } from './HelmetData';\nexport { default as HelmetProvider } from './Provider';\n\n/* eslint-disable class-methods-use-this */\nexport class Helmet extends Component {\n /**\n * @param {Object} base: {\"target\": \"_blank\", \"href\": \"http://mysite.com/\"}\n * @param {Object} bodyAttributes: {\"className\": \"root\"}\n * @param {String} defaultTitle: \"Default Title\"\n * @param {Boolean} defer: true\n * @param {Boolean} encodeSpecialCharacters: true\n * @param {Object} htmlAttributes: {\"lang\": \"en\", \"amp\": undefined}\n * @param {Array} link: [{\"rel\": \"canonical\", \"href\": \"http://mysite.com/example\"}]\n * @param {Array} meta: [{\"name\": \"description\", \"content\": \"Test description\"}]\n * @param {Array} noscript: [{\"innerHTML\": \"
console.log(newState)\"\n * @param {Array} script: [{\"type\": \"text/javascript\", \"src\": \"http://mysite.com/js/test.js\"}]\n * @param {Array} style: [{\"type\": \"text/css\", \"cssText\": \"div { display: block; color: blue; }\"}]\n * @param {String} title: \"Title\"\n * @param {Object} titleAttributes: {\"itemprop\": \"name\"}\n * @param {String} titleTemplate: \"MySite.com - %s\"\n * @param {Boolean} prioritizeSeoTags: false\n */\n /* eslint-disable react/forbid-prop-types, react/require-default-props */\n static propTypes = {\n base: PropTypes.object,\n bodyAttributes: PropTypes.object,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n defaultTitle: PropTypes.string,\n defer: PropTypes.bool,\n encodeSpecialCharacters: PropTypes.bool,\n htmlAttributes: PropTypes.object,\n link: PropTypes.arrayOf(PropTypes.object),\n meta: PropTypes.arrayOf(PropTypes.object),\n noscript: PropTypes.arrayOf(PropTypes.object),\n onChangeClientState: PropTypes.func,\n script: PropTypes.arrayOf(PropTypes.object),\n style: PropTypes.arrayOf(PropTypes.object),\n title: PropTypes.string,\n titleAttributes: PropTypes.object,\n titleTemplate: PropTypes.string,\n prioritizeSeoTags: PropTypes.bool,\n helmetData: PropTypes.object,\n };\n /* eslint-enable react/prop-types, react/forbid-prop-types, react/require-default-props */\n\n static defaultProps = {\n defer: true,\n encodeSpecialCharacters: true,\n prioritizeSeoTags: false,\n };\n\n static displayName = 'Helmet';\n\n shouldComponentUpdate(nextProps) {\n return !fastCompare(without(this.props, 'helmetData'), without(nextProps, 'helmetData'));\n }\n\n mapNestedChildrenToProps(child, nestedChildren) {\n if (!nestedChildren) {\n return null;\n }\n\n switch (child.type) {\n case TAG_NAMES.SCRIPT:\n case TAG_NAMES.NOSCRIPT:\n return {\n innerHTML: nestedChildren,\n };\n\n case TAG_NAMES.STYLE:\n return {\n cssText: nestedChildren,\n };\n default:\n throw new Error(\n `<${child.type} /> elements are self-closing and can not contain children. Refer to our API for more information.`\n );\n }\n }\n\n flattenArrayTypeChildren({ child, arrayTypeChildren, newChildProps, nestedChildren }) {\n return {\n ...arrayTypeChildren,\n [child.type]: [\n ...(arrayTypeChildren[child.type] || []),\n {\n ...newChildProps,\n ...this.mapNestedChildrenToProps(child, nestedChildren),\n },\n ],\n };\n }\n\n mapObjectTypeChildren({ child, newProps, newChildProps, nestedChildren }) {\n switch (child.type) {\n case TAG_NAMES.TITLE:\n return {\n ...newProps,\n [child.type]: nestedChildren,\n titleAttributes: { ...newChildProps },\n };\n\n case TAG_NAMES.BODY:\n return {\n ...newProps,\n bodyAttributes: { ...newChildProps },\n };\n\n case TAG_NAMES.HTML:\n return {\n ...newProps,\n htmlAttributes: { ...newChildProps },\n };\n default:\n return {\n ...newProps,\n [child.type]: { ...newChildProps },\n };\n }\n }\n\n mapArrayTypeChildrenToProps(arrayTypeChildren, newProps) {\n let newFlattenedProps = { ...newProps };\n\n Object.keys(arrayTypeChildren).forEach(arrayChildName => {\n newFlattenedProps = {\n ...newFlattenedProps,\n [arrayChildName]: arrayTypeChildren[arrayChildName],\n };\n });\n\n return newFlattenedProps;\n }\n\n warnOnInvalidChildren(child, nestedChildren) {\n invariant(\n VALID_TAG_NAMES.some(name => child.type === name),\n typeof child.type === 'function'\n ? `You may be attempting to nest components within each other, which is not allowed. Refer to our API for more information.`\n : `Only elements types ${VALID_TAG_NAMES.join(\n ', '\n )} are allowed. Helmet does not support rendering <${\n child.type\n }> elements. Refer to our API for more information.`\n );\n\n invariant(\n !nestedChildren ||\n typeof nestedChildren === 'string' ||\n (Array.isArray(nestedChildren) &&\n !nestedChildren.some(nestedChild => typeof nestedChild !== 'string')),\n `Helmet expects a string as a child of <${child.type}>. Did you forget to wrap your children in braces? ( <${child.type}>{\\`\\`} ) Refer to our API for more information.`\n );\n\n return true;\n }\n\n mapChildrenToProps(children, newProps) {\n let arrayTypeChildren = {};\n\n React.Children.forEach(children, child => {\n if (!child || !child.props) {\n return;\n }\n\n const { children: nestedChildren, ...childProps } = child.props;\n // convert React props to HTML attributes\n const newChildProps = Object.keys(childProps).reduce((obj, key) => {\n obj[HTML_TAG_MAP[key] || key] = childProps[key];\n return obj;\n }, {});\n\n let { type } = child;\n if (typeof type === 'symbol') {\n type = type.toString();\n } else {\n this.warnOnInvalidChildren(child, nestedChildren);\n }\n\n switch (type) {\n case TAG_NAMES.FRAGMENT:\n newProps = this.mapChildrenToProps(nestedChildren, newProps);\n break;\n\n case TAG_NAMES.LINK:\n case TAG_NAMES.META:\n case TAG_NAMES.NOSCRIPT:\n case TAG_NAMES.SCRIPT:\n case TAG_NAMES.STYLE:\n arrayTypeChildren = this.flattenArrayTypeChildren({\n child,\n arrayTypeChildren,\n newChildProps,\n nestedChildren,\n });\n break;\n\n default:\n newProps = this.mapObjectTypeChildren({\n child,\n newProps,\n newChildProps,\n nestedChildren,\n });\n break;\n }\n });\n\n return this.mapArrayTypeChildrenToProps(arrayTypeChildren, newProps);\n }\n\n render() {\n const { children, ...props } = this.props;\n let newProps = { ...props };\n let { helmetData } = props;\n\n if (children) {\n newProps = this.mapChildrenToProps(children, newProps);\n }\n\n if (helmetData && !(helmetData instanceof HelmetData)) {\n helmetData = new HelmetData(helmetData.context, helmetData.instances);\n }\n\n return helmetData ? (\n // eslint-disable-next-line react/jsx-props-no-spreading\n \n ) : (\n \n {(\n context // eslint-disable-next-line react/jsx-props-no-spreading\n ) => }\n \n );\n }\n}\n","import * as React from \"react\";\nimport type {\n AgnosticRouteMatch,\n AgnosticIndexRouteObject,\n AgnosticNonIndexRouteObject,\n History,\n Location,\n RelativeRoutingType,\n Router,\n StaticHandlerContext,\n To,\n TrackedPromise,\n LazyRouteFunction,\n} from \"@remix-run/router\";\nimport type { Action as NavigationType } from \"@remix-run/router\";\n\n// Create react-specific types from the agnostic types in @remix-run/router to\n// export from react-router\nexport interface IndexRouteObject {\n caseSensitive?: AgnosticIndexRouteObject[\"caseSensitive\"];\n path?: AgnosticIndexRouteObject[\"path\"];\n id?: AgnosticIndexRouteObject[\"id\"];\n loader?: AgnosticIndexRouteObject[\"loader\"];\n action?: AgnosticIndexRouteObject[\"action\"];\n hasErrorBoundary?: AgnosticIndexRouteObject[\"hasErrorBoundary\"];\n shouldRevalidate?: AgnosticIndexRouteObject[\"shouldRevalidate\"];\n handle?: AgnosticIndexRouteObject[\"handle\"];\n index: true;\n children?: undefined;\n element?: React.ReactNode | null;\n errorElement?: React.ReactNode | null;\n Component?: React.ComponentType | null;\n ErrorBoundary?: React.ComponentType | null;\n lazy?: LazyRouteFunction;\n}\n\nexport interface NonIndexRouteObject {\n caseSensitive?: AgnosticNonIndexRouteObject[\"caseSensitive\"];\n path?: AgnosticNonIndexRouteObject[\"path\"];\n id?: AgnosticNonIndexRouteObject[\"id\"];\n loader?: AgnosticNonIndexRouteObject[\"loader\"];\n action?: AgnosticNonIndexRouteObject[\"action\"];\n hasErrorBoundary?: AgnosticNonIndexRouteObject[\"hasErrorBoundary\"];\n shouldRevalidate?: AgnosticNonIndexRouteObject[\"shouldRevalidate\"];\n handle?: AgnosticNonIndexRouteObject[\"handle\"];\n index?: false;\n children?: RouteObject[];\n element?: React.ReactNode | null;\n errorElement?: React.ReactNode | null;\n Component?: React.ComponentType | null;\n ErrorBoundary?: React.ComponentType | null;\n lazy?: LazyRouteFunction;\n}\n\nexport type RouteObject = IndexRouteObject | NonIndexRouteObject;\n\nexport type DataRouteObject = RouteObject & {\n children?: DataRouteObject[];\n id: string;\n};\n\nexport interface RouteMatch<\n ParamKey extends string = string,\n RouteObjectType extends RouteObject = RouteObject\n> extends AgnosticRouteMatch {}\n\nexport interface DataRouteMatch extends RouteMatch {}\n\nexport interface DataRouterContextObject extends NavigationContextObject {\n router: Router;\n staticContext?: StaticHandlerContext;\n}\n\nexport const DataRouterContext =\n React.createContext(null);\nif (__DEV__) {\n DataRouterContext.displayName = \"DataRouter\";\n}\n\nexport const DataRouterStateContext = React.createContext<\n Router[\"state\"] | null\n>(null);\nif (__DEV__) {\n DataRouterStateContext.displayName = \"DataRouterState\";\n}\n\nexport const AwaitContext = React.createContext(null);\nif (__DEV__) {\n AwaitContext.displayName = \"Await\";\n}\n\nexport interface NavigateOptions {\n replace?: boolean;\n state?: any;\n preventScrollReset?: boolean;\n relative?: RelativeRoutingType;\n}\n\n/**\n * A Navigator is a \"location changer\"; it's how you get to different locations.\n *\n * Every history instance conforms to the Navigator interface, but the\n * distinction is useful primarily when it comes to the low-level API\n * where both the location and a navigator must be provided separately in order\n * to avoid \"tearing\" that may occur in a suspense-enabled app if the action\n * and/or location were to be read directly from the history instance.\n */\nexport interface Navigator {\n createHref: History[\"createHref\"];\n // Optional for backwards-compat with Router/HistoryRouter usage (edge case)\n encodeLocation?: History[\"encodeLocation\"];\n go: History[\"go\"];\n push(to: To, state?: any, opts?: NavigateOptions): void;\n replace(to: To, state?: any, opts?: NavigateOptions): void;\n}\n\ninterface NavigationContextObject {\n basename: string;\n navigator: Navigator;\n static: boolean;\n}\n\nexport const NavigationContext = React.createContext(\n null!\n);\n\nif (__DEV__) {\n NavigationContext.displayName = \"Navigation\";\n}\n\ninterface LocationContextObject {\n location: Location;\n navigationType: NavigationType;\n}\n\nexport const LocationContext = React.createContext(\n null!\n);\n\nif (__DEV__) {\n LocationContext.displayName = \"Location\";\n}\n\nexport interface RouteContextObject {\n outlet: React.ReactElement | null;\n matches: RouteMatch[];\n isDataRoute: boolean;\n}\n\nexport const RouteContext = React.createContext({\n outlet: null,\n matches: [],\n isDataRoute: false,\n});\n\nif (__DEV__) {\n RouteContext.displayName = \"Route\";\n}\n\nexport const RouteErrorContext = React.createContext(null);\n\nif (__DEV__) {\n RouteErrorContext.displayName = \"RouteError\";\n}\n","import * as React from \"react\";\nimport type {\n Blocker,\n BlockerFunction,\n Location,\n ParamParseKey,\n Params,\n Path,\n PathMatch,\n PathPattern,\n RelativeRoutingType,\n Router as RemixRouter,\n RevalidationState,\n To,\n} from \"@remix-run/router\";\nimport {\n Action as NavigationType,\n UNSAFE_invariant as invariant,\n isRouteErrorResponse,\n joinPaths,\n matchPath,\n matchRoutes,\n parsePath,\n resolveTo,\n stripBasename,\n IDLE_BLOCKER,\n UNSAFE_getPathContributingMatches as getPathContributingMatches,\n UNSAFE_warning as warning,\n} from \"@remix-run/router\";\n\nimport type {\n NavigateOptions,\n RouteContextObject,\n RouteMatch,\n RouteObject,\n DataRouteMatch,\n} from \"./context\";\nimport {\n DataRouterContext,\n DataRouterStateContext,\n LocationContext,\n NavigationContext,\n RouteContext,\n RouteErrorContext,\n AwaitContext,\n} from \"./context\";\n\n/**\n * Returns the full href for the given \"to\" value. This is useful for building\n * custom links that are also accessible and preserve right-click behavior.\n *\n * @see https://reactrouter.com/hooks/use-href\n */\nexport function useHref(\n to: To,\n { relative }: { relative?: RelativeRoutingType } = {}\n): string {\n invariant(\n useInRouterContext(),\n // TODO: This error is probably because they somehow have 2 versions of the\n // router loaded. We can help them understand how to avoid that.\n `useHref() may be used only in the context of a component.`\n );\n\n let { basename, navigator } = React.useContext(NavigationContext);\n let { hash, pathname, search } = useResolvedPath(to, { relative });\n\n let joinedPathname = pathname;\n\n // If we're operating within a basename, prepend it to the pathname prior\n // to creating the href. If this is a root navigation, then just use the raw\n // basename which allows the basename to have full control over the presence\n // of a trailing slash on root links\n if (basename !== \"/\") {\n joinedPathname =\n pathname === \"/\" ? basename : joinPaths([basename, pathname]);\n }\n\n return navigator.createHref({ pathname: joinedPathname, search, hash });\n}\n\n/**\n * Returns true if this component is a descendant of a .\n *\n * @see https://reactrouter.com/hooks/use-in-router-context\n */\nexport function useInRouterContext(): boolean {\n return React.useContext(LocationContext) != null;\n}\n\n/**\n * Returns the current location object, which represents the current URL in web\n * browsers.\n *\n * Note: If you're using this it may mean you're doing some of your own\n * \"routing\" in your app, and we'd like to know what your use case is. We may\n * be able to provide something higher-level to better suit your needs.\n *\n * @see https://reactrouter.com/hooks/use-location\n */\nexport function useLocation(): Location {\n invariant(\n useInRouterContext(),\n // TODO: This error is probably because they somehow have 2 versions of the\n // router loaded. We can help them understand how to avoid that.\n `useLocation() may be used only in the context of a component.`\n );\n\n return React.useContext(LocationContext).location;\n}\n\n/**\n * Returns the current navigation action which describes how the router came to\n * the current location, either by a pop, push, or replace on the history stack.\n *\n * @see https://reactrouter.com/hooks/use-navigation-type\n */\nexport function useNavigationType(): NavigationType {\n return React.useContext(LocationContext).navigationType;\n}\n\n/**\n * Returns a PathMatch object if the given pattern matches the current URL.\n * This is useful for components that need to know \"active\" state, e.g.\n * .\n *\n * @see https://reactrouter.com/hooks/use-match\n */\nexport function useMatch<\n ParamKey extends ParamParseKey,\n Path extends string\n>(pattern: PathPattern | Path): PathMatch | null {\n invariant(\n useInRouterContext(),\n // TODO: This error is probably because they somehow have 2 versions of the\n // router loaded. We can help them understand how to avoid that.\n `useMatch() may be used only in the context of a component.`\n );\n\n let { pathname } = useLocation();\n return React.useMemo(\n () => matchPath(pattern, pathname),\n [pathname, pattern]\n );\n}\n\n/**\n * The interface for the navigate() function returned from useNavigate().\n */\nexport interface NavigateFunction {\n (to: To, options?: NavigateOptions): void;\n (delta: number): void;\n}\n\nconst navigateEffectWarning =\n `You should call navigate() in a React.useEffect(), not when ` +\n `your component is first rendered.`;\n\n// Mute warnings for calls to useNavigate in SSR environments\nfunction useIsomorphicLayoutEffect(\n cb: Parameters[0]\n) {\n let isStatic = React.useContext(NavigationContext).static;\n if (!isStatic) {\n // We should be able to get rid of this once react 18.3 is released\n // See: https://github.com/facebook/react/pull/26395\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useLayoutEffect(cb);\n }\n}\n\n/**\n * Returns an imperative method for changing the location. Used by s, but\n * may also be used by other elements to change the location.\n *\n * @see https://reactrouter.com/hooks/use-navigate\n */\nexport function useNavigate(): NavigateFunction {\n let { isDataRoute } = React.useContext(RouteContext);\n // Conditional usage is OK here because the usage of a data router is static\n // eslint-disable-next-line react-hooks/rules-of-hooks\n return isDataRoute ? useNavigateStable() : useNavigateUnstable();\n}\n\nfunction useNavigateUnstable(): NavigateFunction {\n invariant(\n useInRouterContext(),\n // TODO: This error is probably because they somehow have 2 versions of the\n // router loaded. We can help them understand how to avoid that.\n `useNavigate() may be used only in the context of a component.`\n );\n\n let dataRouterContext = React.useContext(DataRouterContext);\n let { basename, navigator } = React.useContext(NavigationContext);\n let { matches } = React.useContext(RouteContext);\n let { pathname: locationPathname } = useLocation();\n\n let routePathnamesJson = JSON.stringify(\n getPathContributingMatches(matches).map((match) => match.pathnameBase)\n );\n\n let activeRef = React.useRef(false);\n useIsomorphicLayoutEffect(() => {\n activeRef.current = true;\n });\n\n let navigate: NavigateFunction = React.useCallback(\n (to: To | number, options: NavigateOptions = {}) => {\n warning(activeRef.current, navigateEffectWarning);\n\n // Short circuit here since if this happens on first render the navigate\n // is useless because we haven't wired up our history listener yet\n if (!activeRef.current) return;\n\n if (typeof to === \"number\") {\n navigator.go(to);\n return;\n }\n\n let path = resolveTo(\n to,\n JSON.parse(routePathnamesJson),\n locationPathname,\n options.relative === \"path\"\n );\n\n // If we're operating within a basename, prepend it to the pathname prior\n // to handing off to history (but only if we're not in a data router,\n // otherwise it'll prepend the basename inside of the router).\n // If this is a root navigation, then we navigate to the raw basename\n // which allows the basename to have full control over the presence of a\n // trailing slash on root links\n if (dataRouterContext == null && basename !== \"/\") {\n path.pathname =\n path.pathname === \"/\"\n ? basename\n : joinPaths([basename, path.pathname]);\n }\n\n (!!options.replace ? navigator.replace : navigator.push)(\n path,\n options.state,\n options\n );\n },\n [\n basename,\n navigator,\n routePathnamesJson,\n locationPathname,\n dataRouterContext,\n ]\n );\n\n return navigate;\n}\n\nconst OutletContext = React.createContext(null);\n\n/**\n * Returns the context (if provided) for the child route at this level of the route\n * hierarchy.\n * @see https://reactrouter.com/hooks/use-outlet-context\n */\nexport function useOutletContext(): Context {\n return React.useContext(OutletContext) as Context;\n}\n\n/**\n * Returns the element for the child route at this level of the route\n * hierarchy. Used internally by to render child routes.\n *\n * @see https://reactrouter.com/hooks/use-outlet\n */\nexport function useOutlet(context?: unknown): React.ReactElement | null {\n let outlet = React.useContext(RouteContext).outlet;\n if (outlet) {\n return (\n {outlet}\n );\n }\n return outlet;\n}\n\n/**\n * Returns an object of key/value pairs of the dynamic params from the current\n * URL that were matched by the route path.\n *\n * @see https://reactrouter.com/hooks/use-params\n */\nexport function useParams<\n ParamsOrKey extends string | Record = string\n>(): Readonly<\n [ParamsOrKey] extends [string] ? Params : Partial\n> {\n let { matches } = React.useContext(RouteContext);\n let routeMatch = matches[matches.length - 1];\n return routeMatch ? (routeMatch.params as any) : {};\n}\n\n/**\n * Resolves the pathname of the given `to` value against the current location.\n *\n * @see https://reactrouter.com/hooks/use-resolved-path\n */\nexport function useResolvedPath(\n to: To,\n { relative }: { relative?: RelativeRoutingType } = {}\n): Path {\n let { matches } = React.useContext(RouteContext);\n let { pathname: locationPathname } = useLocation();\n\n let routePathnamesJson = JSON.stringify(\n getPathContributingMatches(matches).map((match) => match.pathnameBase)\n );\n\n return React.useMemo(\n () =>\n resolveTo(\n to,\n JSON.parse(routePathnamesJson),\n locationPathname,\n relative === \"path\"\n ),\n [to, routePathnamesJson, locationPathname, relative]\n );\n}\n\n/**\n * Returns the element of the route that matched the current location, prepared\n * with the correct context to render the remainder of the route tree. Route\n * elements in the tree must render an to render their child route's\n * element.\n *\n * @see https://reactrouter.com/hooks/use-routes\n */\nexport function useRoutes(\n routes: RouteObject[],\n locationArg?: Partial | string\n): React.ReactElement | null {\n return useRoutesImpl(routes, locationArg);\n}\n\n// Internal implementation with accept optional param for RouterProvider usage\nexport function useRoutesImpl(\n routes: RouteObject[],\n locationArg?: Partial | string,\n dataRouterState?: RemixRouter[\"state\"]\n): React.ReactElement | null {\n invariant(\n useInRouterContext(),\n // TODO: This error is probably because they somehow have 2 versions of the\n // router loaded. We can help them understand how to avoid that.\n `useRoutes() may be used only in the context of a component.`\n );\n\n let { navigator } = React.useContext(NavigationContext);\n let { matches: parentMatches } = React.useContext(RouteContext);\n let routeMatch = parentMatches[parentMatches.length - 1];\n let parentParams = routeMatch ? routeMatch.params : {};\n let parentPathname = routeMatch ? routeMatch.pathname : \"/\";\n let parentPathnameBase = routeMatch ? routeMatch.pathnameBase : \"/\";\n let parentRoute = routeMatch && routeMatch.route;\n\n if (__DEV__) {\n // You won't get a warning about 2 different under a \n // without a trailing *, but this is a best-effort warning anyway since we\n // cannot even give the warning unless they land at the parent route.\n //\n // Example:\n //\n // \n // {/* This route path MUST end with /* because otherwise\n // it will never match /blog/post/123 */}\n // } />\n // } />\n // \n //\n // function Blog() {\n // return (\n // \n // } />\n // \n // );\n // }\n let parentPath = (parentRoute && parentRoute.path) || \"\";\n warningOnce(\n parentPathname,\n !parentRoute || parentPath.endsWith(\"*\"),\n `You rendered descendant (or called \\`useRoutes()\\`) at ` +\n `\"${parentPathname}\" (under ) but the ` +\n `parent route path has no trailing \"*\". This means if you navigate ` +\n `deeper, the parent won't match anymore and therefore the child ` +\n `routes will never render.\\n\\n` +\n `Please change the parent to .`\n );\n }\n\n let locationFromContext = useLocation();\n\n let location;\n if (locationArg) {\n let parsedLocationArg =\n typeof locationArg === \"string\" ? parsePath(locationArg) : locationArg;\n\n invariant(\n parentPathnameBase === \"/\" ||\n parsedLocationArg.pathname?.startsWith(parentPathnameBase),\n `When overriding the location using \\`\\` or \\`useRoutes(routes, location)\\`, ` +\n `the location pathname must begin with the portion of the URL pathname that was ` +\n `matched by all parent routes. The current pathname base is \"${parentPathnameBase}\" ` +\n `but pathname \"${parsedLocationArg.pathname}\" was given in the \\`location\\` prop.`\n );\n\n location = parsedLocationArg;\n } else {\n location = locationFromContext;\n }\n\n let pathname = location.pathname || \"/\";\n let remainingPathname =\n parentPathnameBase === \"/\"\n ? pathname\n : pathname.slice(parentPathnameBase.length) || \"/\";\n\n let matches = matchRoutes(routes, { pathname: remainingPathname });\n\n if (__DEV__) {\n warning(\n parentRoute || matches != null,\n `No routes matched location \"${location.pathname}${location.search}${location.hash}\" `\n );\n\n warning(\n matches == null ||\n matches[matches.length - 1].route.element !== undefined ||\n matches[matches.length - 1].route.Component !== undefined,\n `Matched leaf route at location \"${location.pathname}${location.search}${location.hash}\" ` +\n `does not have an element or Component. This means it will render an with a ` +\n `null value by default resulting in an \"empty\" page.`\n );\n }\n\n let renderedMatches = _renderMatches(\n matches &&\n matches.map((match) =>\n Object.assign({}, match, {\n params: Object.assign({}, parentParams, match.params),\n pathname: joinPaths([\n parentPathnameBase,\n // Re-encode pathnames that were decoded inside matchRoutes\n navigator.encodeLocation\n ? navigator.encodeLocation(match.pathname).pathname\n : match.pathname,\n ]),\n pathnameBase:\n match.pathnameBase === \"/\"\n ? parentPathnameBase\n : joinPaths([\n parentPathnameBase,\n // Re-encode pathnames that were decoded inside matchRoutes\n navigator.encodeLocation\n ? navigator.encodeLocation(match.pathnameBase).pathname\n : match.pathnameBase,\n ]),\n })\n ),\n parentMatches,\n dataRouterState\n );\n\n // When a user passes in a `locationArg`, the associated routes need to\n // be wrapped in a new `LocationContext.Provider` in order for `useLocation`\n // to use the scoped location instead of the global location.\n if (locationArg && renderedMatches) {\n return (\n \n {renderedMatches}\n \n );\n }\n\n return renderedMatches;\n}\n\nfunction DefaultErrorComponent() {\n let error = useRouteError();\n let message = isRouteErrorResponse(error)\n ? `${error.status} ${error.statusText}`\n : error instanceof Error\n ? error.message\n : JSON.stringify(error);\n let stack = error instanceof Error ? error.stack : null;\n let lightgrey = \"rgba(200,200,200, 0.5)\";\n let preStyles = { padding: \"0.5rem\", backgroundColor: lightgrey };\n let codeStyles = { padding: \"2px 4px\", backgroundColor: lightgrey };\n\n let devInfo = null;\n if (__DEV__) {\n console.error(\n \"Error handled by React Router default ErrorBoundary:\",\n error\n );\n\n devInfo = (\n <>\n 💿 Hey developer 👋
\n \n You can provide a way better UX than this when your app throws errors\n by providing your own ErrorBoundary or{\" \"}\n errorElement prop on your route.\n
\n \n );\n }\n\n return (\n <>\n Unexpected Application Error!
\n {message}
\n {stack ? {stack} : null}\n {devInfo}\n \n );\n}\n\nconst defaultErrorElement = ;\n\ntype RenderErrorBoundaryProps = React.PropsWithChildren<{\n location: Location;\n revalidation: RevalidationState;\n error: any;\n component: React.ReactNode;\n routeContext: RouteContextObject;\n}>;\n\ntype RenderErrorBoundaryState = {\n location: Location;\n revalidation: RevalidationState;\n error: any;\n};\n\nexport class RenderErrorBoundary extends React.Component<\n RenderErrorBoundaryProps,\n RenderErrorBoundaryState\n> {\n constructor(props: RenderErrorBoundaryProps) {\n super(props);\n this.state = {\n location: props.location,\n revalidation: props.revalidation,\n error: props.error,\n };\n }\n\n static getDerivedStateFromError(error: any) {\n return { error: error };\n }\n\n static getDerivedStateFromProps(\n props: RenderErrorBoundaryProps,\n state: RenderErrorBoundaryState\n ) {\n // When we get into an error state, the user will likely click \"back\" to the\n // previous page that didn't have an error. Because this wraps the entire\n // application, that will have no effect--the error page continues to display.\n // This gives us a mechanism to recover from the error when the location changes.\n //\n // Whether we're in an error state or not, we update the location in state\n // so that when we are in an error state, it gets reset when a new location\n // comes in and the user recovers from the error.\n if (\n state.location !== props.location ||\n (state.revalidation !== \"idle\" && props.revalidation === \"idle\")\n ) {\n return {\n error: props.error,\n location: props.location,\n revalidation: props.revalidation,\n };\n }\n\n // If we're not changing locations, preserve the location but still surface\n // any new errors that may come through. We retain the existing error, we do\n // this because the error provided from the app state may be cleared without\n // the location changing.\n return {\n error: props.error || state.error,\n location: state.location,\n revalidation: props.revalidation || state.revalidation,\n };\n }\n\n componentDidCatch(error: any, errorInfo: any) {\n console.error(\n \"React Router caught the following error during render\",\n error,\n errorInfo\n );\n }\n\n render() {\n return this.state.error ? (\n \n \n \n ) : (\n this.props.children\n );\n }\n}\n\ninterface RenderedRouteProps {\n routeContext: RouteContextObject;\n match: RouteMatch;\n children: React.ReactNode | null;\n}\n\nfunction RenderedRoute({ routeContext, match, children }: RenderedRouteProps) {\n let dataRouterContext = React.useContext(DataRouterContext);\n\n // Track how deep we got in our render pass to emulate SSR componentDidCatch\n // in a DataStaticRouter\n if (\n dataRouterContext &&\n dataRouterContext.static &&\n dataRouterContext.staticContext &&\n (match.route.errorElement || match.route.ErrorBoundary)\n ) {\n dataRouterContext.staticContext._deepestRenderedBoundaryId = match.route.id;\n }\n\n return (\n \n {children}\n \n );\n}\n\nexport function _renderMatches(\n matches: RouteMatch[] | null,\n parentMatches: RouteMatch[] = [],\n dataRouterState: RemixRouter[\"state\"] | null = null\n): React.ReactElement | null {\n if (matches == null) {\n if (dataRouterState?.errors) {\n // Don't bail if we have data router errors so we can render them in the\n // boundary. Use the pre-matched (or shimmed) matches\n matches = dataRouterState.matches as DataRouteMatch[];\n } else {\n return null;\n }\n }\n\n let renderedMatches = matches;\n\n // If we have data errors, trim matches to the highest error boundary\n let errors = dataRouterState?.errors;\n if (errors != null) {\n let errorIndex = renderedMatches.findIndex(\n (m) => m.route.id && errors?.[m.route.id]\n );\n invariant(\n errorIndex >= 0,\n `Could not find a matching route for errors on route IDs: ${Object.keys(\n errors\n ).join(\",\")}`\n );\n renderedMatches = renderedMatches.slice(\n 0,\n Math.min(renderedMatches.length, errorIndex + 1)\n );\n }\n\n return renderedMatches.reduceRight((outlet, match, index) => {\n let error = match.route.id ? errors?.[match.route.id] : null;\n // Only data routers handle errors\n let errorElement: React.ReactNode | null = null;\n if (dataRouterState) {\n errorElement = match.route.errorElement || defaultErrorElement;\n }\n let matches = parentMatches.concat(renderedMatches.slice(0, index + 1));\n let getChildren = () => {\n let children: React.ReactNode;\n if (error) {\n children = errorElement;\n } else if (match.route.Component) {\n // Note: This is a de-optimized path since React won't re-use the\n // ReactElement since it's identity changes with each new\n // React.createElement call. We keep this so folks can use\n // `` in `` but generally `Component`\n // usage is only advised in `RouterProvider` when we can convert it to\n // `element` ahead of time.\n children = ;\n } else if (match.route.element) {\n children = match.route.element;\n } else {\n children = outlet;\n }\n return (\n \n );\n };\n // Only wrap in an error boundary within data router usages when we have an\n // ErrorBoundary/errorElement on this route. Otherwise let it bubble up to\n // an ancestor ErrorBoundary/errorElement\n return dataRouterState &&\n (match.route.ErrorBoundary || match.route.errorElement || index === 0) ? (\n \n ) : (\n getChildren()\n );\n }, null as React.ReactElement | null);\n}\n\nenum DataRouterHook {\n UseBlocker = \"useBlocker\",\n UseRevalidator = \"useRevalidator\",\n UseNavigateStable = \"useNavigate\",\n}\n\nenum DataRouterStateHook {\n UseBlocker = \"useBlocker\",\n UseLoaderData = \"useLoaderData\",\n UseActionData = \"useActionData\",\n UseRouteError = \"useRouteError\",\n UseNavigation = \"useNavigation\",\n UseRouteLoaderData = \"useRouteLoaderData\",\n UseMatches = \"useMatches\",\n UseRevalidator = \"useRevalidator\",\n UseNavigateStable = \"useNavigate\",\n UseRouteId = \"useRouteId\",\n}\n\nfunction getDataRouterConsoleError(\n hookName: DataRouterHook | DataRouterStateHook\n) {\n return `${hookName} must be used within a data router. See https://reactrouter.com/routers/picking-a-router.`;\n}\n\nfunction useDataRouterContext(hookName: DataRouterHook) {\n let ctx = React.useContext(DataRouterContext);\n invariant(ctx, getDataRouterConsoleError(hookName));\n return ctx;\n}\n\nfunction useDataRouterState(hookName: DataRouterStateHook) {\n let state = React.useContext(DataRouterStateContext);\n invariant(state, getDataRouterConsoleError(hookName));\n return state;\n}\n\nfunction useRouteContext(hookName: DataRouterStateHook) {\n let route = React.useContext(RouteContext);\n invariant(route, getDataRouterConsoleError(hookName));\n return route;\n}\n\n// Internal version with hookName-aware debugging\nfunction useCurrentRouteId(hookName: DataRouterStateHook) {\n let route = useRouteContext(hookName);\n let thisRoute = route.matches[route.matches.length - 1];\n invariant(\n thisRoute.route.id,\n `${hookName} can only be used on routes that contain a unique \"id\"`\n );\n return thisRoute.route.id;\n}\n\n/**\n * Returns the ID for the nearest contextual route\n */\nexport function useRouteId() {\n return useCurrentRouteId(DataRouterStateHook.UseRouteId);\n}\n\n/**\n * Returns the current navigation, defaulting to an \"idle\" navigation when\n * no navigation is in progress\n */\nexport function useNavigation() {\n let state = useDataRouterState(DataRouterStateHook.UseNavigation);\n return state.navigation;\n}\n\n/**\n * Returns a revalidate function for manually triggering revalidation, as well\n * as the current state of any manual revalidations\n */\nexport function useRevalidator() {\n let dataRouterContext = useDataRouterContext(DataRouterHook.UseRevalidator);\n let state = useDataRouterState(DataRouterStateHook.UseRevalidator);\n return {\n revalidate: dataRouterContext.router.revalidate,\n state: state.revalidation,\n };\n}\n\n/**\n * Returns the active route matches, useful for accessing loaderData for\n * parent/child routes or the route \"handle\" property\n */\nexport function useMatches() {\n let { matches, loaderData } = useDataRouterState(\n DataRouterStateHook.UseMatches\n );\n return React.useMemo(\n () =>\n matches.map((match) => {\n let { pathname, params } = match;\n // Note: This structure matches that created by createUseMatchesMatch\n // in the @remix-run/router , so if you change this please also change\n // that :) Eventually we'll DRY this up\n return {\n id: match.route.id,\n pathname,\n params,\n data: loaderData[match.route.id] as unknown,\n handle: match.route.handle as unknown,\n };\n }),\n [matches, loaderData]\n );\n}\n\n/**\n * Returns the loader data for the nearest ancestor Route loader\n */\nexport function useLoaderData(): unknown {\n let state = useDataRouterState(DataRouterStateHook.UseLoaderData);\n let routeId = useCurrentRouteId(DataRouterStateHook.UseLoaderData);\n\n if (state.errors && state.errors[routeId] != null) {\n console.error(\n `You cannot \\`useLoaderData\\` in an errorElement (routeId: ${routeId})`\n );\n return undefined;\n }\n return state.loaderData[routeId];\n}\n\n/**\n * Returns the loaderData for the given routeId\n */\nexport function useRouteLoaderData(routeId: string): unknown {\n let state = useDataRouterState(DataRouterStateHook.UseRouteLoaderData);\n return state.loaderData[routeId];\n}\n\n/**\n * Returns the action data for the nearest ancestor Route action\n */\nexport function useActionData(): unknown {\n let state = useDataRouterState(DataRouterStateHook.UseActionData);\n\n let route = React.useContext(RouteContext);\n invariant(route, `useActionData must be used inside a RouteContext`);\n\n return Object.values(state?.actionData || {})[0];\n}\n\n/**\n * Returns the nearest ancestor Route error, which could be a loader/action\n * error or a render error. This is intended to be called from your\n * ErrorBoundary/errorElement to display a proper error message.\n */\nexport function useRouteError(): unknown {\n let error = React.useContext(RouteErrorContext);\n let state = useDataRouterState(DataRouterStateHook.UseRouteError);\n let routeId = useCurrentRouteId(DataRouterStateHook.UseRouteError);\n\n // If this was a render error, we put it in a RouteError context inside\n // of RenderErrorBoundary\n if (error) {\n return error;\n }\n\n // Otherwise look for errors from our data router state\n return state.errors?.[routeId];\n}\n\n/**\n * Returns the happy-path data from the nearest ancestor value\n */\nexport function useAsyncValue(): unknown {\n let value = React.useContext(AwaitContext);\n return value?._data;\n}\n\n/**\n * Returns the error from the nearest ancestor value\n */\nexport function useAsyncError(): unknown {\n let value = React.useContext(AwaitContext);\n return value?._error;\n}\n\nlet blockerId = 0;\n\n/**\n * Allow the application to block navigations within the SPA and present the\n * user a confirmation dialog to confirm the navigation. Mostly used to avoid\n * using half-filled form data. This does not handle hard-reloads or\n * cross-origin navigations.\n */\nexport function useBlocker(shouldBlock: boolean | BlockerFunction): Blocker {\n let { router, basename } = useDataRouterContext(DataRouterHook.UseBlocker);\n let state = useDataRouterState(DataRouterStateHook.UseBlocker);\n\n let [blockerKey, setBlockerKey] = React.useState(\"\");\n let [blocker, setBlocker] = React.useState(IDLE_BLOCKER);\n let blockerFunction = React.useCallback(\n (arg) => {\n if (typeof shouldBlock !== \"function\") {\n return !!shouldBlock;\n }\n if (basename === \"/\") {\n return shouldBlock(arg);\n }\n\n // If they provided us a function and we've got an active basename, strip\n // it from the locations we expose to the user to match the behavior of\n // useLocation\n let { currentLocation, nextLocation, historyAction } = arg;\n return shouldBlock({\n currentLocation: {\n ...currentLocation,\n pathname:\n stripBasename(currentLocation.pathname, basename) ||\n currentLocation.pathname,\n },\n nextLocation: {\n ...nextLocation,\n pathname:\n stripBasename(nextLocation.pathname, basename) ||\n nextLocation.pathname,\n },\n historyAction,\n });\n },\n [basename, shouldBlock]\n );\n\n React.useEffect(() => {\n let key = String(++blockerId);\n setBlocker(router.getBlocker(key, blockerFunction));\n setBlockerKey(key);\n return () => router.deleteBlocker(key);\n }, [router, setBlocker, setBlockerKey, blockerFunction]);\n\n // Prefer the blocker from state since DataRouterContext is memoized so this\n // ensures we update on blocker state updates\n return blockerKey && state.blockers.has(blockerKey)\n ? state.blockers.get(blockerKey)!\n : blocker;\n}\n\n/**\n * Stable version of useNavigate that is used when we are in the context of\n * a RouterProvider.\n */\nfunction useNavigateStable(): NavigateFunction {\n let { router } = useDataRouterContext(DataRouterHook.UseNavigateStable);\n let id = useCurrentRouteId(DataRouterStateHook.UseNavigateStable);\n\n let activeRef = React.useRef(false);\n useIsomorphicLayoutEffect(() => {\n activeRef.current = true;\n });\n\n let navigate: NavigateFunction = React.useCallback(\n (to: To | number, options: NavigateOptions = {}) => {\n warning(activeRef.current, navigateEffectWarning);\n\n // Short circuit here since if this happens on first render the navigate\n // is useless because we haven't wired up our router subscriber yet\n if (!activeRef.current) return;\n\n if (typeof to === \"number\") {\n router.navigate(to);\n } else {\n router.navigate(to, { fromRouteId: id, ...options });\n }\n },\n [router, id]\n );\n\n return navigate;\n}\n\nconst alreadyWarned: Record = {};\n\nfunction warningOnce(key: string, cond: boolean, message: string) {\n if (!cond && !alreadyWarned[key]) {\n alreadyWarned[key] = true;\n warning(false, message);\n }\n}\n","import * as React from \"react\";\nimport type {\n TrackedPromise,\n InitialEntry,\n Location,\n MemoryHistory,\n Router as RemixRouter,\n To,\n LazyRouteFunction,\n RelativeRoutingType,\n RouterState,\n} from \"@remix-run/router\";\nimport {\n Action as NavigationType,\n AbortedDeferredError,\n createMemoryHistory,\n UNSAFE_invariant as invariant,\n parsePath,\n resolveTo,\n stripBasename,\n UNSAFE_warning as warning,\n UNSAFE_getPathContributingMatches as getPathContributingMatches,\n} from \"@remix-run/router\";\n\nimport type {\n DataRouteObject,\n IndexRouteObject,\n RouteMatch,\n RouteObject,\n Navigator,\n NonIndexRouteObject,\n} from \"./context\";\nimport {\n LocationContext,\n NavigationContext,\n DataRouterContext,\n DataRouterStateContext,\n AwaitContext,\n RouteContext,\n} from \"./context\";\nimport {\n useAsyncValue,\n useInRouterContext,\n useNavigate,\n useOutlet,\n useRoutes,\n _renderMatches,\n useRoutesImpl,\n useLocation,\n} from \"./hooks\";\n\nexport interface FutureConfig {\n v7_startTransition: boolean;\n}\n\nexport interface RouterProviderProps {\n fallbackElement?: React.ReactNode;\n router: RemixRouter;\n future?: FutureConfig;\n}\n\n/**\n Webpack + React 17 fails to compile on any of the following because webpack\n complains that `startTransition` doesn't exist in `React`:\n * import { startTransition } from \"react\"\n * import * as React from from \"react\";\n \"startTransition\" in React ? React.startTransition(() => setState()) : setState()\n * import * as React from from \"react\";\n \"startTransition\" in React ? React[\"startTransition\"](() => setState()) : setState()\n\n Moving it to a constant such as the following solves the Webpack/React 17 issue:\n * import * as React from from \"react\";\n const START_TRANSITION = \"startTransition\";\n START_TRANSITION in React ? React[START_TRANSITION](() => setState()) : setState()\n\n However, that introduces webpack/terser minification issues in production builds\n in React 18 where minification/obfuscation ends up removing the call of\n React.startTransition entirely from the first half of the ternary. Grabbing\n this exported reference once up front resolves that issue.\n\n See https://github.com/remix-run/react-router/issues/10579\n*/\nconst START_TRANSITION = \"startTransition\";\nconst startTransitionImpl = React[START_TRANSITION];\n\n/**\n * Given a Remix Router instance, render the appropriate UI\n */\nexport function RouterProvider({\n fallbackElement,\n router,\n future,\n}: RouterProviderProps): React.ReactElement {\n // Need to use a layout effect here so we are subscribed early enough to\n // pick up on any render-driven redirects/navigations (useEffect/)\n let [state, setStateImpl] = React.useState(router.state);\n let { v7_startTransition } = future || {};\n let setState = React.useCallback(\n (newState: RouterState) => {\n v7_startTransition && startTransitionImpl\n ? startTransitionImpl(() => setStateImpl(newState))\n : setStateImpl(newState);\n },\n [setStateImpl, v7_startTransition]\n );\n React.useLayoutEffect(() => router.subscribe(setState), [router, setState]);\n\n let navigator = React.useMemo((): Navigator => {\n return {\n createHref: router.createHref,\n encodeLocation: router.encodeLocation,\n go: (n) => router.navigate(n),\n push: (to, state, opts) =>\n router.navigate(to, {\n state,\n preventScrollReset: opts?.preventScrollReset,\n }),\n replace: (to, state, opts) =>\n router.navigate(to, {\n replace: true,\n state,\n preventScrollReset: opts?.preventScrollReset,\n }),\n };\n }, [router]);\n\n let basename = router.basename || \"/\";\n\n let dataRouterContext = React.useMemo(\n () => ({\n router,\n navigator,\n static: false,\n basename,\n }),\n [router, navigator, basename]\n );\n\n // The fragment and {null} here are important! We need them to keep React 18's\n // useId happy when we are server-rendering since we may have a \n \n \n \n
\n Tech Support\n 
\n
\n
\n \n {/**/} \n {/**/} \n
\n \n
\n {/*\n
\n
\n
\n \n Thank you\n
\n Your submission has been received.
\n We will be in touch and contact you soon.
\n {urlParams.has(\"referralCode\")?\n <>\n
\n Your referral code is:
\n {urlParams.get(\"referralCode\")}
\n Please take note of your referral code.
\n \n : \"\"\n }\n\n Back Home\n \n \n \n );\n}","import React, {useRef, useState, useEffect} from 'react';\nimport { Helmet } from 'react-helmet-async';\nimport Loader from '../components/Loader';\nimport { Fade, Zoom } from \"react-awesome-reveal\";\nimport { useAppContext } from '../libs/contextLib';\nimport { useParams } from 'react-router';\nimport \"../assets/styles/NewsAndArticles.scss\";\n\nimport banner1 from \"../assets/images/NewsAndArticle-banner.png\"\nimport bannertile from \"../assets/images/inner-page-tile.png\"\n\nexport default function NewsAndArticles() {\n const {isPageLight, setIsPageLight} = useAppContext();\n const [loading, setLoading] = useState(true);\n const params= useParams();\n const [articles, setArticles] = useState([]);\n const schemaOrgJSONLD = {\n \"@context\": \"https://schema.org/\",\n \"@type\": \"WebContent\",\n \"description\": \"Latest news and media from Telavi\", \n \"mainEntityOfPage\": \"https://www.telavi.com.ph/\",\n \"name\": \"Media - Telavi\",\n \"potentialAction\": \"Contact Us\", \n \"url\": \"https://www.telavi.com.ph/media/\" \n };\n\n let articlesAPI = 'https://api.telavidev.gurlavi.com.ph/cmsadmin/articles/getall';\n\n const getAllArticles = async () => {\n await fetch(articlesAPI)\n .then(response => response.json())\n .then(data => setArticles(data));\n\n console.log(articles);\n }\n\n useEffect(() => {\n // setIsPageLight(false);\n console.log(params.slug);\n getAllArticles();\n setLoading(false);\n }, []);\n\n\n return(\n <>\n {loading ? () : (\"\")}\n <>\n \n \n News and Articles About Updates for Digital Innovation | Telavi\n \n \n \n \n
\n
\n 
\n \n
\n \n \n News and Articles\n
\n \n
\n
\n
\n
\n 
\n \n
\n
\n
\n \n Service Spotlight\n October 4, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article13-img-a.png\")})
\n
Top 6 Best Features in a Unified Communications Platform
\n Look out for the best features in a Unified Communications (UC)Service or Platform In a fast-paced society, there is always an increasing demand for software or applications for better productivity. As remote and hybrid work continues, it’s important to use platforms that are all in one unified place. Unified communications (UC) platforms or products (e.g. equipment, software, and services) provide and integrate communications and collaboration tools such as IP phones, web and video conferencing, voicemails, personal & team messaging, and more. But what should be taken into account when looking for a UC service or platform?
\n \n
\n \n Service Spotlight\n October 4, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article12-img-a.png\")})
\n
6 Advantages of Cloud Telephony
\n Cloud telephony has a lot of benefits for companies and individuals. Cloud telephony uses VoIP to connect phone calls using the internet. It is an advanced telecommunications service that uses the cloud, creating flexibility to do business remotely. With this, there are a lot of advantages that companies and even individuals will benefit from.
\n \n
\n \n Service Spotlight\n October 4, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article25-img-a.png\")})
\n
Telavi Cloud: A necessary business continuity plan component
\n The business landscape in these uncertain times is quite difficult to navigate. Many institutions face various challenges brought about by\n unexpected emergency situations like Covid-19. They must adapt to the ever-changing climate in order to stay afloat in the new normal. To be able to maintain operations smoothly during times of crises, an organization, whatever size, revenue or in whatever industry, must have a\n strong business continuity plan in place, otherwise the business will suffer the consequences.
\n \n
\n \n Service Spotlight\n October 4, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article24-img-a.png\")})
\n
Telavi Cloud Brings Office Productivity to the Next Level
\n Manila, Philippines - The business landscape has been evolving rapidly, driven by the worldwide pandemic. These precarious times call for\n increased flexibility, mobility, with the goal of growing productivity. Enterprises must encourage their workforce to adapt quickly or be left behind.\n One of these innovative business shifts is the remote work setup.
\n \n
\n \n Service Spotlight\n October 4, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article26-img-a.png\")})
\n
Unified Solutions To Save Money In The New Normal
\n The pandemic has changed so many things including the way companies operate. Edric Mendoza, self-titled change-maker, entrepreneur and former news anchor of ANC’s “On the Money”, shares the top financial problems\n companies faced at the start of the pandemic. The first is people. Businesses had to make sure their employees as well as their customers were safe. They had to consider the protocols and\n the expenses related to healthcare. Second is logistics. Companies had to carry on maintaining overhead costs, the facilities, rentals, even\n transportation. The third is the actual product and service. Industries with products and services that could not adapt well had to scale back on\n their product line or stop their services.
\n \n
\n \n Service Spotlight\n October 4, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article15-img-a.png\")})
\n
What is Cloud Office and Is It Necessary?
\n Cloud office and its importance to any business. Many companies have resorted to shifting to a cloud office in this ever-changing work landscape. But\n what exactly is a cloud office, and is it necessary for businesses to change to a cloud office? What\n are the benefits it will give the company? Time to shift to Cloud Office
\n \n
\n \n Service Spotlight\n October 4, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article16-img-a.png\")})
\n
What is Telephony and How Does it Help Productivity?
\n You might have seen the word “telephony” several times and wondered what it is. Is telephony a new\n concept? Would it really help with employee productivity? Telephony, by definition, is the use or operation of an apparatus to transmit sounds as electrical\n signals. Traditionally, telephony is a field of technology that involves the electronic transmission of\n voice between two distant parties.
\n \n
\n \n Tips and Advice\n October 4, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article8-img-a.png\")})
\n
How to Collaborate Productively in Any Work Set-up
\n Productive team collaboration makes a business work. Collaboration is the key to a productive and continuous business environment. With remote work at the forefront of current work setups in most companies, collaboration is the key to a productive and continuous business. It is a sustainable workflow that can impair the in-office setup to a flexible working environment where every worker can thrive for business success.
\n \n
\n \n Tips and Advice\n October 4, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article6-img-a.png\")})
\n
10 Reasons to Shift to Cloud Office
\n Enjoy the benefits when you shift to the Cloud Office. There are a lot of misconceptions about shifting from legacy or on-premise to cloud communication systems. As a result, companies are left to settle with outdated solutions and cannot fully support business needs.
\n \n
\n \n Tips and Advice\n October 4, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article1-img-a.jpg\")})
\n
4 Useful Tips to Make a Hybrid Setup Work
\n Make the hybrid work setup actually work. Hybrid work has created an environment where employees can work both onsite and remotely. With\n the premise of providing a good work-life balance and better savings, a good majority of Filipino employees prefer hybrid work. companies still have reservations about this work setup, with the same survey indicating that only\n a small percentage of companies are prepared for hybrid work.
\n \n
\n \n Tips and Advice\n October 4, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article3-img-a.jpg\")})
\n
5 Effective Ways to Thrive in a Hybrid Work Environment
\n Thrive in your work even if you’re working remotely from home. One of the basic things that should be in place in a successful flexible work setup is a hybrid work\n model. With a working framework and rulebook in place, it’s now time to find effective ways for\n employees to thrive and remain productive while working remotely or in-office, especially as more\n companies in the Asia-Pacific region are likely to have remote and flexible arrangements in the next\n few years.
\n \n
\n \n Tips and Advice\n October 4, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article4-img-a.jpg\")})
\n
5 Essential Tools to use for Hybrid Work
\n Must-have tools for a productive hybrid work. A lot of companies have begun to shift to a flexible work setup. To ensure success for business\n continuity, companies and employees must have specific tools to function well. But why do hybrid\n workplaces need such tools? Workable tools that professionals can use both in-office and remotely\n provides easier access to files and most importantly internal and external communication.
\n \n
\n \n Tips and Advice\n October 4, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article5-img-a.png\")})
\n
8 Essential Things to Consider when Transitioning to a Hybrid Work Setup
\n Make your transition to a hybrid work setup easier. A hybrid setup is one of the options companies are now choosing to do instead of going full-remote or full-onsite work.\n There could be challenges to transitioning to a hybrid work setup, especially since several studies have shown that those who work remotely are\n 47% more productive than those working onsite.
\n \n
\n \n Tips and Advice\n August 18, 2023\n
\n \n
![\"\"]({require(\"../assets/images/article-img/article2-img-a.jpg\")})
\n
5 Common Myths about Hybrid Work
\n Flexible work has been around for years. It’s time to utilize it. Contrary to popular belief, hybrid work is not a new phenomenon just borne from the pandemic.In fact, remote and flexible working arrangements have been around for some time. It existed even before the pandemic — just on a smaller scale.
\n \n
\n \n Tips and Advice\n August 18, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article7-img-a.png\")})
\n
Benefits of a Hybrid Work Set-Up
\n The benefits of hybrid work for employers and employees. The future of the workforce is hybrid. Multiple studies have shown that happier with this type of setup. However, a lot of\n companies and leaders are still on the fence about transitioning from full onsite and full remote to a\n hybrid work setup.
\n \n
\n \n Tips and Advice\n August 18, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article9-img-a.png\")})
\n
Hybrid Future & Fate of the Cloud Office
\n The future is in the Cloud. Hybrid is the present and the future of a workplace. With labor groups, the government, and some\n private organizations pledging their support for a flexible setup, it’s safe to say that it’s time to start\n thinking about shifting to a cloud office – that is if your organization has yet to do so.
\n \n
\n \n Tips and Advice\n August 18, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article14-img-a.png\")})
\n
Importance of Cloud Communications
\n Advance technology such as cloud communication is important in a workplace. Navigating the complexities of technology is a daily struggle. However, this becomes easier every day\n because as technology advances, so does user convenience. With the existence of the cloud,\n everything that did not seem possible before became possible. Now, everything is accessible, stored,\n and completely secure on the internet.
\n \n
\n \n Tips and Advice\n August 18, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article11-img-a.png\")})
\n
What is hybrid work and why do employees prefer it?
\n Why do employees prefer a hybrid work setup? Remote work has taken over our lives for the past two years since the pandemic started. With quarantine protocols and lockdowns in place, a lot of employees had to forego their office desks and daily chit-chats with their colleagues...\n to a more private and quiet work-from-home setup.
\n \n
\n \n Tips and Advice\n August 18, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article17-img-a.png\")})
\n
What should I look for in a VoIP solution?
\n Communication is important for business continuity. A key part of maintaining business continuity is communication. With workplaces adopting hybrid and\n remote work setups, VoIP systems become a necessity to ensure that a company is still doing\n business as usual. Before choosing which VoIP to get, find out what are the necessary things to look\n for in a VoIP solution.
\n \n
\n \n Tips and Advice\n August 18, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article18-img-a.png\")})
\n
What you need to know about Cloud Communications
\n Cloud communication is necessary in a business. All across the globe, businesses are changing drastically. A lot of organizations are now preferring\n cloud options instead of traditional legacy systems when it comes to communication, file sharing, and\n other business-related activities.
\n \n
\n \n Tips and Advice\n August 18, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article19-img-a.png\")})
\n
Why SIP Trunks will Help Call Center Efficiency
\n Call Centers need to shift to SIP Trunking There is always a need for efficiency in a business, but none so more than call centers. With high\n demands in service, increasing costs, and other service-related issues, it is important to increase\n efficiency. SIP Trunking helps provide the efficiency that a call center company needs with its VoIP\n call capabilities..
\n \n
\n \n News and PR\n October 4, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article21-img-a.png\")})
\n
Laguna to launch centralized hotline number for easy access to service and faster government response
\n As part of its initiatives towards digital transformation, the provincial government of Laguna has taken its first step in becoming a Smart Province with the launch of a centralized hotline that will ensure easy access to the services for Lagunenses, whether emergency response, official business, public service and even for reports and inquiries.
\n \n
\n \n News and PR\n August 18, 2023\n
\n \n
![\"\"]({require(\"../assets/images/article-img/article20-img-a.png\")})
\n
City of San Fernando takes technological leap with a Unified Hotline Number
\n The city government of San Fernando in the province of Pampanga has introduced a Voice Connectivity Integration or One Hotline Number – an effective means of communication for residents of the city. Gur Lavi Corp. (GLC), a prominent provider of voice communication solutions in the nation, supplied the technology for this groundbreaking project in San Fernando City, utilizing their flagship product, TeLavi, an innovative all-in-one communication platform recognized as a trailblazer in the country.
\n \n
\n \n News and PR\n August 18, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article22-img-a.png\")})
\n
Partnerships to enable future-ready businesses
\n True to its mission of providing businesses with powerful yet affordable and customizable communication solutions, Gur Lavi Corp. (GLC) is on\n track to reach greater heights as they announced new partnerships with some of the known and trusted global tech brands. The company started from humble beginnings almost a decade ago and has cemented its place as one of the fastest growing\n telecommunications distributors in the Philippines. One of its flagship brands is TeLavi Cloud, considered to be the only one of its kind and an all-\n in communication platform in the country today.
\n \n
\n \n News and PR\n August 18, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article23-img-a.png\")})
\n
TeLavi Cloud centralizes Cardona Rizal’s internet and voice\n connectivity to improve its public service and delivery of education
\n True to its mission of providing businesses with powerful yet affordable and customizable communication solutions, Gur Lavi Corp. (GLC) is on\n track to reach greater heights as they announced new partnerships with some of the known and trusted global tech brands. The company started from humble beginnings almost a decade ago and has cemented its place as one of the fastest growing\n telecommunications distributors in the Philippines. One of its flagship brands is TeLavi Cloud, considered to be the only one of its kind and an all-\n in communication platform in the country today.
\n \n
\n \n News and PR\n August 18, 2023 \n
\n \n
![\"\"]({require(\"../assets/images/article-img/article10-img-a.png\")})
\n
The Future of Hybrid Work
\n What’s in store with a flexible work setup? In the age of continuous innovation and connectivity, hybrid work brings a new perspective to every\n company’s work setup. Remote work took center stage when the pandemic started. With the\n increased vaccination initiatives, companies adopted a more flexible approach to work setups. In fact,\n several IT and business leaders have called hybrid work the “permanent solution” for their businesses.
\n \n
Article body is missing or empty.
]);\n }\n } else {\n setArticleContent([Sorry, we can't find the article you're looking for.
]);\n }\n } catch (error) {\n console.error('Error fetching article details:', error);\n setArticleContent([Sorry, we can't find the article you're looking for.
]);\n }\n };\n\n useEffect(() => {\n // setIsPageLight(false);\n //console.log(params.slug);\n getArticleDetails(params.slug)\n // switch (params.slug) {\n // case \"how-to-collaborate-productively-in-any-work-set-up\":\n // setArticleContent(\n // <>\n // \n // Tips and Advice\n // {/* October 4, 2023 */}\n //
\n // How to Collaborate Productively in Any Work Set-up
\n // \n //
\n //
Productive team collaboration makes a business work
\n //
Collaboration is the key to a productive and continuous business environment. With remote work at\n // the forefront of current work setups in most companies, collaboration is the key to a productive and\n // continuous business.\n // It is a sustainable workflow that can impair the in-office setup to a flexible working environment\n // where every worker can thrive for business success.\n //
\n // But how can one collaborate well in a remote environment? This might pose a problem when\n // technology was not as advanced as it is now. However, with multiple tools available in the market,\n // remote work can now be more collaborative than ever.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article8-img-b.png\")})
\n //
Ensure business continuity with useful collaborative tools and practices
\n //
Optimize team workflow
\n // One of the keys to productive team collaboration in a flexible environment is an effective workflow.\n // This can ensure that team members are doing their jobs on a set timeline for ensured business\n // continuity. Work management platforms such as Asana, Trello, Airtable, Evernote, and more are\n // advisable for a more organized workflow.
\n // Efficient communication apps
\n // Make use of messaging apps that can help collaboration easier wherever employees are – whether\n // in-office or working remotely from home. TeLavi Cloud has an effective messaging app that is easy to\n // use whether it’s an individual chat or a group message chat. Additionally, teams should sit down and \n // set expectations on realistic response times for a team so it can reduce pressure and ensure a\n // healthy work environment.
\n // Easier work life with an all-in-one platform
\n // With an all-in-one platform, everything is easier and more convenient. You can just use one app for\n // messages, office landline phone calls & voicemail messages, team meetings, and more. Unified\n // communication platforms such as TeLavi Cloud creates a highly productive collaborative environment\n // so businesses can continue to thrive even if employees are working from home or anywhere else.
\n \n // \n // )\n // break;\n // case \"laguna-to-launch-centralized-hotline-number-for-easy-access-to-service-and-faster-government-response\":\n // setArticleContent(\n // <>\n // \n // News and PR\n // {/* October 4, 2023 */}\n //
\n // Laguna to launch centralized hotline number for easy access to\n // service and faster government response
\n // As part of its initiatives towards digital transformation, the provincial government of Laguna has taken its first step in becoming a Smart Province\n // with the launch of a centralized hotline that will ensure easy access to the services for Lagunenses, whether emergency response, official\n // business, public service and even for reports and inquiries.
\n // Laguna Governor Ramil Hernandez said, “Our main goal is to provide an easier channel for people to contact our offices faster so we can\n // immediately respond to their needs. As with everything we do in the province, we always have our constituents in mind first with our Serbisyong\n // Tama principle. If we are easier to be reached, we can provide services quicker and more efficient.”
\n\n // Gov. Hernandez added that centralizing number with their own local numbers will streamline the work process and ensure that any specific\n // concern or query from the people will land to the correct office.
\n // \n //
\n //
(From left) Angela Gutierrez, GLC head of marketing; Shirley Billedo, GLC national sales head; Laguna Governor Ramil Hernandez; MJ Hernandez, GLC project lead; Allan Hechanova, PLDT relationship manager
\n //
Dial #LAGUNA
\n // Providing the technology for this ground-breaking and innovative initiative is Gur Lavi Corp. (GLC) one of the fastest growing\n // telecommunications distributors in the Philippines in partnership with PLDT, with one of its flagship brands – TeLavi Cloud – considered to be a\n // pioneering all-in communication platform in the country today.
\n // GLC President and CEO Erwin Co shares, “In the past, we have done several partnerships with the local government wherein we offered our on\n // premise and infrastructure solutions however, our collaboration for the Laguna hotline number is our first implementation in the public sector in\n // terms of hosted PBX. With this project, we will help the province gather more partners and opportunities not just in the public sector but also\n // from private organizations from SMEs to Large enterprises with remote branch offices.”
\n // Co also highlighted that GLC has engagement with different government offices already with the same set up that was done for Laguna, from\n // barangay as the smallest administrative division to municipality up to the provincial government. The list includes Barangays San Lorenzo and\n // Bel-Air in Makati City, Municipalities of Teresa and Morong in the Rizal province and for the whole province of Batangas and Bulacan.
\n // With #LAGUNA, residents of Laguna only need to know one number to call to be able to reach the agencies and the offices of the provinces.\n // They just have to dial #LAGUNA (#524862).
\n // Co also explained that having Telavi Cloud has a plethora of advantages for Laguna in their journey to be future-proof. The project will not just\n // improve the communication inside their office, but also their collaborations. People can join an audio conference call with a single click, use\n // individual and group messaging to quickly and easily communicate with colleagues, and create workspace for teams where they can chat in real\n // time and share important information, especially during calamities.
\n // “The array of tools at their team’s fingertips keep the communication and the exchange of ideas to flow seamlessly. The result? A network of\n // employees that are connected, informed and armed with the tools they need to perform their jobs to the best of their ability,” Co said.
\n // Project Lead MJ Hernandez echoed the same sentiments as the innovative initiative will soon benefit many people, “In GLC, it is always our\n // mission to support the community. We understand the challenges that everyone is facing now that’s why we created effective and user-friendly\n // solutions that will connect people wherever they are to institutions or organizations the fastest way possible.”\n //
\n // Hernandez emphasized that Telavi Cloud is cost efficient and gives remarkable benefits that ensures business continuity, flexible work\n // arrangement for teams whether together or remotely apart, and adaptability and compliance even under stricter quarantine measures being\n // implemented.
\n // Better services for years to come
\n // Gov. Hernandez vows to continue to deliver better services to his constituents and he believes that he can better understand the need of the\n // people if they are accessible and can easily be reached.
\n // One way of interacting with Lagunenses is being active in his social media page Gov. Ramil Hernandez on Facebook where he uses it as a\n // channel to communicate and share relevant information to constituents. He also conducts “People’s Day” every Monday and Thursday where he\n // listens to the concerns and issues in the province.
\n // “We are always looking for better ways to serve our people. Just recently, we launched the Province of Laguna Employment and Information\n // System by PESO (PLEIS), an online job portal which is the first in the region. Rest assured that we will continue to innovate and create projects,”\n // Gov. Hernandez added.
\n // The #LAGUNA Telavi Cloud project and the centralization of voice and data system are seen as just the start of a long and innovative partnership\n // between the Provincial
\n // Government of Laguna and GLC. The first phase of the project was mobilized in November 2020 followed by phase 2 which is the integration to\n // Telavi Cloud and #LAGUNA that started on May 2021 and is now ready to be launched and implemented.
\n // The maintenance and warranty for this project will last for a 5-year period where it is forecasted to provide 95.2 km fiber network connection that\n // will interconnect CCTV cameras all over Laguna’s National Road, from Barangay Paagahan in Mabitac, Laguna to United Boundary Barangay San\n // Antonio, San Pedro City Laguna and integrate other Smart City components like smart street lights, traffic lights, PA System and Telemetry\n // devices.
\n // \n // )\n // break\n // case \"6-advantages-of-cloud-telephony\":\n // setArticleContent(\n // <>\n // \n // Service Spotlight\n // {/* October 4, 2023 */}\n //
\n // 6 Advantages of Cloud Telephony
\n // \n //
\n //
Cloud telephony has a lot of benefits for companies and individuals.
\n //
Cloud telephony uses VoIP to connect phone calls using the internet. It is an advanced\n // telecommunications service that uses the cloud, creating flexibility to do business remotely. With this,\n // there are a lot of advantages that companies and even individuals will benefit from.\n //
\n // Here are six advantages of using cloud telephony:
\n // \n // - \n //
Cost efficiency and affordability. Unlike traditional communication systems, cloud telephony is\n // cost-efficient. Traditional phone systems require a heavy amount of investment, adding to the fact\n // that their maintenance costs are also quite hefty. On the other hand, cloud-based systems are\n // hosted by third-party providers which keep initial and maintenance costs at a minimal amount. Some\n // cloud telephony providers such as TeLavi Cloud even provide affordable subscription plan options as\n // needed.\n //
\n // \n // - \n //
High mobility & flexibility. Cloud telephony provides mobility and flexibility to workers that are on\n // the go in their professional occupations. It’s perfect for hybrid and remote employees that need to\n // receive and make calls wherever and whenever they need to. There’s no need to go to the office just\n // because of an important call.
\n // \n // - \n //
Always updated, never outdated. With cloud telephony, services will always be updated and never\n // outdated. Every communication will be readily available so inter-office and outside-office calls are\n // now modernized – whether it comes to security or communication systems themselves.
\n // \n // - \n //
Reduced carbon footprint. This advantage is mostly overlooked, but having a reduced footprint is\n // important, especially in our current environmental climate. Do your part to go green by choosing to\n // move to cloud services, which do not require energy-draining infrastructures.\n //
\n // \n // - \n //
Easy accessibility. Easier and more precise control and access to devices and data can be\n // achieved with cloud services, especially cloud telephony. Valuable data and contacts that are hosted\n // in the cloud can help communication become easily accessible.
\n // \n // - \n //
Less downtime. Unlike traditional phone systems, cloud telephony requires less downtime.\n // Because it is regularly updated and modernized, cloud telephony does not break down quite easily. In\n // times of disasters, traditional phones may also go down, but cloud telephony solutions include cloud\n // storage where all information is stored and secured which can be accessed anytime and anywhere.
\n // \n //
\n // \n // )\n // break;\n // case \"top-6-best-features-in-a-unified-communications-platform\":\n // setArticleContent(\n // <>\n // \n // Service Spotlight\n // {/* October 4, 2023 */}\n //
\n // Top 6 Best Features in a Unified Communications Platform
\n // \n //
\n //
Look out for the best features in a Unified Communications (UC)Service or Platform
\n //
In a fast-paced society, there is always an increasing demand for software or applications for better\n // productivity. As remote and hybrid work continues, it’s important to use platforms that are all in one\n // unified place.\n //
\n // Unified communications (UC) platforms or products (e.g. equipment, software, and services) provide\n // and integrate communications and collaboration tools such as IP phones, web and video\n // conferencing, voicemails, personal & team messaging, and more. But what should be taken into\n // account when looking for a UC service or platform?\n //
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article13-img-b.png\")})
\n //
Effective features in a UC Platform boosts productivity
\n //
Here are the 6 best features to look for in a Unified Communications service or solution:
\n // \n // - \n //
High-quality audio and video. The quality of audio and video is vital when it comes to meetings and\n // general communication. It is a critical component when choosing a platform for effortless and\n // effective connectivity.
\n // \n // - \n //
Easy to use. Employees and users alike prefer technology that is uncomplicated and easy to use. A\n // UC service or solution should not give a hard time to its users, especially when joining online\n // meetings or connecting to a voice call.
\n // \n // - \n //
Team & personal messaging capabilities. Message or chat feature in a UC platform is one of the\n // basic features that’s important to have. It is also vital for encouraging online social communication\n // and interaction.
\n // \n // - \n //
Screen sharing feature To encourage an easier team collaboration, a screen sharing feature in a UC\n // platform is especially useful. This feature is especially needed in brainstorming ideas, presenting\n // decks, and more.\n //
\n // \n // - \n //
Integration with applications. Choose a UC solution that should “effectively integrate communication\n // applications into a single front-end interface”. This provides employees access to their necessary\n // apps all in one place so they can use it anytime and anywhere, boosting easier remote productivity.
\n // \n // - \n //
Accessible support. For the UC platform to work effectively with a company, it needs to have an\n // accessible support from the provider. They need to readily guide the company or organization in\n // migration to be able to implement the UC solution. Communication between the organization and the\n // provider should be important, especially when it comes to technical issues, and more.
\n // In choosing the best unified communications platform, it is necessary to select one that would best\n // utilize all the features that the provider offers. It will not only boost the employee’s productivity, but it\n // will boost the company’s business continuity and competitiveness within their respective industries.
\n // Learn more about Unified Communications and Call Center Telephony Solutions Platform with Telavi\n // Cloud.
\n // \n //
\n // \n // )\n // break;\n // case \"city-of-san-fernando-takes-technological-leap-with-a-unified-hotline-number\":\n // setArticleContent(\n // <>\n // \n // News and PR\n // {/* August 18, 2023 */}\n //
\n // City of San Fernando takes technological leap with a\n // Unified Hotline Number
\n // \n //
\n //
(Caption: Mr. Leandro Santos VP for Operations GLC, Atty. James\n // Francis Villanueva City Information and Communications\n // Technology Officer, Ms. Shirley Billedo GLC Head of Sales, City Mayor\n // Vilma Caluag San Fernando Pampanga, Mr. Richard Echon GLC Head of Product and MJ Hernandez GLC Sales Manager)
\n //
The city government of San Fernando in the province of\n // Pampanga has introduced a Voice Connectivity Integration\n // or One Hotline Number – an effective means of\n // communication for residents of the city.
\n // Gur Lavi Corp. (GLC), a prominent provider of voice\n // communication solutions in the nation, supplied the\n // technology for this groundbreaking project in San Fernando\n // City, utilizing their flagship product, TeLavi, an innovative all-in-one communication platform recognized as a trailblazer in the country.
\n // GLC President and CEO Erwin Co said, “Telavi offers a great\n // help for San Fernando City especially in improving the internal\n // and external communication of the local government. This will\n // be useful for the people of San Fernando asitspeed up the LGU’s\n // response to their needs especially during emergencies and\n // calamities.”
\n // San Fernando City Mayor Vilma Caluag shared that they are\n // already promoting the centralization of the city’s voice\n // connectivity for the improvement of their public service.
\n // Residents only need to remember one number to reach local\n // government agencies. They just have to dial the Kayabe\n // Hotline Number 961HELP (4357).
\n // “This initiative will help not only in managing our processes but\n // also in immediately responding to the needs of our dear people in\n // San Fernando City by improving and accelerating\n // communication in the local government,” added Mayor Caluag.
\n // She also emphasized that it will be easier for their LGU to\n // reach out to their 35 barangays because the technology\n // they are implementing can give quick updates especially in\n // the middle of disaster response during typhoons, intense\n // flooding and earthquakes.
\n // On top of all of these benefits, Co envisions other\n // opportunities in this partnership because the project can\n // pave the way for more support not only in the public sector\n // but from private organizations as well from SMEs to Large\n // corporation with branches or satellite offices in remote\n // areas. A better communication platform for the LGU is also\n // in place with the technology where government employees\n // can stay connected with their office colleagues or from other departments using the TeLavi app.
\n // The San Fernando City project Kayabe Hotline Number\n // 961HELP (4357) through Telavi is seen as a part of the\n // ground-breaking initiatives in the province of Pampanga in\n // its journey to be future-proof. Investing in the advancement\n // of technology to facilitate and fast track response to the\n // needs of the people is a proof of the local government’s\n // show of concern for their welfare.
\n // To know more about TeLavi and other products services,\n // visit www.telavi.com.ph.
\n // \n // )\n // break;\n // case \"10-reasons-to-shift-to-cloud-office\":\n // setArticleContent(\n // <>\n // \n // Tips and Advice\n // {/* October 4, 2023 */}\n //
\n // 10 Reasons to Shift to Cloud Office
\n // \n //
\n //
Enjoy the benefits when you shift to the Cloud Office
\n //
There are a lot of misconceptions about shifting from legacy or on-premise to cloud communication\n // systems. As a result, companies are left to settle with outdated solutions and cannot fully support\n // business needs.\n //
\n // But shifting to the Cloud office is necessary for business continuity, and there are many reasons to\n // make that change. Here are some important reasons why companies should make the change and\n // shift to Cloud office.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article6-img-b.png\")})
\n //
Cloud Office could be the best solution for your business
\n //
\n // 10 Reasons to Shift to Cloud Office
\n // \n // - \n //
Flexibility to work anywhere - Employees can work from anywhere and create a cloud office with\n // cloud-connected services.
\n // \n // - \n //
Supports business continuity - Because work can be done remotely, in-office, or anywhere using\n // the cloud, every work day is business as usual. There are no missed opportunities with the cloud\n // office.
\n // \n // - \n //
Unlimited or larger storage - A lot of cloud office platforms provide large storage space per user,\n // giving the capacity to files for easier collaboration.\n //
\n // \n // - \n //
Easier security management - Traditional practitioners think that cloud systems are more\n // susceptible to breaches in security. But this largely depends on the cloud provider whose basic\n // understanding of data protection is securing privacy. It’s easier to secure files in the cloud especially\n // if providers and users have a good understanding of what to secure.
\n // \n // - \n //
Better app support - Since on-the-go apps are necessary for productivity, modern Cloud office apps are now optimized to deliver a hassle-free user experience.
\n // \n // - \n //
Increased productivity and efficiency - Shared files and easier communication provide an increase\n // in business productivity.
\n // \n // - \n //
Easier access to shared files - Team members can collaborate easily with shared files and emails.\n // They can access shared cloud information virtually anywhere, creating a productive cloud office.\n //
\n // \n // - \n //
Convenient communication with team members - Communication is now easier with the existence\n // of cloud messaging so everyone is always connected during business hours.
\n // \n // - \n //
Instant access to the latest updates and features - With a cloud office, apps are always updated for\n // a hassle-free experience. Unified communication apps such as TeLavi Cloud provides a subscription based option depending on the company allowance costs.
\n // \n // - \n //
Reduced operational costs - Shifting from legacy or on-premise to the cloud can be beneficial in the\n // long run especially when it comes to operational costs. If companies choose to take the risk of\n // becoming a cloud office and make it an operational expense, there could be more savings that can be\n // allotted to the business’ product development and more.
\n // \n //
\n // \n // )\n // break;\n // case \"4-useful-tips-to-make-a-hybrid-setup-work\":\n // setArticleContent(\n // <>\n // \n // Tips and Advice\n // {/* October 4, 2023 */}\n //
\n // 4 Useful Tips to Make a Hybrid Setup Work
\n // \n //
\n //
Make the hybrid work setup actually work
\n //
Hybrid work has created an environment where employees can work both onsite and remotely. With\n // the premise of providing a good work-life balance and better savings, a good majority of Filipino employees prefer hybrid work. companies still have reservations about this work setup, with the same survey indicating that only\n // a small percentage of companies are prepared for hybrid work.\n //
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article1-img-b.jpg\")})
\n //
Hybrid work can work effectively with these useful tips
\n //
\n // To prepare a proper working environment for both the management and employees, there are four\n // useful tips to follow to make a hybrid setup work:
\n // \n // - \n //
Create a Hybrid Model. A hybrid model is an approach to workforce management that drives\n // increased productivity and job satisfaction. You can choose from four types of hybrid models: the\n // flexible hybrid model, fixed hybrid model, office-first hybrid model, or remote-first hybrid model. No\n // matter which model you choose, you must do proper research and communication between the\n // management and the employees to see which can best fit the company or organization for better\n // productivity.
\n // \n // - \n //
Importance of portable equipment.. Because a hybrid work setup usually requires in-office and\n // remote work, employees must have equipment that can be portable. They should be equipped with\n // the proper tools and apps such as Telavi Cloud which is an excellent unified communications\n // platform where you can take and direct calls anytime and anywhere.
\n // \n // - \n //
Make In-Office Days the new “Working Offsite”.. Instead of thinking that working at the office is the\n // norm, try the opposite and think of remote work as the norm. On days that employees are due to\n // work onsite, make the most out of it by doing more collaboration activities and meetings, recognition\n // awards, and more. Utilize the onsite days with catch-up activities between employees and managers,\n // so it will not look like employees are not making the most of their time in the office doing the same\n // thing they can do while working remotely.
\n // \n // - \n //
Ensure employees have a working hybrid habit.. The responsibility in creating something successful\n // should just not be on one sole thing alone. For a hybrid or remote work setup to be successful, it has\n // to go both ways – the company and employees should work together. With the company, they need\n // to create a working model, and with employees, they need to create good working habits. It needs to\n // be consistent and should boost productivity, rather than the opposite. Some good habits include\n // taking short breaks, making themselves accessible through online platforms, achieving, work-life\n // balance, and more.
\n // \n //
\n \n // Remember that a hybrid work setup will only work if there is accountability between both parties and\n // that business continuity remains. With this, the company will continue with business as usual, and\n // employees will be able to enjoy a good work-life balance.
\n // \n // )\n // break;\n // case \"5-common-myths-about-hybrid-work\":\n // setArticleContent(\n // <>\n // \n // News and PR\n // {/* October 4, 2023 */}\n //
\n // 5 Common Myths about Hybrid Work
\n // \n //
\n //
Flexible work has been around for years. It’s time to utilize it.
\n //
Contrary to popular belief, hybrid work is not a new phenomenon just borne from the pandemic. In\n // fact, remote and flexible working arrangements have been around for some time. It existed even\n // before the pandemic — just on a smaller scale. There are a lot of other myths about hybrid work\n // within the company, which most, if not all, are just misconceptions.
\n // Based on a local study, most employees prefer a flexible work schedule. 76% of respondents said\n // that the cut in transport expenses, among others, plays a major role in their flexible preference.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article2-img-b.jpg\")})
\n //
Are employees more stressed while working remotely?
\n //
1st Hybrid Work Myth: Employee well-being doesn’t improve on flexible work
\n // The pandemic has forced people to adapt to new routines that were difficult to adopt at first.\n // However, this does not mean that employees’ well-being suffered the whole time. In fact, 68.1% of\n // Filipino employees said that their well-being has improved in a hybrid work setup. A majority also\n // mentioned that they eat healthier and even exercise more.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article2-img-c.jpg\")})
\n //
Are employees more productive working onsite?
\n //
2nd Hybrid Work Myth: Productivity declines when doing hybrid work
\n // Although there was a period of transition, productivity did not, in actuality, plummet. In a recent Cisco\n // study, they found that 79% of employees felt that they were productive in a hybrid work setup. An\n // expert suggests that much of the productivity gains in this work setup are mostly because of the\n // sense of autonomy given to the employees. This is because options are available regarding their\n // preferred work arrangement.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article2-img-d.jpg\")})
\n //
Is hybrid work really flexible?
\n //
3rd Hybrid Work Myth: Flexible work is… not flexible
\n // There is a massive disconnect between a company’s understanding of work flexibility. One expert in\n // remote operations said that most companies have a poor understanding of hybrid work setup. They\n // understand hybrid as wanting employees in the office for a set amount of non-flexible time (e.g.,\n // Mondays, Wednesdays, and Fridays on a 9-5 basis). Whereas, employees typically understand hybrid\n // work as wanting to have the flexibility and option to work remotely and go to the office on days that\n // they can. This disconnect often creates misunderstandings between employees and companies. This\n // can often be solved with proper dialogues and a clear company policy.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article2-img-e.jpg\")})
\n //
Does the company stop working when employees don’t work onsite?
\n //
4th Hybrid Work Myth: Everything stops when people aren’t in the office
\n // n just the past few years, we have seen how technology has evolved. It bridged the gap between\n // people, making it easier to communicate, thus becoming more productive. With continuous\n // innovation, communication has become easier. In particular, unified communication tools like TeLavi\n // creates better communication anytime, anywhere. You can work anytime, anywhere with the available\n // technology nowadays.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article2-img-f.jpg\")})
\n //
Can you save more with the hybrid work setup?
\n //
5th Hybrid Work Myth: Hybrid work setup is more expensive
\n // As in any type of transition process, some decisions can make you spend more or less. According to a\n // recent report, however, a hybrid work setup lets a majority of Filipino employees save up to P300,000\n // a year. Under the hybrid arrangement, it lets employees save on fuel, commuting costs, and other\n // entertainment costs.
\n // But it’s not just the employees who get to enjoy savings – companies, too, are reaping benefits from a\n // hybrid work setup. Organizations that let their employees work remotely half of the week enjoy a\n // hefty amount of workspace and electricity costs. And since hybrid work lets employees have higher\n // morale, companies get to enjoyreduced absenteeism and turnover as well.
\n // Breaking the prejudice
\n // There are a lot of misconceptions when it comes to progressive and newer takes on professional\n // setups. Hiccups and prejudices can occur, especially if something is new and different from the\n // traditional eye. However, open discussions, clear policies, and mutual trust can help stir the direction\n // to the right path. All for a brighter and modernized future.
\n // \n // )\n // break;\n // case \"5-effective-ways-to-thrive-in-a-hybrid-work-environment\":\n // setArticleContent(\n // <>\n // \n // Tips and Advice\n // {/* October 4, 2023 */}\n //
\n // 5 Effective Ways to Thrive in a Hybrid Work Environment
\n // \n //
\n //
Thrive in your work even if you’re working remotely from home
\n //
One of the basic things that should be in place in a successful flexible work setup is a hybrid work\n // model. With a working framework and rulebook in place, it’s now time to find effective ways for\n // employees to thrive and remain productive while working remotely or in-office, especially as more\n // companies in the Asia-Pacific region are likely to have remote and flexible arrangements in the next\n // few years.
\n // Employees and companies in the country who enjoy the hybrid work setup can also rejoice as even\n // local politicians are now starting to advocate for this work flexibility. However, only 29% of local\n // companies or organizations personally believe that they are prepared for a flexible setup. Despite\n // this, however, employees should always be prepared to adapt to any setup to sustain or increase\n // productivity and promote business continuity.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article3-img-b.jpg\")})
\n //
Work effectively whether you’re at the office or at home
\n //
\n // Here are 5 effective ways to thrive in a hybrid work environment:
\n // Be prepared for technical challenges or issues. There might be cases in which employees will not be\n // able to reach the company IT - in cases such as these, employees must be able to be equipped to\n // solve minor technical issues. Remember to always have a backup battery, and portable wifi, or scout\n // the nearest coffee shop in case electricity goes out.
\n // Keep the communication lines open. Employees must always be reachable during work hours. It’s\n // important to keep communication lines open when it comes to working remotely as it also builds trust\n // among the team members.
\n // Create a “work space” and “personal space” at home. With a flexible workspace, a work-life balance\n // is important. It is always a good reminder put the division of workspace from personal space to avoid\n // burnout. This way, employees can remain productive while not thinking about work 24/7.
\n // Include breaks in your work routine while working from home. In connection to work-life balance,\n // it’s also important to take regular breaks, as if working at the office still. This way, employees can\n // have a break to think anew, leading to better productivity.
\n // Use the Cloud. The Cloud is not only convenient but it’s a smart way to do work productively. Putting\n // everything in the Cloud creates a dynamic environment where files are securely accessible to\n // everyone in the office.
\n // For a more optimized experience, use a unified communications platform like TeLavi Cloud. It is one\n // of the best ways to keep the communication lines open, at the same time, it makes team\n // collaboration easier and better.
\n // \n // )\n // break;\n // case \"5-essential-tools-to-use-for-hybrid-work\":\n // setArticleContent(\n // <>\n // \n // Tips and Advice\n // {/* October 4, 2023 */}\n //
\n // 5 Essential Tools to use for Hybrid Work
\n // \n //
\n //
Must-have tools for a productive hybrid work
\n //
A lot of companies have begun to shift to a flexible work setup. To ensure success for business\n // continuity, companies and employees must have specific tools to function well. But why do hybrid\n // workplaces need such tools? Workable tools that professionals can use both in-office and remotely\n // provides easier access to files and most importantly internal and external communication.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article4-img-b.jpg\")})
\n //
There should be the presence of essential tools for a successful hybrid work environment
\n //
\n // Here are 5 essential tools to use for a successful hybrid work setup:
\n // \n // - \n //
Proper equipment – Employees should be properly equipped with materials that they can take with\n // them anytime. Employees who are in no need of heavy specs should be equipped with a sturdy\n // laptop that will fit best with their respective professions and tasks.
\n // \n // - \n //
Messaging app – one of the basic necessities in a flexible office is communication between team\n // members. Selecting a messaging app that works well for every member should be a priority,\n // especially when it comes to urgent requests.
\n // \n // - \n //
Project management tools – to keep track of everybody’s progress in an organized way, it’s highly\n // recommended to get a project management tool. Apps such as Trello and Asana are helpful,\n // especially when it comes to projects that require constant updates from team members.
\n // \n // - \n //
HR software – for attendance management, companies should consider getting HR software that\n // could work well with them. Since some remote or hybrid employees do not physically report to the\n // office, they can take their attendance through HR software where they can log in and out properly.\n // One of the most popular ones in the country is Sprout.
\n // \n // - \n //
Virtual meeting app – Video conferencing needs soared during the height of the pandemic. It’s\n // natural that virtual meeting apps are one of the must-have tools that flexible workers should have in\n // their equipment. TeLavi Cloud app has a virtual meeting feature as well as messaging and voice call\n // features – all in one platform. With TeLavi, communication is made easier anytime and anywhere.
\n // \n //
\n // With the flexibility of workers, it’s important that they should create an environment where they can\n // thrive. Through this, they are able to be more productive in the workplace no matter where it is. They\n // should have the proper equipment, and at the same time, they should have the tools to be able to do\n // the task they need to do on a daily basis – whether they are at the office or working from home.
\n // \n // )\n // break;\n // case \"8-essential-things-to-consider-when-transitioning-to-a-hybrid-work-setup\":\n // setArticleContent(\n // <>\n // \n // Tips and Advice\n // {/* October 4, 2023 */}\n //
\n // 8 Essential Things to Consider when Transitioning to a Hybrid Work Setup
\n // \n //
\n //
Make your transition to a hybrid work setup easier.
\n //
A hybrid setup is one of the options companies are now choosing to do instead of going full-remote or full-onsite work.\n // There could be challenges to transitioning to a hybrid work setup, especially since several studies have shown that those who work remotely are\n // 47% more productive than those working onsite.
\n // However, to adapt to the new normal lifestyle, hybrid is still the best option to go, especially if you want to promote a better work-life balance.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article5-img-b.png\")})
\n //
Hybrid work promotes a better work-life balance.
\n //
\n // If your company is adopting a full hybrid work setup, there are some things you should consider before you transition.
\n // Here are 8 essential things to consider when transitioning your company to hybrid work:
\n // \n // - \n //
Learn who can work remotely. Not everybody can work onsite, some people may have a hard time commuting to work or are not healthy enough\n // to go to the office. Talk to the employees and see how their current situation can adapt to the hybrid work setup.
\n // \n // - \n //
Invest in equipment or tools that can be used anywhere. Since a hybrid work setup requires working both at home and outside, it’s better to\n // provide employees with the proper tools and equipment to make working easier no matter what the setup is. We recommend using unified cloud based communications tools such as the Telavi app to make mobility easier. With this telephony app, it feels like you have your office anywhere\n // you go.
\n // \n // - \n //
Create a clear policy with hybrid work. To make the transition easier for the employees, a clear policy should take place. When they are working\n // remotely, there should always be rules to follow and ensure proper dissemination of information about the type of hybrid work model that the\n // majority of employees will be in favor of.
\n // \n // - \n //
Stay connected. When working remotely, ensure that employees are responsive to queries using one messaging tool. Likewise, companies\n // should also ensure that they are available for any professional queries.
\n // \n // - \n //
Empower employees and managers. Enable the skillset not only of the employees but also the managers. They need to be properly trained to\n // adapt to the new work setup and to learn how to create boundaries between work and personal life. At the same time, utilize the remote work\n // setup by helping them improve their skills: provide online courses, webinars, and other opportunities to help them grow.
\n // \n // - \n //
Prioritize health and safety. Always keep in mind that your employee’s health and safety should always come first. Although the pandemic has\n // slowly calmed down, it is still very much around. Ensure that the office is safe by providing health and safety protocols.
\n // \n // - \n //
Be more outcome-based. When working remotely, it’s important to understand that work is not measured merely in hours. Instead, focus on the\n // output that the employee is giving. Promote transparency and how much work gets done.
\n // \n // - \n //
Provide a suitable working environment. Whether it’s at home or at the office, everybody should have a proper workspace. If an employee is\n // working from home, they should always be clear of distractions to optimize productivity. But if they are working from the office, they should be\n // able to steer clear of unnecessary distractions so they can focus on their work.\n // It’s important to keep a good and proper work-life balance when it comes to any work. This keeps a healthy relationship between the employee\n // and the company which can help improve productivity that can benefit the company and its employees.
\n // \n //
\n // \n // )\n // break;\n // case \"benefits-of-a-hybrid-work-setup\":\n // setArticleContent(\n // <>\n // \n // Tips and Advice\n // {/* October 4, 2023 */}\n //
\n // Benefits of a Hybrid Work Set-Up
\n // \n //
\n //
The benefits of hybrid work for employers and employees.
\n //
The future of the workforce is hybrid. Multiple studies have shown that local employees prefer a flexible work arrangement, and they are, in fact, happier with this type of setup. However, a lot of\n // companies and leaders are still on the fence about transitioning from full onsite and full remote to a\n // hybrid work setup.
\n // This arrangement has been a hot topic of discussion ever since the pandemic slowed down. It has\n // been much-talked-about that even local senators have called upon different industries to “give hybrid\n // work a chance.” To those who are still in doubt about a new but not necessarily new work\n // arrangement, we are listing down some useful benefits of a hybrid work setup.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article7-img-b.png\")})
\n //
A flexible work setup minimizes “The Great Resignation”
\n //
\n // Hybrid work reduces attrition.
\n // According to a recent study, the Philippines posted a whopping 176% in voluntary resignation across\n // all industries. Employees now look for better opportunities such as better compensation, benefits,\n // career growth opportunities, and a more flexible work arrangement. A lot of them also resign their jobs because of the lack of work-life balance, uncertainty over the pandemic, and abrupt\n // changes in the working scheme – changing from remote work to suddenly reporting to the office\n // everyday.
\n // Hybrid work provides flexibility both for the leaders and employees, at the same time providing a\n // work-life-balance that employees prefer. And through this, hybrid work can keep employees and\n // prevent further attrition while ensuring business continuity.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article7-img-c.png\")})
\n //
A balanced time for work and leisure promotes a healthy lifestyle
\n //
\n // Hybrid work promotes work-life balance.
\n // A lot of employees find a greater work-life balance with a flexible work arrangement. Hybrid work in\n // particular offers the flexibility of being able to work from home and report to the office on certain\n // days. This takes out the stress of commuting to work every single day, evidently wasting time that\n // could be used for more important things. In addition, the “free time” that employees get from working\n // remotely can be used to advance their skills which could help benefit the company in the long run.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article7-img-d.png\")})
\n //
Enjoy the benefits of more savings
\n //
\n // Hybrid work saves employees and employers money.
\n // It’s no surprise that employees save a lot when a hybrid work model is implemented. They save on\n // transportation costs, food costs, and a lot more. But did you know that a hybrid work model can also\n // save employers on costs? With a limited amount of employees at the office, the company can save on operating, maintenance, and realty costs. According to a study, some work leaders have also\n // acknowledged this remote and hybrid work benefit.\n //
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article7-img-e.png\")})
\n //
Flexible work conditions bring a different working perspective
\n //
\n // Hybrid work increases productivity
\n // A hybrid work setup can provide a refreshing change of working environment, which can improve an\n // employee’s focus and productivity. Since a company offers flexibility, they are more likely to balance\n // their workload and accountability when it comes to their output.\n //
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article7-img-f.png\")})
\n //
Better team collaboration and communication for flexible work setups
\n //
\n // Hybrid work improves collaboration and team relationships
\n // Since a hybrid setup provides both face-to-face and remote interactions and collaborations, this\n // improves collaboration between team members. It allows for better communication and relationships\n // which could lead to much more productive output. Collaboration tools in unified platforms such as\n // Telavi Cloud make communication easier whether the employees are at the office or outside, ensuring\n // productivity anytime and anywhere.
\n // \n // )\n // break;\n // case \"hybrid-future-and-fate-of-the-cloud-office\":\n // setArticleContent(\n // <>\n // \n // Tips and Advice\n // {/* October 4, 2023 */}\n //
\n // Hybrid Future & Fate of the Cloud Office
\n // \n //
\n //
The future is in the Cloud
\n //
Hybrid is the present and the future of a workplace. With labor groups, the government, and some\n // private organizations pledging their support for a flexible setup, it’s safe to say that it’s time to start\n // thinking about shifting to a cloud office – that is if your organization has yet to do so.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article9-img-b.png\")})
\n //
Cloud office provides business continuity
\n //
\n // Importance of cloud office
\n // Shifting to a cloud-focused organization has its advantages and disadvantages. However, one of the\n // most important advantages of being cloud-based is that it ensures business continuity. Because\n // anyone can connect to a unified platform with just an internet connection, the business can go usual. With the flexibility and mobility that the cloud offers, anyone in the company can take their\n // office anywhere. This is especially true and important nowadays where everything is fast-paced and\n // providing immediate solutions and access is what makes an organization thrive.
\n // Sustainability in times of global pandemic, and more
\n // A lot of organizations and companies have learned how important digital transformation is. There are\n // many conservative companies that were forced to recognize and adapt the importance of technology\n // such as communication apps, cloud platforms, and more. In fact, there are studies on how the\n // pandemic is “the great accelerator” when it comes to embracing modern technologies including\n // business strategies.
\n // When it comes to sustainability, technology such as cloud platforms provides a stable process for a\n // business to continue its operations despite the threat of a pandemic or anything similar that affects\n // the global population. Thankfully, enterprises have acquired a mature understanding of the cloud,\n // from cloud-first strategy to solutions, as well as how it’s important that this strategy is feasible (and\n // wise) because of its low-cost, agile, and scalable nature.\n //
\n // Hybrid work, hand-in-hand with a cloud platform, is indeed the future of the work environment for the\n // ensured professional success of any business or organization.\n //
\n // \n // )\n // break;\n // case \"importance-of-cloud-communications\":\n // setArticleContent(\n // <>\n // \n // Tips and Advice\n // {/* October 4, 2023 */}\n //
\n // Importance of Cloud Communications
\n // \n //
\n //
Advance technology such as cloud communication is important in a workplace
\n //
Navigating the complexities of technology is a daily struggle. However, this becomes easier every day\n // because as technology advances, so does user convenience. With the existence of the cloud,\n // everything that did not seem possible before became possible. Now, everything is accessible, stored,\n // and completely secure on the internet.
\n // When the pandemic started, more than 50% of businesses around the world shifted from the in-\n // office to the cloud. Utilizing the cloud is strategic and important for business continuity. The same goes for companies shifting to cloud communications.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article14-img-b.png\")})
\n //
Cloud communication platforms are rich in features which raise productivity
\n //
\n // Cloud communications: Defined
\n // The rise of cloud communications provided a lot of ease to businesses and users alike. But what\n // exactly is it?
\n // Cloud communications is an internet tool that allows efficient communication via the cloud. It\n // removes on-premise hardware that is costly and time-consuming and replaces it with a secure\n // platform that is cost-efficient, time-saving, and convenient to use. Cloud communications are also\n // rich with features and offer flexibility for an enhanced user experience.
\n // Why Cloud Communications is Vital
\n // Cloud communication is an important tool in an entity’s digital transformation and innovation. This\n // realization manifested when the pandemic started – with companies shifting to remote work and\n // utilizing online platforms, including VoIP, teleconference, online messaging, and more. The existence\n // of cloud platforms created convenience for easier collaboration which helped business continuity\n // despite not being able to report to the office.
\n // The telecommunications market in particular relied heavily on traditional on-site PBX, which is heavy\n // on costs and maintenance fees. Cloud communications changed the trajectory of the market,\n // enforcing big changes and innovations which bring benefits to the market and consumers alike.
\n // Productivity Benefits
\n // The increase in remote and hybrid working environments also calls for important online apps and\n // features. Unified communications platforms such as Telavi Cloud provides a space packed with useful\n // features that can increase employee productivity.\n // And since everything needed is in the cloud, workers and managers alike can work and receive calls\n // anytime and anywhere.
\n // Learn more about cloud communications with Telavi Cloud’s free trial. Sign up here.
\n // \n // )\n // break;\n // case \"partnerships-to-enable-future-ready-businesses\":\n // setArticleContent(\n // <>\n // \n // News and PR\n // {/* August 18, 2023 */}\n //
\n // Partnerships to enable future-ready businesses
\n // True to its mission of providing businesses with powerful yet affordable and customizable communication solutions, Gur Lavi Corp. (GLC) is on\n // track to reach greater heights as they announced new partnerships with some of the known and trusted global tech brands.
\n // The company started from humble beginnings almost a decade ago and has cemented its place as one of the fastest growing\n // telecommunications distributors in the Philippines. One of its flagship brands is TeLavi Cloud, considered to be the only one of its kind and an all-\n // in communication platform in the country today.
\n // GLC President and CEO Erwin Co explains that during the ongoing pandemic a lot of companies have shifted to cloud-based solutions as they\n // embraced new work set-up for their employees who are now doing office tasks remotely at home.\n // Co added, “We want to help the Filipino community. We understand how hard it is to operate a business during this pandemic, that’s why we have\n // created solutions and made them available at low cost to uplift entrepreneurs and help them get out of their current situations.”
\n // TeLavi Cloud New Partners
\n // As part of the company’s growth and bigger plans for the future, Co is happy to announce that they have already confirmed their partnerships\n // with big global tech brands Poly, Jabra, Logitech, Cisco and Yealink which are all known for their quality and excellent product and services.
\n // \n //
\n //
Poly headsets, phones and video conferencing solutions are officially certified for Microsoft Teams to help workforces truly connect and enhance\n // productivity. Jabra is a top Danish brand specializing in audio equipment and videoconference systems with a wide array of products. Logitech is\n // one of the world’s leading manufacturers of input and interface devices for laptops and PCs and other digital products for almost 40 years and\n // counting. Cisco Systems, Inc. is an American multinational technology conglomerate that produces networking hardware, software,\n // telecommunications equipment and other high-technology services and products. Yealink is an award-winning global brand that specializes in\n // video conferencing, voice communications and collaboration solutions with best-in-class quality, innovative technology and user-friendly\n // experience.
\n // Partnership with these tech giants is something that every Filipino should be proud of because this only shows that our home-grown innovations\n // are being recognized by internationally-known names in the industry.
\n // With the said partnerships, Telavi Cloud can provide better experience as it continues to provide a unified communications and call center\n // solutions platform well-suited for companies with employees working from home who can now receive calls from any Android or iOS smartphone,\n // tablet, laptop or desktop using any web browser or an IP phone. Customers can contact your office landline numbers and the calls can be\n // answered by employees working at home.
\n // “Companies can now have a unified communication platform. It’s like a PBX in the cloud. Wherever you are, as long as you have Internet, you will\n // never miss any phone call from your office,” Co explained.
\n // TeLavi Cloud offers (1) Cloud Telephony solutions that can increase team members’ mobility by allowing them to take important business calls even if they are not in the office;\n // (2) Team Messaging to centralize all business communications in one platform using any device which avoids\n // cluttering mobile phone storages with different apps that saves time from switching from one platform to another;\n // (3) Video Conferencing that can bring remote workers face-to-face with just a few clicks on any device thus boosting business continuity and savings; and\n // (4) Call Center\n // Solution which can support single location setup as well as multi-branch setup via virtual platform for your organization to any office location or\n // even from home.
\n // On top of this, another product that GLC is proud of is the TeLavi Connect, a simple cloud service add-on to Office 365 that connects Microsoft\n // Teams to any on Prem or Cloud PBX in minutes allowing incoming and outgoing calls on any device using the Microsoft Teams App. It has the\n // ability to bring all users under one platform via Microsoft Teams for collaboration, messaging and voice across all devices. Whether using a\n // desktop or a mobile phone, there is no hardware or software to install because all that is to be done is to enable TeLavi Connect for users and\n // groups that need it. It can be integrated with any PABX System or the company can retain existing IP phones and legacy system. Plus, there is a\n // round-the-clock monitoring support and enterprise-grade encryption and security built-in for a safe virtual business environment.
\n // While many countries have started to rise from the disruptions that were brought about by the global health crisis, the Philippines is still thriving\n // to overcome the challenges that the country is still facing. The good news is that there are companies that have come up with innovations that\n // can help both Small and Medium-sized Enterprises (SMEs) and Enterprise-level companies to fully adapt the “new normal” of doing business.
\n // TeLavi Cloud can help companies achieve business continuity, savings and productivity. It is not a promise but a commitment. If you wish to avail\n // of the FREE 30-day no obligation trial, please visit www.telavi.com.ph for more details.
\n // \n // )\n // break;\n // case \"telavi-cloud-a-necessary-business-continuity-plan-component\":\n // setArticleContent(\n // <>\n // \n // Service Spotlight\n // {/* October 4, 2023 */}\n //
\n // Telavi Cloud: A necessary business continuity plan component
\n // \n //
\n //
The business landscape in these uncertain times is quite difficult to navigate. Many institutions face various challenges brought about by\n // unexpected emergency situations like Covid-19. They must adapt to the ever-changing climate in order to stay afloat in the new normal.
\n // To be able to maintain operations smoothly during times of crises, an organization, whatever size, revenue or in whatever industry, must have a\n // strong business continuity plan in place, otherwise the business will suffer the consequences.
\n // A business continuity plan, or BCP, is simply advanced preparations or course of action to ensure an enterprise is capable of responding properly\n // to emergencies or disasters that may or may not occur in the future. It ensures the organization is able to sustain its essential business functions\n // during critical times.
\n // CEO and President of Gur Lavi Communications, Erwin Co, further defines BCP as “a set of carefully crafted policies and procedures to help a\n // company address any potential threat which can lead to business closure, or business interruptions. And now that Covid cases are increasing\n // exponentially, I think it is important for companies to have a BCP in place to ensure that they are able to remain operational during these times of\n // crisis. Normally, these BCPs are tailor-fit to each company, helping them save money, or at least lose less money, while looking after the safety of\n // their employees.”
\n // Part of a business continuity plan identifies means of communicating with clients, suppliers, and other vendors and entities to continue providing\n // proper information and support to the enterprise.
\n // Telavi Cloud, the latest in cloud communication services, is the essential business solution to various challenges a business faces. Powered by\n // Gur Lavi Communications, it is a unique and unified communications system that helps enable enterprises to persevere and carry on, no matter\n // how trying the circumstances may be.
\n // Jayson Lo, entrepreneur, author, motivational speaker, and Telavi Cloud ambassador explains, “Telavi Cloud is a game-changer in business\n // communications. It brings us flexibility in our workplace and it also helps us in terms of having seamless communication. So, I recommend this to\n // all businesses who want to change with the changing times and embrace it as our permanent normal. Business continuity is made easy and\n // affordable with Telavi Cloud.”
\n // Asked how a lack of business continuity plan affects an organization, Erwin Co opines that without a BCP, companies would be vulnerable to\n // economic harm.
\n // Without a BCP in place, Erwin Co believes that all stakeholders will be affected. Starting with customers, they might not be able to reach the right\n // person when calling the company, whether for a sales inquiry or a request for support. The company may also not be able to provide quality\n // customer service because the manufacturing or ordering processes might cease, or shipments may not arrive on time. Without the right tools,\n // the employees might also not be able to perform their duties efficiently.
\n // Prior to the pandemic, he thinks that companies have more room to commit mistakes because things were running relatively smoothly and profits\n // were up without much threats disrupting the business. However, with the pandemic, he says that companies have to adapt quickly or else they\n // won’t be able to respond to an emergency situation and this may affect the company’s productivity.
\n // For him, it is vital to have a good business continuity plan. “The first step would be to operate the business like the crisis never happened. A good\n // plan should help the company mitigate or reduce the impact of any threat. So the best case scenario really is if a company is able to maintain its\n // operations and create value for its shareholders.”
\n // Erwin Co further explains that it’s crucial to “determine what the company’s non-negotiables are. From there it is just a matter of creating backup\n // plans to those that you cannot live without.”
\n // Jayson Lo agrees that having a good BCP is like building a house with a really strong foundation.
\n // A dependable component of a company’s BCP is Telavi Cloud. They support employees working remotely by providing a safe and secure way to\n // access data even when the corporate headquarters is unable to operate. They enable companies to provide secure remote access to their\n // employees while eliminating productivity killers such as virus outbreaks
\n // Gur Lavi, the people behind Telavi Cloud has been serving a lot of industries supplying and installing PBX before the pandemic hit. They’ve been\n // dreaming of offering a cloud-based PBX to make it more affordable and accessible to people, but the market wasn’t ready yet. People were\n // hesitant because their internet connections might not be stable enough to handle voice traffic, thinking that they might lose both their internet\n // and telephone services and would not be able run their businesses properly.
\n // Times have changed, and with a year of video conferencing and the increase of working remotely, companies are now more accepting of the idea\n // of a hosted PBX. Gur Lavi then saw the need and proceeded with their plans of offering the cloud-based PBX with the significant spike in\n // inquiries and companies were already looking for alternatives when they were having challenges in their operations.\n // Telavi Cloud can help businesses stormproof their operations, address issues, and pinpoint potential points of failure. They are offering the\n // market the alternative for their voice telephony that is telco grade. It is a unified communication platform that enables its users to make and\n // receive calls wherever they are.
\n // Companies are given the ability to transfer landline calls to employees whether these calls are to the Telavi mobile app, calls can be transferred\n // to Microsoft Teams or to an IP phone, to any web browser. Whether employees are at home, with a laptop or a desktop, they can continue to\n // operate their business.
\n // Telavi also offers more than just simple voice routing. From transferring calls, they also do team messaging, video conferencing, and\n // collaboration. Companies are then able to continue to provide their service to their customers.
\n // Erwin Co emphasizes, “Telavi Cloud is a must-have, non-negotiable business communication platform that can provide companies or enable\n // them to drag their business anywhere in the world. So Telavi Cloud enables businesses to be truly mobile.”
\n // In these uncertain times, there is no assurance when companies would be able to ask their employees back to their physical office. Even with the\n // vaccine, it seems like most would be continuing to work remotely or work from home even for the next year or two. That is why it is best to make\n // Telavi Cloud part of your business continuity plan.
\n // \n // )\n // break;\n // case \"telavi-cloud-brings-office-productivity-to-the-next-level\":\n // setArticleContent(\n // <>\n // \n // Service Spotlight\n // {/* October 4, 2023 */}\n //
\n // Telavi Cloud Brings Office Productivity to the Next Level
\n // \n //
\n //
Manila, Philippines - The business landscape has been evolving rapidly, driven by the worldwide pandemic. These precarious times call for\n // increased flexibility, mobility, with the goal of growing productivity. Enterprises must encourage their workforce to adapt quickly or be left behind.\n // One of these innovative business shifts is the remote work setup.
\n // The remote work model or the adoption of a mobile workforce has been steadily increasing over the years. With the onset of the pandemic in\n // 2020, this remote work arrangement has gained even more popularity among enterprises wanting to thrive in these uncertain times while keeping\n // their people safe. Upwork’s 2020 Future Workforce Report reveals that remote workers in the next five years is expected to be nearly double\n // what it was before Covid-19.
\n // A unique set of communication challenges has risen when the workforce was compelled to scatter and exchange their office desks for home\n // offices. This issue is also shared by businesses with satellite or multiple office locations.
\n // The time is ripe for businesses to bring office communications to the next level, address the changing needs of the workforce, and future-proof\n // the organization.
\n // CLOUD COMMUNICATIONS
\n // The most viable solution is cloud communications. This provides your staff with an arsenal of vital applications and tools conveniently found on\n // the same platform, wherever their location may be or whatever device they use.
\n // TELAVI CLOUD
\n // One of the fastest-growing players in the field is Telavi Cloud, a unified communications and call center solutions provider offering innovative and\n // relevant products and services in the market today. They enable users to increase productivity through this platform whenever, wherever and\n // promote effective customer engagement. They aim to help organizations lower down operational costs with their highly affordable, flexible, and\n // all-in-one business solutions packages.
\n // Jonathan Yabut, winner of the hit Asian reality TV show, The Apprentice Asia, a best-selling author, and motivational speaker, has seen the\n // benefits, and shares, “Telavi Cloud is an all-in-one technology suite that takes away the dilemma of organizations having to choose between\n // security and safety. Because it is in the cloud, all of the information, the database, and the platforms of your company can be accessed in the\n // comfort and the safety of your employees’ homes.”
\n // VIDEO CONFERENCING
\n // Step up your team collaboration by holding virtual meetings via Telavi video conferencing and screen sharing wherever the attendees may be.\n // This increases understanding by permitting each one to experience the nuances of face-to-face interaction while working on files together.
\n // CALL FORWARDING
\n // Telavi Cloud also allows call forwarding. You can direct inbound calls to the right person as it comes through. If it goes unanswered, you can set\n // where the call goes next, whether to another department or another branch.
\n // VOICEMAIL
\n // You don’t have to miss an important call again with the Telavi app. It links you to your office phone number, no matter where you may be. It’s like\n // working in your office even when you’re on the go. Telavi Cloud also has your off-hours covered. For crucial calls coming in beyond office hours,\n // you can opt for voicemail service so you don’t let opportunities slip by just because of the difference in time zones.
\n // Jonathan also appreciates how flexible Telavi Cloud is. “Whether you are an enterprise composed of thousands of employees, or an SME with\n // only 20 or 30 employees, Telavi Cloud allows itself to be flexible in customizing according to the needs of your people,” expounds Jonathan.
\n // SCALABILITY
\n // The ebb and flow of your business may create the need for more employees or hiring of temps, entailing additional lines or phone numbers during\n // peak season. Non-peak periods then require enterprises to downsize again to manage costs.
\n // With a traditional PBX or on-premise phone system, you incur additional costs for hardware and take up precious time in setting-up the system.\n // Switching to Telavi Cloud’s hosted PBX system lessens the standard upfront hardware costs of traditional PBX solutions but lets you enjoy their\n // features and benefits. You only need to invest in a softphone or software, and relatively less phone equipment.
\n // Jonathan lauds Telavi Cloud’s accessibility when it comes to costs. “You don’t need to buy infrastructure, you don’t need to buy hardware, you\n // can even use it on a pay-per-use basis depending on the capabilities and the budget of your organization.”
\n // With Telavi Cloud You can opt to just pay on a quarterly basis and you’re all set. Or you can easily upgrade your package during peak seasons\n // when you have more people onboard, then scale back down if the need arises. It’s convenience all around.
\n // With everything changing so quickly around us, it’s best for your business to adapt to the new normal and ensure your people stay connected\n // with each other and your clients.
\n // Let Telavi cloud bridge the gaps your business is dealing with, whether it’s productivity or engagement, Telavi Cloud is the solution you need\n // today.
\n // For more information or if you want to subscribe to Telavi Cloud services, visit www.telavi.com.ph, email them at info@gurlavi.com.ph, or call\n // them at +632-8967-0580.
\n // =================================================================================
\n // PRESS RELEASE - Jonathan Yabut
\n // PRODUCTIVITY AND ENGAGEMENT
\n // Manila, Philippines - Business landscape has been evolving rapidly, driven by the worldwide pandemic. These precarious times call for increased\n // flexibility, mobility and of course, productivity. Enterprises must encourage their workforce to adapt quickly or be left behind. One of these\n // innovative business shifts is the remote work setup.
\n // The remote work model or the adoption of a mobile workforce has been steadily increasing over the years. With the onset of the pandemic in\n // 2020, this remote work arrangement has gained even more popularity among enterprises wanting to thrive during lockdowns while keeping their\n // people safe. Upwork’s 2020 Future Workforce Report reveals that remote workers in the next five years is expected to be nearly double what it\n // was before Covid-19.
\n // A unique set of communication challenges has arisen when the workforce was compelled to scatter and exchange their office desks for home\n // offices or dinner tables. This issue is also shared by businesses that have satellite or multiple office locations.
\n // It’s high time businesses bring office communications to the next level, address the changing needs of the workforce, and future-proof the\n // organization.
\n // \n // )\n // break;\n // case \"telavi-cloud-centralizes-cardona-rizals-internet-and-voice-connectivity-to-improve-its-public-service-and-delivery-of-education\":\n // setArticleContent(\n // <>\n // \n // News and PR\n // {/* August 18, 2023 */}\n //
\n // TeLavi Cloud centralizes Cardona Rizal’s internet and voice\n // connectivity to improve its public service and delivery of education
\n // True to its mission of providing businesses with powerful yet affordable and customizable communication solutions, Gur Lavi Corp. (GLC) is on\n // track to reach greater heights as they announced new partnerships with some of the known and trusted global tech brands.
\n // The company started from humble beginnings almost a decade ago and has cemented its place as one of the fastest growing\n // telecommunications distributors in the Philippines. One of its flagship brands is TeLavi Cloud, considered to be the only one of its kind and an all-\n // in communication platform in the country today.
\n // GLC President and CEO Erwin Co explains that during the ongoing pandemic a lot of companies have shifted to cloud-based solutions as they\n // embraced new work set-up for their employees who are now doing office tasks remotely at home.\n // Co added, “We want to help the Filipino community. We understand how hard it is to operate a business during this pandemic, that’s why we have\n // created solutions and made them available at low cost to uplift entrepreneurs and help them get out of their current situations.”
\n // TeLavi Cloud New Partners
\n // As part of the company’s growth and bigger plans for the future, Co is happy to announce that they have already confirmed their partnerships\n // with big global tech brands Poly, Jabra, Logitech, Cisco and Yealink which are all known for their quality and excellent product and services.
\n // \n //
\n //
MJ Hernandez, GLC telecom project lead; Cardona Mayor Teodulo C. Ocampo; Cristine Amores, PLDT relationship manager.
\n //
Known as a fishing community, the municipality of Cardona in the Rizal province is gearing towards centralization of its Internet and voice\n // connectivity for improved public service, official business, and delivery of education in today’s wave of technology.
\n // Cardona Mayor Teodulo C. Campo said, “This initiative will positively impact not only our business and public service sector but also the\n // educational sector especially that Internet is a necessity right now because of the online classes. Also, with this program, certain processes in\n // local government will be alleviated.”
\n // Mayor Campo added that with the innovative project, it will be easier for their LGU to reach out with their constituent from their 18 barangays, 11\n // of which are on the mainland and 7 are on Talim Island because the technology that they are acquiring can provide updates done as quickly as\n // possible and is efficient and consistent at the same time.
\n // Just One Number to Remember
\n // Gur Lavi Corp. (GLC), one of the fastest growing telecommunications distributors in the country, will provide the technology for this ground-\n // breaking initiative in Cardona using one of its flagship brands – TeLavi Cloud – considered to be a pioneering all-in communication platform in the\n // Philippines today.
\n // GLC President and CEO Erwin Co believes, “Having Telavi Cloud gives huge advantage for Municipality of Cardona. It will not just improve the\n // communication inside their organization but also their collaboration. They can join an audio conference call with a single click, use individual and\n // group messaging to communicate with colleagues quickly and easily, and it creates workspace for teams where they can chat in real time and\n // share important information especially during calamities.”
\n // Residents of Cardona only need to remember one number to call to be able to reach the agencies and the offices of the municipality. They just\n // have to dial 8539-2399.
\n // Co also said that employees of Cardona LGU can stay connected with a robust Telavi Cloud App. Alternatively, they can deploy IP phones at\n // home during this era of remote work and can still be reached by their constituents by dialing their government office landline number.
\n // Project Lead MJ Hernandez explains the other benefits that their technology can provide, “In GLC, it is always our mission to support the\n // community. We understand the challenges that everyone is facing now that’s why we created effective and user-friendly solutions that will\n // connect people wherever they are to institutions or organizations the fastest way possible.”
\n // Improving Lives in Cardona
\n // Mayor Campo assures that the Cardona LGU has always been in fact interested in having a centralized Internet and voice connectivity, so when\n // they received a proposal, he immediately acted on this because he knows that this project will improve the lives of his constituents.
\n // “To my constituents here in Cardona, I hope that this initiative shall ease your daily plight when it comes to Internet connectivity and swear that\n // there will be more projects in the future that will be geared on improving the lives of everyone in here. So, let us continue our support for our\n // municipal leaders from yours truly up to the vice mayor, councilors, barangay captains, and barangay social workers,” Mayor Campo said.
\n // The Cardona Telavi Cloud project and the centralization of voice and data system are seen as just the start of more innovative projects in the\n // province of Rizal.
\n // Hernandez emphasized that GLC in partnership with PLDT is always trying to serve LGUs from Barangay as the smallest administrative division to\n // Municipality up to the Provincial Government and are now coordinating and having meetings with different municipalities of Rizal to the Provincial\n // Government to enhance their infrastructure and communication tool.
\n // “Our aim to any communication system is to ensure clarity of information and thus pave the way for a clutter-free project. The end result should\n // always be increased productivity and ultimately profits, but the journey to get there should be as straightforward as possible, Hernandez said.
\n // \n // )\n // break;\n // case \"the-future-of-hybrid-work\":\n // setArticleContent(\n // <>\n // \n // News and PR\n // {/* August 18, 2023 */}\n //
\n // The Future of Hybrid Work
\n // \n //
\n //
What’s in store with a flexible work setup?
\n //
In the age of continuous innovation and connectivity, hybrid work brings a new perspective to every\n // company’s work setup. Remote work took center stage when the pandemic started. With the\n // increased vaccination initiatives, companies adopted a more flexible approach to work setups. In fact,\n // several IT and business leaders have called hybrid work the “permanent solution” for their businesses.
\n // But the question still remains: will hybrid work stay or is it just a bubble that will eventually burst after\n // its “hype” dies down?
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article10-img-b.png\")})
\n //
Hybrid work allows flexibility not just in employees but in companies, too
\n //
Hybrid work is a great opportunity
\n // The flexibility of a hybrid work setup gives something that is very precious to employees: Time. They\n // have the opportunity to do more with their time in a flexible work environment, letting them have\n // better well-being. This helps their productivity – a huge benefit for companies as well. Hybrid work\n // welcomes a great opportunity because in “ embracing the genius of the ‘and’ rather than the tyranny\n // of the ‘or’”, a holistic approach can be found for the company’s vision. Only by adopting new\n // innovations and setups can the company grow healthily for the coming years.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article10-img-c.png\")})
\n //
Prioritizing health and safety and showing empathy is integral in a work place
\n //
Emphasizing empathy and safety at work
\n // As we move forward, companies will need to focus on their employees’ health and safety, more so\n // than before. Increasing empathy towards the workers provides a better work environment. In the\n // event of out-of-office set-up, telephony solution services such as Telavi helps communication easier\n // by connecting calls to devices as if the employee never left the office. Technologies such as these\n // provide a much easier transition to remote or hybrid work setup for business continuity.
\n // Aside from having remote work days in a flexible setup, companies will benefit from the creation\n // of modern infrastructure and frictionless administration by providing smart workspaces that can help\n // promote safety when working onsite. Companies should provide no-contact technology or services\n // (e.g., online tools and services for reserving meeting rooms, automatic sanitation of office spaces,\n // etc.) to create a safe zone for all. Emphasizing health and safety promotes empathy in a workspace\n // which results in a better working environment.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article10-img-d.png\")})
\n //
Is it beneficial for companies to continue the hybrid work setup?
\n //
Will hybrid work remain even in the future?
\n // Having established that hybrid work is not just borne out of the pandemic, flexible working\n // arrangements will not just die down – in fact, it will most likely be the new norm.
\n // As the new generation of people join the workforce, they are more likely to prefer a job that offers a\n // work-life balance. Holistically, flexible work arrangements can help avoid turnarounds, especially for\n // younger workers. Hybrid work is indeed here to stay.
\n // \n // )\n // break;\n // case \"unified-solutions-to-save-money-in-the-new-normal\":\n // setArticleContent(\n // <>\n // \n // Service Spotlight\n // {/* August 18, 2023 */}\n //
\n // Unified Solutions To Save Money In The New Normal
\n // \n //
\n //
The pandemic has changed so many things including the way companies operate.
\n // Edric Mendoza, self-titled change-maker, entrepreneur and former news anchor of ANC’s “On the Money”, shares the top financial problems\n // companies faced at the start of the pandemic.
\n // The first is people. Businesses had to make sure their employees as well as their customers were safe. They had to consider the protocols and\n // the expenses related to healthcare. Second is logistics. Companies had to carry on maintaining overhead costs, the facilities, rentals, even\n // transportation. The third is the actual product and service. Industries with products and services that could not adapt well had to scale back on\n // their product line or stop their services.
\n // Part of the solution is remote working. With employees working from home, employers are left to look for tools to make this new set-up work as \n // efficiently in the new normal. In order for productivity to be maintained if not increase, collaboration needs to be as effective now as it was face-\n // to-face while maximizing savings.
\n // With the implementation of the work-from-home scenario, the company savings and ROI are affected depending on how it works with the\n // company’s business model and how well the business can adapt. That would be a clear source of savings.
\n // An issue that arises from this new set-up would be connectivity. The success of the work-from-home model on bottomline savings and returns\n // depends if employees are able to connect properly. It makes it more inefficient for the company and has major cost implications.
\n // The question is, is there a solution for this? Edric Mendoza has found out that there definitely is a solution to maximizing business revenue. As he\n // sees it, the latest cloud solution can maximize profit and save your budget while ensuring your employees are productive and engaged.
\n // This game-changing solution is Telavi Cloud, a unified communications platform. It’s an all-in-one solution that gathers the tools to keep people in\n // touch: voice calls, video calling, web conferencing, and more. It’s decentralizing communications and giving greater access to all.
\n // Birthed during the pandemic, founder, CEO and president of Gur Lavi, Erwin Co, saw a need for it. “For more than 5 years, we’ve dreamt of\n // putting this up. But you have to adjust to the market. If they’re not ready for it, they’re not going to sign up. This time around things are different. I\n // think a lot of companies are now looking for technology to help them bridge this, to get over this situation that we’re in.”
\n // First on the list of savings is on infrastructure. Since it is a service you subscribe to, there is no need to maintain your own infrastructure or\n // center, or even hire your own technical engineers to keep your telephony system running.
\n // Telavi Cloud also updates and continuously adds more features to their platform so companies get the most for their money. Companies also\n // don’t need to invest in IP phones or headsets as they can use the web browser or mobile app alone. Expenses can be kept at a minimum if they\n // want to.
\n // Yes, you save on costs, when the CapEx is turned into an operating expense and the logistics becomes a lot simpler. Since it’s cloud based, a\n // business can have Telavi Cloud systems even in less than a week.
\n // With Telavi Cloud, the cost and risk of infection from personal contact is eliminated, as equipment is sent to the company, who plugs it in\n // themselves. Telavi walks them through the process, but all done remotely. It’s really easy and safe for everyone involved.
\n // Adapting by individual users is fairly easy as well, as it’s just another straightforward app that you need to use. It’s a complete, all-in-one solution\n // where you can message, you can call with the dial pad, but also do video conferencing.
\n // With Telavi Cloud, businesses can be run no matter where employees are, remotely working and safe in their own homes. In the past where\n // technology was limited, there was a need for an on-premise system, now you can transfer all these calls to them and serve your customers with\n // Telavi Cloud.
\n // Edric Mendoza adds that Telavi Cloud can be an answer to protecting company finances in various ways. Yes, Telavi Cloud can strengthen the\n // work-from-home scenario that many companies need at this time. It can also help in the learning curve. Some companies might want to do it\n // themselves, but the money and time spent can impact expenses.
\n // The key is to be able to maximize all these savings or financial gains with these tech solutions. Telavi Cloud is reliable, with strong customer\n // service and support when things don’t work out. They own their own servers which allows integration and greater control and quicker response\n // to issues that companies might have as they’re using the technology.
\n // “Another feature when it comes to financial savings and upsides, in a cloud scenario like that, even maintaining people, having to have my own\n // team, and to be able to oversee and manage the infrastructure would be a big cost savings because it’s done by the third party and all the cost\n // related to maintaining and managing employees related to that side of the business or operations,” explains Edric Mendoza.
\n // Eric Co further adds that “In trying times like this, there’s always an opportunity to shine as leaders. We have the social responsibility and we\n // carry the burden of supporting our people and the community. So when you find a solution this big and this revolutionary, it is our responsibility\n // to bring it to market and make it available to as many as possible. A lot of people are suffering because of this crisis that they cannot run their\n // businesses or operate their business as before, that’s why for us, if this is something that can help them cope with the situation, then we’re\n // definitely here to help.
\n // Choose Telavi Cloud. The smart way to protect your business and the right way to be new normal-adapted.
\n // \n // )\n // break;\n // case \"what-is-cloud-office-and-is-it-necessary\":\n // setArticleContent(\n // <>\n // \n // Service Spotlight\n // {/* August 18, 2023 */}\n //
\n // What is Cloud Office and Is It Necessary?
\n // \n //
\n //
Cloud office and its importance to any business
\n //
Many companies have resorted to shifting to a cloud office in this ever-changing work landscape. But\n // what exactly is a cloud office, and is it necessary for businesses to change to a cloud office? What\n // are the benefits it will give the company?
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article15-img-b.png\")})
\n //
Time to shift to Cloud Office
\n //
What is a Cloud Office?
\n // No, it’s not a literal office situated within the clouds.
\n // A cloud office is a secure online platform where you can store documents, messages, emails,\n // calendars, and other modes of collaboration meant for a team or company’s business use. Cloud\n // office is also a suite of software as a service\n // SaaS. With this, work is possible anywhere you are since data and communication tools are all in the Cloud.
\n // Additionally, it was only two decades ago that cloud services began entering offices. However, as\n // technological advancements happen, most companies have now hopped into the Cloud system,\n // especially since the pandemic started.
\n // Benefits of a Cloud Office
\n // There are a lot of benefits that can be cultivated in shifting to a Cloud office. Some of these are:
\n // Cost-effective & Affordable - Cloud-based services are mainly based on storage space and\n // processing power. Management, maintenance, and operating costs are all included within an\n // affordable fee compared to on-premise solutions.
\n // Unlimited storage - A Cloud office offers unlimited storage space for files, while some offer storage space based on the number of users.
\n // Data security - Several Cloud office platforms offer tight security to keep sensitive data away from any breaches.
\n // Business continuity - In case of accidents, unforeseen incidents, and even a global pandemic, Cloud\n // offices ensured business continuity. It allowed companies to restore data, and collaborate anytime\n // and anywhere, to keep the company going business as usual.
\n // Of course, there are challenges in completely shifting from on-premise to a Cloud office. However,\n // there are a lot of proven benefits that could prove that a Cloud office is worth a try. Apps such as\n // TeLavi Cloud creates a Cloud office that could provide these benefits that your organization might\n // just need. Because in these changing times, there is always a need to digitally transform for business\n // continuity.
\n // \n // )\n // break; \n // case \"what-is-hybrid-work-and-why-do-employees-prefer-it\":\n // setArticleContent(\n // <>\n // \n // Tips and Advice\n // {/* August 18, 2023 */}\n //
\n // What is hybrid work and why do employees prefer it?
\n // \n //
\n //
Why do employees prefer a hybrid work setup?
\n //
Remote work has taken over our lives for the past two years since the pandemic started.
\n // With quarantine protocols and lockdowns in place, a lot of employees had to forego their office desks and daily chit-chats with their colleagues...\n // to a more private and quiet work-from-home setup.
\n // \n //
\n //
\n //
![\"\"/]({require(\"../assets/images/article-img/article11-img-b.png\")})
\n //
\n //
\n //
\n //
Two years into the pandemic, we’re left to think: what’s next for\n // employees?
\n //
Should we return to the office in a 100 percent capacity or is work-\n // from-home here to stay?
\n //
But as a lot of us adjust to the new normal, so did the evolution of\n // various work setups. With restrictions slowly lifting, and as the\n // economy opens back up, a lot of companies have adopted a hybrid\n // work setup.
\n //
Hybrid work is a new work setup that allows employees to spend a part\n // of their week working remotely and a part in the office.
\n //
But hybrid work does not necessarily mean that it’s just exclusively\n // working at the office and at home. “\n // (Hybrid work) also means business\n // travels, taking calls outside the office, and doing work while on\n // vacation,” says Gur Lavi Corp. CEO Erwin Co in an interview with CNN\n // Philippines.
\n //
But why do employees prefer hybrid work more than just choosing\n // exclusively between remote work and in-office work? Well, it’s more on\n // work-life balance, rather than anything else.
\n //
\n //
\n //
![\"\"/]({require(\"../assets/images/article-img/article11-img-c.png\")})
\n //
Companies are slowly adopting the new norm of a hybrid workplace
\n //
Based on the IBPAP Industry Survey earlier this year, around 91 percent of Filipino employees prefer a hybrid work model.
\n // In fact, according to Gallup, the future of the hybrid setup is still up in the air. However, they have listed reasons why people prefer the hybrid\n // model are:
\n // \n //
\n //
\n // - \n //
To avoid commute time
\n // \n // - \n //
Better for their wellbeing
\n // \n // - \n //
Flexibility to balance family needs or other obligations
\n // \n // - \n //
Option to work in-person with co-workers
\n // \n // - \n //
Feel more productive and connected to the organization
\n // \n //
\n //
According to a Microsoft Work Trend report, 69 percent of leaders in the\n // Philippines say that their companies are planning a return to full-time on-\n // site work in the year ahead.
\n //
However, with the continuous increase in gasoline prices, COVID cases,\n // and traffic congestion – a hybrid setup might just be here to stay.
\n //
\n //
\n //
\n //
![\"\"/]({require(\"../assets/images/article-img/article11-img-d.png\")})
\n //
\n //
\n //
\n // Service Spotlight\n // {/* August 18, 2023 */}\n //
\n // What is Telephony and How Does it Help Productivity?
\n // \n //
\n //
Telephony provides solutions to employee productivity
\n //
You might have seen the word “telephony” several times and wondered what it is. Is telephony a new\n // concept? Would it really help with employee productivity?
\n // Let’s break down the definition of telephony and what it could mean to your organization.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article16-img-b.png\")})
\n //
What is telephony and can it really help the business?
\n //
Telephony: Defined
\n // Telephony, by definition, is the use or operation of an apparatus to transmit sounds as electrical\n // signals. Traditionally, telephony is a field of technology that involves the electronic transmission of\n // voice between two distant parties.
\n // However, as time passed, it evolved from just voice transmission to fax, internet calls, text messages,\n // voice mails, video conferencing, or video calls using various devices. In this context, telephony is also\n // frequently used to refer to computer hardware, software, and computer network systems which we\n // can specifically refer to as internet telephony or VoIP.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article16-img-c.png\")})
\n //
Does telephony help with productivity?
\n //
How Telephony Helps Employee Productivity
\n // Telephony bridges the gap with how fast communication happens. All of these telephony systems\n // meant for organizations have helped speed up communication from one place to another in only a\n // matter of minutes. In particular, there are\n // (4) four types of telephony systems for the enterprise.\n \n // These are:
\n // \n // - \n //
On-Premise PBX - Acts as an in-house center
\n // \n // - \n //
VoIP PBX - Creates a private phone network within a business using the internet or LAN
\n // \n // - \n //
Hybrid PBX - Uses both On-Premise PBX and IP telephony
\n // \n // - \n //
Cloud VoIP - A cloud-based VoIP service provided by a third party
\n // \n //
\n // Cloud-based VoIP, when used as a part of a unified communications solutions platform like Telavi,\n // makes it easier for employee communication and business continuity. Because it’s more modernized\n // than traditional phones, cloud phones are hosted through internet systems, which makes\n // communication faster and cheaper. UC Services like Telavi can help extend your office anywhere you\n // are in the world, so you can do your business anytime when necessary.
\n // With the continuous innovation and improvement of technology, it’s important to always be\n // connected wherever you are. Rest assured that with communication technology such as telephony\n // remains to evolve, your business is in the right place.
\n // \n // )\n // break;\n // case \"what-should-i-look-for-in-a-voip-solution\":\n // setArticleContent(\n // <>\n // \n // Tips and Advice\n // {/* October 4, 2023 */}\n //
\n // What should I look for in a VoIP solution?
\n // \n //
\n //
Communication is important for business continuity
\n //
A key part of maintaining business continuity is communication. With workplaces adopting hybrid and\n // remote work setups, VoIP systems become a necessity to ensure that a company is still doing\n // business as usual. Before choosing which VoIP to get, find out what are the necessary things to look\n // for in a VoIP solution.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article17-img-b.png\")})
\n //
Voice over Internet Protocol (VoIP) has a lot of benefits for a business
\n //
\n // What is VoIP?
\n // VoIP or Voice over Internet Protocol is a technology that converts voice into digital signals. In simpler\n // terms, it’s a call that is connected over the internet, and since it does not use analog phone lines, VoIP\n // is more cost-effective. Not only is it low-cost, but VoIP is also easy to install, reliable, and portable.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article17-img-c.png\")})
\n //
Consider necessary features before choosing a good VoIP
\n //
\n // Important features of a good VoIP
\n // In looking for a good VoIP service, consider these important things:
\n // Compatibility with existing equipment or new equipment. In cases of existing PBX equipment,\n // ensure that the selected VoIP solution allows a phased transition.
\n // Cost of service. Always consider if the cost of the VoIP solution is within the company’s budget and\n // determine how much is there that can be spent for a good VoIP that fits the company’s business\n // needs.
\n // Features. Decide which VoIP feature is important for the business. Providers like Telavi Cloud has\n // features that can cater to what is necessary for the business.
\n // The convenience of integration. Improve efficiency by always preparing for any technological\n // advancement. Ensure that the VoIP that the company will choose has the system to be able to\n // integrate and seamlessly work with other solutions for easier communication and collaboration.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article17-img-d.png\")})
\n //
List pros and cons before choosing a VoIP service
\n //
\n // Choose a VoIP service that checks all
\n // In choosing a VoIP solution, it’s important to have a checklist of what the company’s necessities are.\n // It’s also essential to not only rely on hearsays. Doing proper research for the type of VoIP that fits\n // best with employee and customer needs for continued business success. List down the pros and\n // cons of each VoIP provider that are on the shortlist and choose the one that comes out the best.
\n // \n // )\n // break;\n // case \"what-you-need-to-know-about-cloud-communications\":\n // setArticleContent(\n // <>\n // \n // Tips and Advice\n // {/* October 4, 2023 */}\n //
\n // What you need to know about Cloud Communications
\n // \n //
\n //
Cloud communication is necessary in a business
\n //
All across the globe, businesses are changing drastically. A lot of organizations are now preferring\n // cloud options instead of traditional legacy systems when it comes to communication, file sharing, and\n // other business-related activities.
\n // Specifically, cloud communication is a method of communicating using cloud-hosted technologies.\n // This means that the connection used is coursed through the internet rather than the standard\n // telephone network. Cloud communications provide a lot of benefits to its users especially when it\n // comes to digital transformation.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article18-img-b.png\")})
\n //
Cloud communication and other cloud-based services provide convenience and more benefits
\n //
\n // Benefits of Cloud Communications
\n // Cloud communication provides convenience in business communication and operations in general.\n // Some benefits include:
\n // Reliability - Cloud communications offer better reliability and service quality compared to on-premise equipment.
\n // Ease of Use - When paired with a good cloud communication service provider, there is a lot of rich selection of cloud-based features that can make everything simple and easy to use.
\n // Affordability - Cloud communication platforms are now flexible in terms of payment methods. TeLavi Cloud in particular offers a subscription-based model for a more affordable option.
\n // Scalability & Versatility - With cloud-based services or platforms, it’s easier to adjust the\n // communication strategy than with a PBX system. There is the freedom to easily upgrade and scale as\n // necessary with very little downtime.
\n // Overlooked Essential Cloud Communication Features
\n // Aside from the basic essential features such as video conferencing, team messaging, and file sharing,\n // there are cloud communication features that are just as important but often overlooked. One of which\n // is the 24/7 customer support feature. Although cloud-based services experience less downtime or\n // outages, it’s always important to have a customer support team that is always available, especially in\n // important cases.
\n // Another overlooked feature is a cloud platform’s ability to integrate other applications into it. This\n // feature is extremely important for a seamless experience when it comes to accessing information in\n // CRMs or other platforms as well.
\n // Shift to Cloud-based Services
\n // There are a lot of benefits to cloud-based services, but it all comes down to the company’s needs.\n // Does the company value convenient communication? Does the company have the budget to make\n // the shift?
\n // Cloud communications provide a lot of benefits, and it is more of a question of “when” rather than a\n // question of “should I?” when it comes to making the shift.
\n // \n // )\n // break;\n // case \"why-sip-trunks-will-help-call-center-efficiency\":\n // setArticleContent(\n // <>\n // \n // Tips and Advice\n // {/* October 4, 2023 */}\n //
\n // Why SIP Trunks will Help Call Center Efficiency
\n // There is always a need for efficiency in a business, but none so more than call centers. With high\n // demands in service, increasing costs, and other service-related issues, it is important to increase\n // efficiency. SIP Trunking helps provide the efficiency that a call center company needs with its VoIP\n // call capabilities.
\n // There is always a need for efficiency in a business, but none so more than call centers. Companies\n // centered on IT business and call centers agreed that remote or hybrid work is the business model\n // that works best for their employees and overall business.
\n // \n //
\n //
Call Centers need to shift to SIP Trunking
\n //
And with high demands in service, increasing costs, and other service-related issues, it is important\n // to increase efficiency and lessen costs. SIP Trunking helps provide the efficiency and cost-saving\n // that a call center company needs with its voice over internet protocol (VoIP) call capabilities.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article19-img-b.png\")})
\n //
SIP Trunking and its importance and benefits to the call center business
\n //
\n // What is SIP Trunking?
\n // SIP (Session Initiation Protocol) is a specific technology that supports VoIP calls. It does not only\n // support voice calls but also video conferencing, instant messaging, and media distribution. Its main\n // advantage is that it provides a direct connection with private or local phone systems and the public\n // phone network, so there is no need for a legacy phone line connection. It also integrates voice and\n // data on a single network for network capacity optimization of the existing PBX or UC Platform.
\n // Benefits of SIP Trunks
\n // SIP in itself provides a whole set of benefits. It is efficient with its huge bandwidth allocation, allowing\n // as many voice calls as possible. It also has a streamlined service where it integrates voice and data to\n // a single network for increased utilization of its use. At the same time, SIP trunking is reliable, and its\n // connectivity and performance are as clear as a fixed line but for a lower cost.
\n // \n //
![\"\"/]({require(\"../assets/images/article-img/article19-img-c.png\")})
\n //
Shift to the cloud for a better efficiency
\n //
\n // SIP & Call Center Efficiency
\n // With remote or hybrid work increasingly being adopted by many call center companies in the country,\n // it is critical to digitally shift the business. According to a study, call centers are adopting unified\n // communications strategies, with most of them migrating to the cloud. The most common and most reliable path to unified communications is SIP trunking. By moving to the cloud, the business is easily\n // modernized and has a more secured communication channel that ensures business continuity and\n // convenience.
\n // SIP trunking and its benefits can only be utilized correctly if the service chosen is just as good.\n // TeLavi Cloud has a Call Center Solution that can support agents in different locations. With its\n // system, agents can activate phone lines using the latest technology in SIP trunk.
\n // \n // )\n // break;\n // default:\n // setArticleContent(\n // Sorry, we can't find the article you're looking for.
\n // )\n // break;\n // }\n setLoading(false);\n }, [articleContent]);\n\n\n return(\n <>\n {loading ? () : (\"\")}\n <>\n \n \n \n {articleContent}\n
\n \n \n \n \n );\n}","import React, {useRef, useState, useEffect} from 'react';\nimport { Helmet } from 'react-helmet-async';\nimport Loader from '../components/Loader';\nimport { Fade, Zoom } from \"react-awesome-reveal\";\nimport { useAppContext } from '../libs/contextLib';\nimport { useParams } from 'react-router';\nimport \"../assets/styles/Product.scss\";\n\nimport bannertile from \"../assets/images/inner-page-tile.png\"\n\nexport default function Product() {\n const {isPageLight, setIsPageLight} = useAppContext();\n const [loading, setLoading] = useState(true);\n const params= useParams();\n\n const [articleContent, setArticleContent] = useState();\n\n const roam_schemaOrgJSONLD = {\n \"@context\": \"https://schema.org/\",\n \"@type\": \"IndividualProduct\",\n \"@id\": \"https://www.telavi.com.ph/products/roam\", \n \"description\": \"Explore Roam: Advanced solutions for seamless connectivity\",\n \"name\": \"Roam\",\n \"mainEntityOfPage\": \"https://www.telavi.com.ph/\", \n \"isRelatedTo\": \"digital communication solutions\" \n };\n\n const bizconnect_schemaOrgJSONLD = {\n \"@context\": \"https://schema.org/\",\n \"@type\": \"IndividualProduct\",\n \"@id\": \"https://www.telavi.com.ph/products/bizconnect\", \n \"description\": \"BizConnect: Empowering businesses with seamless connectivity\",\n \"name\": \"Bizconnect\",\n \"mainEntityOfPage\": \"https://www.telavi.com.ph/\", \n \"isRelatedTo\": \"digital communication solutions\" \n };\n\n const cxboost_schemaOrgJSONLD = {\n \"@context\": \"https://schema.org/\",\n \"@type\": \"IndividualProduct\",\n \"@id\": \"https://www.telavi.com.ph/products/cxboost\", \n \"description\": \"CXBoost: Enhance customer experience with smart solutions\",\n \"name\": \"CXboost\",\n \"mainEntityOfPage\": \"https://www.telavi.com.ph/\", \n \"isRelatedTo\": \"digital communication solutions\" \n };\n\n const click2call_schemaOrgJSONLD = {\n \"@context\": \"https://schema.org/\",\n \"@type\": \"IndividualProduct\",\n \"@id\": \"https://www.telavi.com.ph/products/click2call\", \n \"description\": \"Click2Call: Simplify customer communication instantly\",\n \"name\": \"Click2Call\",\n \"mainEntityOfPage\": \"https://www.telavi.com.ph/\", \n \"isRelatedTo\": \"digital communication solutions\" \n };\n\n const link_schemaOrgJSONLD = {\n \"@context\": \"https://schema.org/\",\n \"@type\": \"IndividualProduct\",\n \"@id\": \"https://www.telavi.com.ph/products/link\", \n \"description\": \"Link: Seamless connectivity for your business needs\",\n \"name\": \"Link\",\n \"mainEntityOfPage\": \"https://www.telavi.com.ph/\", \n \"isRelatedTo\": \"digital communication solutions\" \n };\n\n useEffect(() => {\n // setIsPageLight(false);\n console.log(params.slug);\n switch (params.slug) {\n case \"click2call\":\n setArticleContent(\n \n
\n Click2Call: Instant Customer Connection in One Click | Telavi\n \n \n \n
\n
\n \n
\n
\n \n \n
\n \n \n Click2Call\n
\n \n
\n
\n
\n
\n ![]({require(\"../assets/images/products/click2call-banner.jpg\")})
\n \n
\n
\n
\n \n
\n
Let your Customers Call you with just ONE CLICK
\n
![\"\"]({require(\"../assets/images/products/click2call-2.jpg\")})
\n
\n
\n
![\"\"]({require(\"../assets/images/ctc-badge.png\")})
\n
\n - \n \n Elevate Your Customer Interactions\n \n
\n - \n
![\"\"]({require(\"../assets/images/check.png\")})
\n \n One-click plugin for your customers to call your business directly for FREE\n \n \n - \n \n \n No more dialing numbers\n \n
\n - \n \n \n Seamlessly integrate our tool across your social media and websites\n \n
\n - \n
\n
\n
Enhance Customer Experience with every click.
\n {/*
\n
PRICE STARTS AT PHP 1,500per user/ month
\n
With Telavi App or On Net: Php 1,500
\n
Off Net: Php 2,500
\n
*/}\n
\n
\n
\n
\n
\n
\n
\n
\n BizConnect: One Number for All Your Business Sites | Telavi\n \n \n \n
\n
\n \n
\n
\n \n \n
\n \n \n BizConnect\n
\n \n
\n
\n
\n
\n ![]({require(\"../assets/images/products/bizconnect-banner.jpg\")})
\n \n
\n
\n
\n \n
\n
Connect Multiple Branches and Office Sites with just ONE Number
\n
No need for multiple landline numbers per business site or branch because your PABX is now on Cloud.
\n
![\"\"]({require(\"../assets/images/products/bizconnect-2.jpg\")})
\n
\n
\n
\n
\n - \n \n HOW CAN TELAVI BIZCONNECT HELP YOUR BUSINESS?\n \n
\n - \n \n \n Interconnect your different business sites or branches using the same landline number (no charges for local calls internally)\n \n
\n - \n \n \n Ease of calling internally just by dialing a local extension number\n \n
\n - \n \n \n No downtime with 99.6% Uptime Reliability on Cloud\n \n
\n
\n
\n
\n
\n \n
EXPERIENCE ENHANCED CALL FEATURES AND MORE...
\n
\n - Extension Lines Dialing from your Landline Number
\n - Automatic Call Attendant upon answering the call
\n - Call Transferring and Forwarding to different extension lines
\n - Call Waiting and Voicemail
\n
\n {/*
\n
PRICE STARTS AT PHP 300 per user/ month
\n
Comes with an IP Phone starting at PHP 2,900.
\n
Option to add a Business Phone number at PHP 1,000/ month.
\n
*/}\n
\n {/*
*/}\n
\n
\n
\n CXBoost: Elevate Customer Conversion with Smart Insights | Telavi\n \n \n \n
\n
\n \n
\n
\n \n \n
\n \n \n CXBoost\n
\n \n
\n
\n
\n
\n ![]({require(\"../assets/images/products/cxboost-banner.jpg\")})
\n \n
\n
\n
\n \n
\n
A Contact Centre Plug-in for Better Business Insights
\n
Manage your Customer Calls Better and Deliver Better Customer Conversion.
\n
![\"\"]({require(\"../assets/images/products/cxboost-2.jpg\")})
\n
\n
\n
\n
\n - \n \n HOW CAN TELAVI CXBOOST HELP YOUR BUSINESS?\n \n
\n - \n \n \n Get Business Insights and Better Customer Handling Efficiency with real-time Wall Board Customer Analytics\n \n
\n - \n \n \n Seamlessly Interconnect Multiple Sites to pass customer calls anywhere in the world virtually and instantaneously\n \n
\n - \n \n \n No downtime with 99.6% Uptime Reliability on Cloud\n \n
\n
\n
\n
\n
\n \n
EXPERIENCE ENHANCED CALL FEATURES AND MORE...
\n
\n - Real-Time Wall Board Analytics
\n - Skill-Based Routing
\n - Queue Call Back (Call Back Assist)
\n - Cradle-To-Grave Insight Custom Reporting
\n - Extension Lines Dialing
\n - Automatic Call Attendant
\n - Call Transferring and Forwarding Call
\n - Waiting and Voicemail
\n - Personalized Caller ID
\n - Call Detail Records Access
\n - Instant Messaging
\n
\n {/*
\n
PRICE STARTS AT PHP 2,500 per user/ month
\n
Option to add an IP Phone starting at PHP 2,900.
\n
Option to add a Business Phone number at PHP 1,000/ month.
\n
*/}\n
\n {/*
*/}\n
\n
\n
\n Link: Seamless Calls and Meetings on a Private Highway | Telavi\n \n \n \n
\n
\n \n
\n
\n \n \n
\n \n \n Link\n
\n \n
\n
\n
\n
\n ![]({require(\"../assets/images/products/link-banner.jpg\")})
\n \n
\n
\n
\n \n
\n
Experience a Private Highway for your calls and meetings
\n
![\"\"]({require(\"../assets/images/products/link-2.jpg\")})
\n
\n
\n
\n
\n - \n \n Experience an Express Lane just for your Calls and Audio Conferences\n \n
\n - \n \n \n Smoother Clear Connections
\n Have a dedicated path for your calls and audio conferences without experiencing public internet traffic jams, choppy lines, or unclear audio\n \n \n - \n \n \n Enhanced Security
Create a more secure connection, minimizing the risk of unwanted access to your communication\n \n \n - \n \n \n Call Traffic Flow Control
Have more control over your call traffic flows and ensure that your calls and data get priority\n \n \n {/* - \n
\n
\n
\n
PRICE STARTS AT
PHP 500 per session
\n
\n
\n
*/}\n
\n
\n
\n
\n
\n
\n Roam: Access Landline Calls Anywhere with Cloud | Telavi\n \n \n \n
\n
\n \n
\n
\n \n \n
\n \n \n Roam\n
\n \n
\n
\n
\n
\n ![]({require(\"../assets/images/products/roam-banner.jpg\")})
\n \n
\n
\n
\n \n
\n
Your Business Landline On-the-Go
\n
Now you can pick up your landline calls in the office from anywhere in the world, using any device, because your landline is now on Cloud.
\n
![\"\"]({require(\"../assets/images/products/roam-2.jpg\")})
\n
\n
\n
\n
\n \n
EXPERIENCE ENHANCED CALL FEATURES AND MORE...
\n
\n - Extension Lines Dialing from your Landline Number
\n - Automatic Call Attendant upon answering the call
\n - Call Transferring and Forwarding to different extension lines
\n - Call Waiting and Voicemail
\n - Personalized Caller ID per extension line
\n - Call Detail Records Access viewed via an Online Dashboard
\n - Instant Messaging through the Telavi Elite App
\n
\n {/*
\n
PRICE STARTS AT PHP 500 per user/ month
\n
Option to add an IP Phone starting at PHP 2,900.
\n
Option to add a Business Phone number at PHP 1,000/ month.
\n
*/}\n
\n {/*
*/}\n
\n
\n
\n \n
\n
\n \n \n
\n \n \n Industry Solutions\n
\n \n
\n
\n
\n
\n ![]({require(\"../assets/images/industry-solutions-nav-hero.png\")})
\n \n
\n
\n
\n Enabling players in different industries to elevate their performance
\n \n
\n
\n
\n
\n
\n
GOVERNMENT
\n
Empower your city with fast and efficient services
\n
Digitize your city’s communications systems and processes with ease for a city that’s set for a thriving future.
\n
\n
\n
\n
\n
\n
\n
\n
\n
RETAIL
\n
Improve customer experience while maximizing profit generation
\n
Customize your CX journey through our endless solutions that will push your business to greater heights.
\n
\n
\n
\n
\n
\n
\n
\n
\n
LOGISTICS
\n
Optimize your business' supply chain processes through the power of digital
\n
We can help implement systems that will lead to smoother operations for your business from procurement, production, sales and beyond.
\n
\n
\n
\n
\n
\n
\n
\n
\n
HEALTHCARE
\n
Facilitate quick and convenient access to medical services for your patients.
\n
Integrate seamless communication systems according to your needs and make your brand of healthcare more accessible and convenient.
\n
\n
\n
\n
\n
\n
\n
\n
\n
OTHER BUSINESSES
\n
Navigate the digital age with us. We can help you.
\n
Through digitization, implement systems that will lead to smoother processing and transactions.
\n
\n
\n
\n
\n
\n \n
\n Our Successes
\n \n
\n
\n ![]({require(\"../assets/images/industry-solutions-tile-002.png\")}/)
\n \n
\n ![]({require(\"../assets/images/industry-solutions-tile-003.png\")}/)
\n \n
\n ‘‘\n
\n
\n
\n With #LAGUNA, residents of Laguna only need to know one number to call to be able to reach the agencies and the offices of the provinces.
\n\n Read More\n \n
\n
\n ’’\n
\n
\n
\n
\n \n
\n :\"\"\n }\n \n \n
\n
\n
\n
\n
Register for Telavi's Referral Program
\n Refer your contacts and get them started on their digitization journey with Telavi today!
\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
![]({require(\"../assets/images/partnerProgramBanner-tile.png\")})
\n
\n
\n Get Started Now!\n
\n
\n - \n \n \n Connect, share, and earn with a vibrant community of go-getters! \n \n
\n - \n \n \n Join by signing up to receive your unique referral code!\n \n
\n - \n \n \n Start making referrals immediately and earn commissions* on customer referred\n \n
\n - \n \n \n Market Development Fund for achieved targets\n \n
\n - \n \n * Note: Commissions apply to Telavi Cloud services only (excludes physical devices)\n \n
\n
\n
\n
\n
\n
\n \n
\n :\"\"\n }\n \n \n
\n
\n
\n
\n
Telavi End User Form
\n Begin your Telavi journey and discover the world of digitization now!
\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n :\"\"\n }\n \n \n
\n
\n
\n
\n
Partner Program:
Sign-Up Form
\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
REFERRAL AGREEMENT
\n \n
\n This Referral Agreement (“Agreement”) entered into between You (“Referrer”) and GURL LAVI CORP, a company incorporated under the laws of the Philippines and with office address at 220 Wilson St. San Juan City Metro Manila (“Company”) and takes effect as set forth in below.
\n Company and Referrer shall hereinafter individually be referred to as Party and collectively as Parties.\n
\n
\n
\n WHEREAS, Company develops, markets, and sells Telavi Cloud solutions (the “Services”);\n
\n
\n
\n WHEREAS, Referrer has business contacts who could benefit from the Services; \n
\n
\n
\n NOW, THEREFORE, in consideration of the mutual promises hereinafter set forth, Company and Referrer do hereby agree as follows:\n
\n
\n
\n 1. Operating Principles \n
\n
\n
\n 1.1\n \n Company wishes to engage the Referrer on a non-exclusive basis whereby the Referrer shall recommend the products and/or services offered by the Company to prospective customers (“Prospects”).\n \n
\n
\n 1.2\n \n Referrer must sign up for the program by registering through the Telavi website or other approved channels and accepting the program's terms and conditions.\n \n
\n
\n 1.3\n \n Referrer is required to provide valid identification details to complete the registration process to be eligible for the program. Referrer can start referring his/her network once he/she receives the unique referral code from the Company.\n \n
\n
\n 1.4\n \n Referrer can refer a Prospect by completing and submitting the end-user endorsement form to the Company. As an acknowledgment, an email notification will be sent by Company to the Referrer. \n \n
\n
\n 1.5\n \n Referral would be deemed successful only when there is a business transaction resulting from the lead provided by the Referrer to the Company, which results in the execution of a definitive agreement between the Company and the end-user (“Contract”). \n \n
\n
\n 1.6\n \n Referrer is acting as a finder only and shall have no authority to enter into any agreements, obligations, or commitments on Company's behalf, or to negotiate the terms of any Prospect’s agreement with Company. \n \n
\n
\n 1.7\n \n Referrer acknowledges that Company may enter into referral or other similar arrangements with other parties and that Referrer shall have no rights under such agreements or to any fees for customers referred to Company by others or identified by Company itself.\n \n
\n
\n 1.8\n \n Employees of Company and their immediate family members up to the third degree of consanguinity are ineligible to participate in the program. If an employee is found to have breached this rule, they will be subject to disciplinary measures as determined by HR, which may encompass sanctions up to and including termination of employment.\n \n
\n
\n 1.9\n \n Referrer shall be entitled to a referral fee upon the successful completion of a transaction between the Company and the Prospect, provided that the Referrer was the first to submit the Prospect's information in writing to the Company, and the Company had not previously been in contact with the Prospect or received the Prospect's information from another source. If the Referrer is not the first to register the Prospect, the Company shall promptly notify the Referrer.\n \n
\n
\n
\n
\n 2. Commissions \n
\n
\n
\n 2.1\n \n The Referrer shall be entitled to receive a commission equivalent to one month's worth of the \tmonthly recurring cost (MRC) of the total contract value of Telavi Cloud actually subscribed to by the Prospect referred by Referrer.\n \n
\n
\n 2.2\n \n The Referrer shall receive the referral commission from the Company only upon the successful collection of the Prospect’s first monthly payment. \n \n
\n
\n 2.3\n \n The referral commission is subject to a 5% withholding tax if the gross income does not exceed \t₱3 million, and a 10% withholding tax if the gross income exceeds ₱3 million.\n \n
\n
\n 2.4\n \n The referral commission shall be issued after five (5) working days following the submission of the Request for Payment (RFP) by the Referrer, subject to 2.2 above. Payment may be made via bank transfer or cheque, as determined by the Company.\n \n
\n
\n
\n
\n 3. Term, Renewal and Termination \n
\n
\n
\n 3.1\n \n The referral program shall be in effect for a period of one (1) year, commencing retroactively on April 15, 2024, and ending on April 15, 2025. \n \n
\n
\n 3.2\n \n This Agreement shall remain in force until April 15, 2025, unless terminated earlier by either Party in accordance with the provisions set forth herein, whichever occurs first. This Agreement may be extended upon mutual written consent of the Parties.\n \n
\n
\n 3.3\n \n Either Party may terminate this Agreement by providing written notice to the other Party with a minimum notice period of thirty (30) days. In addition, either Party may terminate this Agreement in the event of a breach of one or more provisions of this Agreement by the other Party, provided that such breach remains unremedied for a period of thirty (30) days following written notice to the breaching Party specifying the breach and demanding its cure.\n \n
\n
\n 3.4\n \n On the termination or expiration of this Agreement, each Party will return all property and materials belonging to the other Party and undertakes not to use the proprietary or confidential information of the other Party in any manner whatsoever, except with the prior written consent of the other Party. Any termination is without prejudice to any other rights of either Party arising under this Agreement prior to such termination or expiration.\n \n
\n
\n 3.5\n \n Each Party agrees and acknowledges that termination of this Agreement shall not affect any rights and obligations of each Party that may have accrued prior to such termination. \n \n
\n
\n
\n
\n 4. Confidentiality \n
\n
\n
\n 4.1\n \n During the course of the performance of obligations under this Agreement, each Party (“Disclosing Party”) may disclose to the other Party including its authorized representatives with a need to know (“Receiving Party”) business, technical or financial information relating to the business to better facilitate and avail the services or information identified or marked as “Confidential” or under any similar legend indicating the confidentiality (hereinafter referred to as “Confidential Information” of the Disclosing Party). The terms of this Agreement and existence of this business relationship shall also be considered Confidential Information. \n \n
\n
\n 4.2\n \n The Receiving Party agrees: (a) to take reasonable precautions at its own cost to protect such Confidential Information; (b) not to use (except in performance of the Services or as otherwise permitted herein) or divulge to any third party any such Confidential Information, except as it may be authorized by the Disclosing Party in writing; (c) to inform its representatives about the confidential nature of the information, and assure their compliance with the obligations set out in this Agreement; and (d) to be responsible for any act or omissions by such representatives under this Agreement. \n \n
\n
\n 4.3\n \n The obligations as mentioned above shall not apply, however, to any information which is: (a) previously known to the Receiving Party at the time of disclosure; or (b) independently developed by the Receiving Party and not derived from the Confidential Information supplied by the Disclosing Party or the participation of individuals who have had access to Confidential Information; or (c) disclosed to the Receiving Party by a third party without an obligation of confidentiality; or (d) in or subsequently comes into the public domain (other than as a result of a breach of this Agreement); or (e) required to be disclosed by the Receiving Party by law, regulation, court order or other legal process. \n \n
\n
\n
\n
\n 5. Intellectual Property \n
\n
\n
\n 5.1\n \n Referrer acknowledges and agrees that, as between Referrer and Company, the Company owns and shall retain ownership of all right, title, and interest in and to (i) the Telavi Cloud Platform, (ii) all improvements, enhancements, or modifications to the Telavi Cloud Platform, and (iii) all intellectual property rights related to any of the foregoing, including but not limited to all Company marks, logos, signs, symbols, and trademarks used by Company within its scope of business activity.\n \n
\n
\n 5.2\n \n By entering into this Agreement, the Referrer undertakes: (a) except for the purpose of this Agreement, not to use Company’s intellectual property without the prior express written consent of the Company; (b) to ensure the confidentiality of such intellectual property of the Company within its organization. \n \n
\n
\n
\n
\n 6. Representations and Warranties \n
\n
\n
\n 6.1\n \n Each Party represents and warrants that it possesses all necessary corporate power and authority to enter into this Agreement and fulfill its obligations hereunder; that, to the best of its knowledge, the execution and delivery of this Agreement do not conflict with any applicable laws, regulations, or existing contractual obligations; and that it will comply with all applicable laws, orders, rules, ordinances, and regulations (collectively, 'Laws') in connection with its performance under this Agreement.\n \n
\n
\n 6.2\n \n Referrer represents and warrants that there is no legal impediment for him/her to make referrals under this Agreement and the Company shall be held free and harmless from any consequence of any referral made by Referrer in violation of this representation and warranty, including but not limited to loss of business, reputational damage, legal claims or financial fees that may be imposed on Referrer by any entity that may be adversely affected by any referral made by Referrer. Referrer acknowledges and agrees that he/she is solely responsible for disclosing the referral commission arrangement to whatever entity from which Referrer is legally obligated to obtain permission before he/she could enter into this Agreement and the Company shall not be held liable for Referee’s failure to inform and/or obtain prior approval. \n \n
\n
\n
\n
\n 7. Indemnification \n
\n
\n
\n 7.1\n \n Each Party agrees to defend, indemnify and hold the other Party harmless against and from any claims, losses, damages, and expenses (including reasonable court or arbitration costs, attorney's fees, expert fees, and costs of investigation) relating to third party claims to the extent arising from: (a) breach of confidentiality terms stated herein; or (b) infringement or violation of any copyright, patent, trademark or other intellectual property right of any third party unless the claim arises out of or is a result of the other party's acts or omissions causing said infringement or violation; or (c) breach of representations and warranties. \n \n
\n
\n 7.2\n \n To the extent indemnity provided in clause 7.1 applies, the Party responsible for the indemnity shall pay all damages and costs finally awarded against the other Party or amount as settled by the Party in consultation with the other Party, to the extent attributable to such Party’s indemnity, provided that the other Party: (a) promptly gives notice of any such claim or suit by a third party and furnishes a copy of each communication, notice or other action relating to such claim or suit; (b) permits the other Party to assume sole authority to conduct the trial or settlement of such claim or suit or any negotiations related thereto at its own expense; and (c) provides information and assistance reasonably requested in connection with such claim.\n \n
\n
\n
\n
\n 8. Limitation of Liability:\n
\n
\n
\n \n \n IN NO EVENT SHALL EITHER PARTY (INCLUDING ITS SUPPLIERS, OFFICERS, AFFILIATES, REPRESENTATIVES, CONTRACTORS AND EMPLOYEES) BE HELD LIABLE WITH RESPECT TO ANY SUBJECT MATTER OF THIS AGREEMENT UNDER ANY CONTRACT, STRICT LIABILITY OR OTHER THEORY: (A) FOR LOSS OF BUSINESS; (B) FOR ANY INDIRECT, EXEMPLARY, INCIDENTAL, SPECIAL OR CONSEQUENTIAL DAMAGES; (C) FOR ANY MATTER BEYOND EITHER PARTY’S REASONABLE CONTROL; OR (D) FOR AN AGGREGATE AMOUNT THAT, TOGETHER WITH AMOUNTS ASSOCIATED WITH ALL OTHER CLAIMS, EXCEED THE FEES PAID BY THE COMPANY TO THE REFERRER IN THE 12 MONTHS PRIOR TO THE ACT THAT GAVE RISE TO THE CLAIM WHETHER OR NOT THE PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. \n \n
\n
\n
\n
\n 9. Notices \n
\n
\n
\n \n \n All notices, requests, demands, and other communications given or made in accordance with \tthe provisions of this Agreement shall be in writing by letter or email with a signed PDF \tattachment. \n \n
\n
\n
\n
\n 10. Force Majeure \n
\n
\n
\n 5.1\n \n Neither Party shall be responsible for failure or delay of performance, if caused by: act of war, hostility, sabotage, act of God, strikes, pandemic, electrical, internet, telecommunication outage, government restrictions, or other event outside the reasonable control of the Parties. If such force majeure event continues for more than 90 days, either Party may terminate this Agreement by issuing a written notice\n \n
\n
\n
\n
\n 11. Governing Law & Dispute Resolution \n
\n
\n
\n 11.1\n \n This Agreement shall be governed by and construed in accordance with the laws of the Philippines, without regard to its conflict of laws principles. Any dispute, claim, or controversy arising out of or relating to this Agreement shall first be resolved through good faith negotiation between the Parties, and if unresolved within thirty (30) days, either Party may pursue binding arbitration in accordance with the rules in San Juan City with the decision being final and binding. Each Party shall bear its own costs and legal fees unless otherwise awarded by the arbitrator, and each Party shall continue to perform its obligations during the dispute resolution process, unless otherwise agreed. \t\t\n \n
\n
\n
\n
\n 12. Miscellaneous \n
\n
\n
\n 12.1\n \n Amendment: This Agreement may only be modified by a written instrument executed by an authorized representative of each Party.\n \n
\n
\n 12.2\n \n Entire Agreement: This Agreement sets forth the entire agreement between the Parties on the subject matter and supersedes all previous or contemporaneous agreements, oral or written between the Parties.\n \n
\n
\n 12.3\n \n Independent status: No agency, partnership, joint venture, or employment is created by this Agreement and Referrer does not have authority to bind the Company in any respect, except in accordance with the terms of the Agreement.\n \n
\n
\n 12.4\n \n Non-Solicit: Neither Party will either offer to employ nor employ, directly or otherwise, any of the other Party’s employees, associated for the purpose of, or with the assignment, during the term of this Agreement and for a period of two (2) years thereafter. \n \n
\n
\n 12.5\n \n Publicity: Neither Party will use the other party's name, logo, or trademarks, or issue any press release or public announcement regarding this Agreement, without the other party's written consent.\n \n
\n
\n 12.6\n \n Severability: If any provision of this Agreement shall be held or made invalid by a court decision, statute, rule or otherwise, the remainder of this Agreement shall remain unaffected and valid.\n \n
\n
\n 12.7\n \n Waiver: No waiver will be effective unless it is in writing and signed by the authorized representative of the Party condoning the waiver.\n \n
\n
\n
\n
\n
\n BY CLICKING “I AGREE” YOU ARE REPRESENTING THAT (1) YOU HAVE SUBMITTED \tTRUE AND COMPLETE INFORMATION IN THE APPLICATION REGISTRATION AND (2) \tYOU ARE ENTERING INTO THIS AGREEMENT ON YOUR BEHALF OR THAT YOU \tHAVE AUTHORITY TO ENTER INTO THIS AGREEMENT ON BEHALF OF YOUR \tCOMPANY OR OTHER LEGAL ENTITY. IF YOU DO NOT HAVE SUCH AUTHORITY OR \tDO NOT WISH TO ENTER INTO THIS AGREEMENT ON YOUR BEHALF, OR IF YOU DO \tNOT AGREE WITH THE TERMS AND CONDITIONS CONTAINED HEREIN, DO NOT \tCLICK “I AGREE” AND YOU WILL NOT BE ELIGIBLE FOR PARTICIPATION IN THE \tREFERRAL PROGRAM. \n
\n
\n \n
\n :\"\"\n }\n \n \n
\n
\n
\n
\n
Get 7 months of Telavi service for FREE!
\n Sign up now to know more about the power of cloud technology. We want to hear from you and help you learn more about Telavi's many services and offers. Seamless calls, better CX conversion and more await!
\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
{children}
\n * children == react passes whatever is between tags as children. Don't supply this yourself.\n */\nexport const ConditionalWrapper: FunctionComponent = ({ condition, wrapper, children }) => {\n return condition ? wrapper(children) : children;\n};\n","export enum SAME_SITE_OPTIONS {\n STRICT = \"strict\",\n LAX = \"lax\",\n NONE = \"none\",\n}\n","export const POSITION_OPTIONS = {\n TOP: \"top\",\n BOTTOM: \"bottom\",\n NONE: \"none\",\n};\n","export const VISIBILITY_OPTIONS = {\n HIDDEN: \"hidden\",\n SHOW: \"show\",\n BY_COOKIE_VALUE: \"byCookieValue\",\n};\n","export const defaultCookieConsentName = \"CookieConsent\";\n","import React, { FunctionComponent, ReactNode } from \"react\";\nimport {\n defaultCookieConsentName,\n POSITION_OPTIONS,\n SAME_SITE_OPTIONS,\n VISIBILITY_OPTIONS,\n} from \"./models/constants\";\n\nexport interface CookieConsentProps {\n children?: ReactNode;\n style: React.CSSProperties;\n buttonStyle: React.CSSProperties;\n declineButtonStyle: React.CSSProperties;\n contentStyle: React.CSSProperties;\n disableStyles: boolean;\n hideOnAccept: boolean;\n hideOnDecline: boolean;\n onAccept: (acceptedByScrolling: boolean) => void;\n onDecline: () => void;\n buttonText: string | ReactNode | Function;\n declineButtonText: string | ReactNode | Function;\n cookieName: string;\n cookieValue: string | object;\n declineCookieValue: string | object;\n setDeclineCookie: boolean;\n debug: boolean;\n expires: number;\n containerClasses: string;\n contentClasses: string;\n buttonClasses: string;\n buttonWrapperClasses: string;\n declineButtonClasses: string;\n buttonId: string;\n declineButtonId: string;\n overlayClasses: string;\n ariaAcceptLabel: string;\n ariaDeclineLabel: string;\n disableButtonStyles: boolean;\n enableDeclineButton: boolean;\n flipButtons: boolean;\n cookieSecurity?: boolean;\n overlay: boolean;\n acceptOnOverlayClick: boolean;\n acceptOnScroll: boolean;\n acceptOnScrollPercentage: number;\n ButtonComponent: any;\n extraCookieOptions: Object;\n overlayStyle: Object;\n customContentAttributes: Object;\n customContainerAttributes: Object;\n customButtonProps: Object;\n customDeclineButtonProps: Object;\n customButtonWrapperAttributes: Object;\n onOverlayClick: () => void;\n // these should be enums\n location: string;\n visible: string;\n sameSite: \"strict\" | \"Strict\" | \"lax\" | \"Lax\" | \"none\" | \"None\" | undefined;\n}\n\nconst DefaultButtonComponent: FunctionComponent<{ children: ReactNode; [x: string]: any }> = ({\n children,\n ...props\n}) => {\n return ;\n};\n\nexport const defaultCookieConsentProps: CookieConsentProps = {\n disableStyles: false,\n hideOnAccept: true,\n hideOnDecline: true,\n location: POSITION_OPTIONS.BOTTOM,\n visible: VISIBILITY_OPTIONS.BY_COOKIE_VALUE,\n onAccept: (_acceptedByScrolling) => {},\n onDecline: () => {},\n cookieName: defaultCookieConsentName,\n cookieValue: \"true\",\n declineCookieValue: \"false\",\n setDeclineCookie: true,\n buttonText: \"I understand\",\n declineButtonText: \"I decline\",\n debug: false,\n expires: 365,\n containerClasses: \"CookieConsent\",\n contentClasses: \"\",\n buttonClasses: \"\",\n buttonWrapperClasses: \"\",\n declineButtonClasses: \"\",\n buttonId: \"rcc-confirm-button\",\n declineButtonId: \"rcc-decline-button\",\n extraCookieOptions: {},\n disableButtonStyles: false,\n enableDeclineButton: false,\n flipButtons: false,\n sameSite: SAME_SITE_OPTIONS.LAX,\n ButtonComponent: DefaultButtonComponent,\n overlay: false,\n overlayClasses: \"\",\n onOverlayClick: () => {},\n acceptOnOverlayClick: false,\n ariaAcceptLabel: \"Accept cookies\",\n ariaDeclineLabel: \"Decline cookies\",\n acceptOnScroll: false,\n acceptOnScrollPercentage: 25,\n customContentAttributes: {},\n customContainerAttributes: {},\n customButtonProps: {},\n customDeclineButtonProps: {},\n customButtonWrapperAttributes: {},\n style: {},\n buttonStyle: {},\n declineButtonStyle: {},\n contentStyle: {},\n overlayStyle: {},\n};\n","export interface CookieConsentState {\n visible: boolean;\n style: React.CSSProperties;\n buttonStyle: React.CSSProperties;\n declineButtonStyle: React.CSSProperties;\n contentStyle: React.CSSProperties;\n overlayStyle: React.CSSProperties;\n}\n\nexport const defaultState: CookieConsentState = {\n visible: false,\n style: {\n alignItems: \"baseline\",\n background: \"#353535\",\n color: \"white\",\n display: \"flex\",\n flexWrap: \"wrap\",\n justifyContent: \"space-between\",\n left: \"0\",\n position: \"fixed\",\n width: \"100%\",\n zIndex: \"999\",\n },\n buttonStyle: {\n background: \"#ffd42d\",\n border: \"0\",\n borderRadius: \"0px\",\n boxShadow: \"none\",\n color: \"black\",\n cursor: \"pointer\",\n flex: \"0 0 auto\",\n padding: \"5px 10px\",\n margin: \"15px\",\n },\n declineButtonStyle: {\n background: \"#c12a2a\",\n border: \"0\",\n borderRadius: \"0px\",\n boxShadow: \"none\",\n color: \"#e5e5e5\",\n cursor: \"pointer\",\n flex: \"0 0 auto\",\n padding: \"5px 10px\",\n margin: \"15px\",\n },\n contentStyle: {\n flex: \"1 0 300px\",\n margin: \"15px\",\n },\n overlayStyle: {\n position: \"fixed\",\n left: 0,\n top: 0,\n width: \"100%\",\n height: \"100%\",\n zIndex: \"999\",\n backgroundColor: \"rgba(0,0,0,0.3)\",\n },\n};\n","import Cookies from \"js-cookie\";\nimport { defaultCookieConsentName } from \"./models/constants\";\n\n/**\n * Returns the value of the consent cookie\n * Retrieves the regular value first and if not found the legacy one according\n * to: https://web.dev/samesite-cookie-recipes/#handling-incompatible-clients\n * @param {*} name optional name of the cookie\n */\nexport const getCookieConsentValue = (name = defaultCookieConsentName) => {\n const cookieValue = Cookies.get(name);\n\n // if the cookieValue is undefined check for the legacy cookie\n if (cookieValue === undefined) {\n return Cookies.get(getLegacyCookieName(name));\n }\n return cookieValue;\n};\n\n/**\n * Reset the consent cookie\n * Remove the cookie on browser in order to allow user to change their consent\n * @param {*} name optional name of the cookie\n */\nexport const resetCookieConsentValue = (name = defaultCookieConsentName) => {\n Cookies.remove(name);\n};\n\n/**\n * Get the legacy cookie name by the regular cookie name\n * @param {string} name of cookie to get\n */\nexport const getLegacyCookieName = (name: string) => {\n return `${name}-legacy`;\n};\n","import Cookies from \"js-cookie\";\nimport React, { Component, CSSProperties } from \"react\";\nimport { ConditionalWrapper } from \"./components/ConditionalWrapper\";\nimport { CookieConsentProps, defaultCookieConsentProps } from \"./CookieConsent.props\";\nimport { CookieConsentState, defaultState } from \"./CookieConsent.state\";\nimport { POSITION_OPTIONS, SAME_SITE_OPTIONS, VISIBILITY_OPTIONS } from \"./models/constants\";\nimport { getCookieConsentValue, getLegacyCookieName } from \"./utilities\";\n\nexport class CookieConsent extends Component {\n public static defaultProps = defaultCookieConsentProps;\n\n state: CookieConsentState = defaultState;\n\n componentDidMount() {\n const { debug } = this.props;\n\n // if cookie undefined or debug\n if (this.getCookieValue() === undefined || debug) {\n this.setState({ visible: true });\n // if acceptOnScroll is set to true and (cookie is undefined or debug is set to true), add a listener.\n if (this.props.acceptOnScroll) {\n window.addEventListener(\"scroll\", this.handleScroll, { passive: true });\n }\n }\n }\n\n componentWillUnmount() {\n // remove listener if still set\n this.removeScrollListener();\n }\n\n /**\n * Set a persistent accept cookie\n */\n accept(acceptedByScrolling = false) {\n const { cookieName, cookieValue, hideOnAccept, onAccept } = this.props;\n\n this.setCookie(cookieName, cookieValue);\n\n onAccept(acceptedByScrolling ?? false);\n\n if (hideOnAccept) {\n this.setState({ visible: false });\n this.removeScrollListener();\n }\n }\n\n /**\n * Handle a click on the overlay\n */\n overlayClick() {\n const { acceptOnOverlayClick, onOverlayClick } = this.props;\n if (acceptOnOverlayClick) {\n this.accept();\n }\n onOverlayClick();\n }\n\n /**\n * Set a persistent decline cookie\n */\n decline() {\n const { cookieName, declineCookieValue, hideOnDecline, onDecline, setDeclineCookie } =\n this.props;\n\n if (setDeclineCookie) {\n this.setCookie(cookieName, declineCookieValue);\n }\n\n onDecline();\n\n if (hideOnDecline) {\n this.setState({ visible: false });\n }\n }\n\n /**\n * Function to set the consent cookie based on the provided variables\n * Sets two cookies to handle incompatible browsers, more details:\n * https://web.dev/samesite-cookie-recipes/#handling-incompatible-clients\n */\n setCookie(cookieName: string, cookieValue: string | object) {\n const { extraCookieOptions, expires, sameSite } = this.props;\n let { cookieSecurity } = this.props;\n\n if (cookieSecurity === undefined) {\n cookieSecurity = window.location ? window.location.protocol === \"https:\" : true;\n }\n\n const cookieOptions = { expires, ...extraCookieOptions, sameSite, secure: cookieSecurity };\n\n // Fallback for older browsers where can not set SameSite=None,\n // SEE: https://web.dev/samesite-cookie-recipes/#handling-incompatible-clients\n if (sameSite === SAME_SITE_OPTIONS.NONE) {\n Cookies.set(getLegacyCookieName(cookieName), cookieValue, cookieOptions);\n }\n\n // set the regular cookie\n Cookies.set(cookieName, cookieValue, cookieOptions);\n }\n\n /**\n * Returns the value of the consent cookie\n * Retrieves the regular value first and if not found the legacy one according\n * to: https://web.dev/samesite-cookie-recipes/#handling-incompatible-clients\n */\n getCookieValue() {\n const { cookieName } = this.props;\n return getCookieConsentValue(cookieName);\n }\n\n /**\n * checks whether scroll has exceeded set amount and fire accept if so.\n */\n handleScroll = () => {\n const { acceptOnScrollPercentage } = this.props;\n\n // (top / height) - height * 100\n const rootNode = document.documentElement;\n const body = document.body;\n const top = \"scrollTop\";\n const height = \"scrollHeight\";\n\n const percentage =\n ((rootNode[top] || body[top]) /\n ((rootNode[height] || body[height]) - rootNode.clientHeight)) *\n 100;\n\n if (percentage > acceptOnScrollPercentage) {\n this.accept(true);\n }\n };\n\n removeScrollListener = () => {\n const { acceptOnScroll } = this.props;\n if (acceptOnScroll) {\n window.removeEventListener(\"scroll\", this.handleScroll);\n }\n };\n\n render() {\n // If the bar shouldn't be visible don't render anything.\n switch (this.props.visible) {\n case VISIBILITY_OPTIONS.HIDDEN:\n return null;\n case VISIBILITY_OPTIONS.BY_COOKIE_VALUE:\n if (!this.state.visible) {\n return null;\n }\n break;\n default:\n break;\n }\n\n const {\n location,\n style,\n buttonStyle,\n declineButtonStyle,\n contentStyle,\n disableStyles,\n buttonText,\n declineButtonText,\n containerClasses,\n contentClasses,\n buttonClasses,\n buttonWrapperClasses,\n declineButtonClasses,\n buttonId,\n declineButtonId,\n disableButtonStyles,\n enableDeclineButton,\n flipButtons,\n ButtonComponent,\n overlay,\n overlayClasses,\n overlayStyle,\n ariaAcceptLabel,\n ariaDeclineLabel,\n customContainerAttributes,\n customContentAttributes,\n customButtonProps,\n customDeclineButtonProps,\n customButtonWrapperAttributes,\n } = this.props;\n\n let myStyle: CSSProperties = {};\n let myButtonStyle: CSSProperties = {};\n let myDeclineButtonStyle: CSSProperties = {};\n let myContentStyle: CSSProperties = {};\n let myOverlayStyle: CSSProperties = {};\n\n if (disableStyles) {\n // if styles are disabled use the provided styles (or none)\n myStyle = Object.assign({}, style);\n myButtonStyle = Object.assign({}, buttonStyle);\n myDeclineButtonStyle = Object.assign({}, declineButtonStyle);\n myContentStyle = Object.assign({}, contentStyle);\n myOverlayStyle = Object.assign({}, overlayStyle);\n } else {\n // if styles aren't disabled merge them with the styles that are provided (or use default styles)\n myStyle = Object.assign({}, { ...this.state.style, ...style });\n myContentStyle = Object.assign({}, { ...this.state.contentStyle, ...contentStyle });\n myOverlayStyle = Object.assign({}, { ...this.state.overlayStyle, ...overlayStyle });\n\n // switch to disable JUST the button styles\n if (disableButtonStyles) {\n myButtonStyle = Object.assign({}, buttonStyle);\n myDeclineButtonStyle = Object.assign({}, declineButtonStyle);\n } else {\n myButtonStyle = Object.assign({}, { ...this.state.buttonStyle, ...buttonStyle });\n myDeclineButtonStyle = Object.assign(\n {},\n { ...this.state.declineButtonStyle, ...declineButtonStyle }\n );\n }\n }\n\n // syntactic sugar to enable user to easily select top / bottom\n switch (location) {\n case POSITION_OPTIONS.TOP:\n myStyle.top = \"0\";\n break;\n\n case POSITION_OPTIONS.BOTTOM:\n myStyle.bottom = \"0\";\n break;\n }\n\n const buttonsToRender = [];\n\n // add decline button\n enableDeclineButton &&\n buttonsToRender.push(\n {\n this.decline();\n }}\n {...customDeclineButtonProps}\n >\n {declineButtonText}\n \n );\n\n // add accept button\n buttonsToRender.push(\n {\n this.accept();\n }}\n {...customButtonProps}\n >\n {buttonText}\n \n );\n\n if (flipButtons) {\n buttonsToRender.reverse();\n }\n\n return (\n (\n {\n this.overlayClick();\n }}\n >\n {children}\n \n )}\n >\n \n
\n {this.props.children}\n
\n
\n {buttonsToRender.map((button) => {\n return button;\n })}\n
\n
\n We use cookies
\n This website uses cookies to ensure you get the best experience on our website.
\n */}\n \n {/* 
*/}\n {/* We use cookies
*/}\n This website uses cookies to ensure you get the best experience on our website.
\n \n \n \n {/**/}\n \n );\n}\n\nexport default App;","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { BrowserRouter } from 'react-router-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\n\nconst root = ReactDOM.createRoot(document.getElementById('root'));\nroot.render(\n \n \n \n \n \n \n \n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"names":["Loader","_jsx","className","children","AppContext","createContext","useAppContext","useContext","_wrapNativeSuper","t","r","Map","Function","toString","call","indexOf","n","TypeError","has","get","set","Wrapper","e","isNativeReflectConstruct","Reflect","construct","apply","arguments","o","push","p","bind","setPrototypeOf","prototype","getPrototypeOf","this","constructor","Object","create","value","enumerable","writable","configurable","Action","ResultType","PopStateEventType","createBrowserHistory","options","getUrlBasedHistory","window","globalHistory","_window$location","location","createLocation","pathname","search","hash","state","usr","key","to","createPath","invariant","message","Error","warning","cond","console","warn","getHistoryState","index","idx","current","_extends","parsePath","Math","random","substr","_ref","_ref$pathname","_ref$search","_ref$hash","charAt","path","parsedPath","hashIndex","searchIndex","getLocation","createHref","validateLocation","_options2","_options2$window","document","defaultView","_options2$v5Compat","v5Compat","history","action","Pop","listener","getIndex","handlePop","nextIndex","delta","createURL","base","origin","href","URL","replaceState","listen","fn","addEventListener","removeEventListener","encodeLocation","url","Push","historyState","pushState","error","DOMException","name","assign","replace","Replace","go","Set","matchRoutes","routes","locationArg","basename","stripBasename","branches","flattenRoutes","sort","a","b","score","siblings","length","slice","every","i","compareIndexes","routesMeta","map","meta","childrenIndex","rankRouteBranches","matches","matchRouteBranch","safelyDecodeURI","parentsMeta","parentPath","flattenRoute","route","relativePath","undefined","caseSensitive","startsWith","joinPaths","concat","computeScore","forEach","_route$path","includes","_step","_iterator","Symbol","iterator","Array","isArray","unsupportedIterableToArray","_n","F","s","done","f","u","next","_createForOfIteratorHelper","explodeOptionalSegments","exploded","err","segments","split","_segments","arrayWithHoles","iterableToArray","nonIterableRest","first","rest","isOptional","endsWith","required","restExploded","join","result","_toConsumableArray","subpath","paramRe","dynamicSegmentValue","indexRouteValue","emptySegmentValue","staticSegmentValue","splatPenalty","isSplat","initialScore","some","filter","reduce","segment","test","branch","matchedParams","matchedPathname","end","remainingPathname","match","matchPath","params","pathnameBase","normalizePathname","pattern","_compilePath","paramNames","regexpSource","_","paramName","matcher","RegExp","compilePath","_compilePath2","_slicedToArray","captureGroups","memo","splatValue","decodeURIComponent","safelyDecodeURIComponent","decodeURI","toLowerCase","startIndex","nextChar","getInvalidPathError","char","field","dest","JSON","stringify","getPathContributingMatches","resolveTo","toArg","routePathnames","locationPathname","isPathRelative","from","isEmptyPath","toPathname","routePathnameIndex","toSegments","shift","fromPathname","_ref4","_ref4$search","_ref4$hash","pop","resolvePathname","normalizeSearch","normalizeHash","resolvePath","hasExplicitTrailingSlash","hasCurrentTrailingSlash","paths","AbortedDeferredError","_Error","_inherits","_super","_createSuper","_classCallCheck","_createClass","isRouteErrorResponse","status","statusText","internal","validMutationMethodsArr","validRequestMethodsArr","hasOwn","hasOwnProperty","classNames","classes","arg","argType","inner","module","exports","default","reactIs","require","REACT_STATICS","childContextTypes","contextType","contextTypes","defaultProps","displayName","getDefaultProps","getDerivedStateFromError","getDerivedStateFromProps","mixins","propTypes","type","KNOWN_STATICS","caller","callee","arity","MEMO_STATICS","compare","TYPE_STATICS","getStatics","component","isMemo","ForwardRef","render","Memo","defineProperty","getOwnPropertyNames","getOwnPropertySymbols","getOwnPropertyDescriptor","objectPrototype","hoistNonReactStatics","targetComponent","sourceComponent","blacklist","inheritedComponent","keys","targetStatics","sourceStatics","descriptor","for","c","d","g","h","k","l","m","q","v","w","x","y","z","$$typeof","A","AsyncMode","ConcurrentMode","ContextConsumer","ContextProvider","Element","Fragment","Lazy","Portal","Profiler","StrictMode","Suspense","isAsyncMode","isConcurrentMode","isContextConsumer","isContextProvider","isElement","isForwardRef","isFragment","isLazy","isPortal","isProfiler","isStrictMode","isSuspense","isValidElementType","typeOf","condition","format","args","argIndex","framesToPop","factory","define","OldCookies","Cookies","api","noConflict","extend","attributes","decode","init","converter","defaults","expires","Date","toUTCString","write","encodeURIComponent","String","escape","stringifiedAttributes","attributeName","cookie","json","jar","cookies","parts","read","parse","getJSON","remove","withConverter","hookCallback","hooks","setHookCallback","callback","input","isObject","hasOwnProp","isObjectEmpty","obj","isUndefined","isNumber","isDate","arr","res","arrLen","valueOf","createUTC","locale","strict","createLocalOrUTC","utc","defaultParsingFlags","empty","unusedTokens","unusedInput","overflow","charsLeftOver","nullInput","invalidEra","invalidMonth","invalidFormat","userInvalidated","iso","parsedDateParts","era","meridiem","rfc2822","weekdayMismatch","getParsingFlags","_pf","isValid","_isValid","flags","parsedParts","isNowValid","isNaN","_d","getTime","invalidWeekday","_strict","bigHour","isFrozen","createInvalid","NaN","fun","len","momentProperties","updateInProgress","copyConfig","prop","val","momentPropertiesLen","_isAMomentObject","_i","_f","_l","_tzm","_isUTC","_offset","_locale","Moment","config","updateOffset","isMoment","msg","suppressDeprecationWarnings","deprecate","firstTime","deprecationHandler","argLen","stack","deprecations","deprecateSimple","isFunction","_config","_dayOfMonthOrdinalParseLenient","_dayOfMonthOrdinalParse","source","_ordinalParse","mergeConfigs","parentConfig","childConfig","Locale","defaultCalendar","sameDay","nextDay","nextWeek","lastDay","lastWeek","sameElse","calendar","mom","now","output","_calendar","zeroFill","number","targetLength","forceSign","absNumber","abs","zerosToFill","pow","max","formattingTokens","localFormattingTokens","formatFunctions","formatTokenFunctions","addFormatToken","token","padded","ordinal","func","localeData","removeFormattingTokens","makeFormatFunction","array","formatMoment","expandFormat","invalidDate","replaceLongDateFormatTokens","longDateFormat","lastIndex","defaultLongDateFormat","LTS","LT","L","LL","LLL","LLLL","_longDateFormat","formatUpper","toUpperCase","tok","defaultInvalidDate","_invalidDate","defaultOrdinal","defaultDayOfMonthOrdinalParse","_ordinal","defaultRelativeTime","future","past","ss","mm","hh","dd","ww","M","MM","yy","relativeTime","withoutSuffix","string","isFuture","_relativeTime","pastFuture","diff","aliases","addUnitAlias","unit","shorthand","lowerCase","normalizeUnits","units","normalizeObjectUnits","inputObject","normalizedProp","normalizedInput","priorities","addUnitPriority","priority","getPrioritizedUnits","unitsObj","isLeapYear","year","absFloor","ceil","floor","toInt","argumentForCoercion","coercedNumber","isFinite","makeGetSet","keepTime","set$1","month","date","daysInMonth","stringGet","stringSet","prioritized","prioritizedLen","regexes","match1","match2","match3","match4","match6","match1to2","match3to4","match5to6","match1to3","match1to4","match1to6","matchUnsigned","matchSigned","matchOffset","matchShortOffset","matchTimestamp","matchWord","addRegexToken","regex","strictRegex","isStrict","getParseRegexForToken","unescapeFormat","regexEscape","matched","p1","p2","p3","p4","tokens","addParseToken","tokenLen","addWeekParseToken","_w","addTimeToArrayFromToken","_a","YEAR","MONTH","DATE","HOUR","MINUTE","SECOND","MILLISECOND","WEEK","WEEKDAY","mod","modMonth","monthsShort","months","monthsShortRegex","monthsRegex","monthsParse","defaultLocaleMonths","defaultLocaleMonthsShort","MONTHS_IN_FORMAT","defaultMonthsShortRegex","defaultMonthsRegex","localeMonths","_months","isFormat","localeMonthsShort","_monthsShort","handleStrictParse","monthName","ii","llc","toLocaleLowerCase","_monthsParse","_longMonthsParse","_shortMonthsParse","localeMonthsParse","_monthsParseExact","setMonth","dayOfMonth","min","getSetMonth","getDaysInMonth","computeMonthsParse","_monthsShortStrictRegex","_monthsShortRegex","_monthsStrictRegex","_monthsRegex","cmpLenRev","shortPieces","longPieces","mixedPieces","daysInYear","parseTwoDigitYear","parseInt","getSetYear","getIsLeapYear","createDate","ms","getFullYear","setFullYear","createUTCDate","UTC","getUTCFullYear","setUTCFullYear","firstWeekOffset","dow","doy","fwd","getUTCDay","dayOfYearFromWeeks","week","weekday","resYear","resDayOfYear","dayOfYear","weekOfYear","resWeek","weekOffset","weeksInYear","weekOffsetNext","localeWeek","_week","defaultLocaleWeek","localeFirstDayOfWeek","localeFirstDayOfYear","getSetWeek","add","getSetISOWeek","parseWeekday","weekdaysParse","parseIsoWeekday","shiftWeekdays","ws","weekdaysMin","weekdaysShort","weekdays","weekdaysMinRegex","weekdaysShortRegex","weekdaysRegex","defaultLocaleWeekdays","defaultLocaleWeekdaysShort","defaultLocaleWeekdaysMin","defaultWeekdaysRegex","defaultWeekdaysShortRegex","defaultWeekdaysMinRegex","localeWeekdays","_weekdays","day","localeWeekdaysShort","_weekdaysShort","localeWeekdaysMin","_weekdaysMin","handleStrictParse$1","weekdayName","_weekdaysParse","_shortWeekdaysParse","_minWeekdaysParse","localeWeekdaysParse","_weekdaysParseExact","_fullWeekdaysParse","getSetDayOfWeek","getDay","getSetLocaleDayOfWeek","getSetISODayOfWeek","computeWeekdaysParse","_weekdaysStrictRegex","_weekdaysRegex","_weekdaysShortStrictRegex","_weekdaysShortRegex","_weekdaysMinStrictRegex","_weekdaysMinRegex","minp","shortp","longp","minPieces","hFormat","hours","kFormat","lowercase","minutes","matchMeridiem","_meridiemParse","localeIsPM","seconds","kInput","_isPm","isPM","_meridiem","pos","pos1","pos2","defaultLocaleMeridiemParse","getSetHour","localeMeridiem","isLower","globalLocale","baseConfig","dayOfMonthOrdinalParse","meridiemParse","locales","localeFamilies","commonPrefix","arr1","arr2","minl","normalizeLocale","chooseLocale","names","j","loadLocale","isLocaleNameSane","oldLocale","_abbr","aliasedRequire","getSetGlobalLocale","values","data","getLocale","defineLocale","abbr","parentLocale","updateLocale","tmpLocale","listLocales","checkOverflow","_overflowDayOfYear","_overflowWeeks","_overflowWeekday","extendedIsoRegex","basicIsoRegex","tzRegex","isoDates","isoTimes","aspNetJsonRegex","obsOffsets","UT","GMT","EDT","EST","CDT","CST","MDT","MST","PDT","PST","configFromISO","allowTime","dateFormat","timeFormat","tzFormat","exec","isoDatesLen","isoTimesLen","configFromStringAndFormat","extractFromRFC2822Strings","yearStr","monthStr","dayStr","hourStr","minuteStr","secondStr","untruncateYear","preprocessRFC2822","checkWeekday","weekdayStr","parsedInput","calculateOffset","obsOffset","militaryOffset","numOffset","hm","configFromRFC2822","parsedArray","setUTCMinutes","getUTCMinutes","configFromString","createFromInputFallback","currentDateArray","nowValue","_useUTC","getUTCMonth","getUTCDate","getMonth","getDate","configFromArray","currentDate","expectedWeekday","yearToUse","dayOfYearFromWeekInfo","_dayOfYear","_nextDay","weekYear","temp","weekdayOverflow","curWeek","GG","W","E","createLocal","gg","ISO_8601","RFC_2822","skipped","stringLength","totalParsedInputLength","meridiemFixWrap","erasConvertYear","hour","isPm","meridiemHour","configFromStringAndArray","tempConfig","bestMoment","scoreToBeat","currentScore","validFormatFound","bestFormatIsValid","configfLen","configFromObject","dayOrDate","minute","second","millisecond","createFromConfig","prepareConfig","preparse","configFromInput","isUTC","prototypeMin","other","prototypeMax","pickBy","moments","ordering","isDurationValid","unitHasDecimal","orderLen","parseFloat","isValid$1","createInvalid$1","createDuration","Duration","duration","years","quarters","quarter","weeks","isoWeek","days","milliseconds","_milliseconds","_days","_data","_bubble","isDuration","absRound","round","compareArrays","array1","array2","dontConvert","lengthDiff","diffs","offset","separator","utcOffset","sign","offsetFromString","chunkOffset","cloneWithOffset","model","clone","setTime","local","getDateOffset","getTimezoneOffset","getSetOffset","keepLocalTime","keepMinutes","localAdjust","_changeInProgress","addSubtract","getSetZone","setOffsetToUTC","setOffsetToLocal","subtract","setOffsetToParsedOffset","tZone","hasAlignedHourOffset","isDaylightSavingTime","isDaylightSavingTimeShifted","_isDSTShifted","toArray","isLocal","isUtcOffset","isUtc","aspNetRegex","isoRegex","ret","diffRes","parseIso","momentsDifference","inp","positiveMomentsDifference","isAfter","isBefore","createAdder","direction","period","tmp","isAdding","invalid","isString","isMomentInput","isNumberOrStringArray","isMomentInputObject","property","objectTest","propertyTest","properties","propertyLen","arrayTest","dataTypeTest","item","isCalendarSpec","getCalendarFormat","myMoment","calendar$1","time","formats","sod","startOf","calendarFormat","localInput","endOf","isBetween","inclusivity","localFrom","localTo","isSame","inputMs","isSameOrAfter","isSameOrBefore","asFloat","that","zoneDelta","monthDiff","wholeMonthDiff","anchor","toISOString","keepOffset","toDate","inspect","prefix","datetime","suffix","zone","inputString","defaultFormatUtc","defaultFormat","postformat","humanize","fromNow","toNow","newLocaleData","lang","MS_PER_SECOND","MS_PER_MINUTE","MS_PER_HOUR","MS_PER_400_YEARS","mod$1","dividend","divisor","localStartOfDate","utcStartOfDate","startOfDate","isoWeekday","unix","toObject","toJSON","isValid$2","parsingFlags","invalidAt","creationData","localeEras","eras","_eras","since","until","localeErasParse","eraName","narrow","localeErasConvertYear","dir","getEraName","getEraNarrow","getEraAbbr","getEraYear","erasNameRegex","computeErasParse","_erasNameRegex","_erasRegex","erasAbbrRegex","_erasAbbrRegex","erasNarrowRegex","_erasNarrowRegex","matchEraAbbr","matchEraName","matchEraNarrow","matchEraYearOrdinal","_eraYearOrdinalRegex","abbrPieces","namePieces","narrowPieces","addWeekYearFormatToken","getter","getSetWeekYear","getSetWeekYearHelper","getSetISOWeekYear","getISOWeeksInYear","getISOWeeksInISOWeekYear","isoWeekYear","getWeeksInYear","weekInfo","getWeeksInWeekYear","weeksTarget","setWeekAll","dayOfYearData","getSetQuarter","erasParse","eraYearOrdinalParse","getSetDayOfMonth","getSetDayOfYear","getSetMinute","getSetMillisecond","getSetSecond","parseMs","getZoneAbbr","getZoneName","proto","createUnix","createInZone","parseZone","preParsePostFormat","eraNarrow","eraAbbr","eraYear","isoWeeks","weeksInWeekYear","isoWeeksInYear","isoWeeksInISOWeekYear","isDST","zoneAbbr","zoneName","dates","isDSTShifted","proto$1","get$1","setter","listMonthsImpl","out","listWeekdaysImpl","localeSorted","listMonths","listMonthsShort","listWeekdays","listWeekdaysShort","listWeekdaysMin","firstDayOfYear","firstDayOfWeek","langData","mathAbs","addSubtract$1","add$1","subtract$1","absCeil","bubble","monthsFromDays","monthsToDays","daysToMonths","as","valueOf$1","makeAs","alias","asMilliseconds","asSeconds","asMinutes","asHours","asDays","asWeeks","asMonths","asQuarters","asYears","clone$1","get$2","makeGetter","thresholds","substituteTimeAgo","relativeTime$1","posNegDuration","getSetRelativeTimeRounding","roundingFunction","getSetRelativeTimeThreshold","threshold","limit","argWithSuffix","argThresholds","withSuffix","th","abs$1","toISOString$1","totalSign","ymSign","daysSign","hmsSign","total","toFixed","proto$2","toIsoString","version","relativeTimeRounding","relativeTimeThreshold","HTML5_FMT","DATETIME_LOCAL","DATETIME_LOCAL_SECONDS","DATETIME_LOCAL_MS","TIME","TIME_SECONDS","TIME_MS","ReactPropTypesSecret","emptyFunction","emptyFunctionWithReset","resetWarningCache","shim","props","propName","componentName","propFullName","secret","getShim","isRequired","ReactPropTypes","bigint","bool","object","symbol","any","arrayOf","element","elementType","instanceOf","node","objectOf","oneOf","oneOfType","shape","exact","checkPropTypes","PropTypes","aa","ca","da","ea","fa","ha","ia","createElement","ja","ka","la","ma","acceptsBooleans","attributeNamespace","mustUseProperty","propertyName","sanitizeURL","removeEmptyString","ra","sa","ta","pa","qa","oa","removeAttribute","setAttribute","setAttributeNS","xlinkHref","ua","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","va","wa","ya","za","Aa","Ba","Ca","Da","Ea","Fa","Ga","Ha","Ia","Ja","Ka","La","Ma","trim","Na","Oa","prepareStackTrace","Pa","tag","Qa","_context","_payload","_init","Ra","Sa","Ta","nodeName","Va","_valueTracker","getValue","setValue","stopTracking","Ua","Wa","checked","Xa","activeElement","body","Ya","defaultChecked","defaultValue","_wrapperState","initialChecked","Za","initialValue","controlled","ab","bb","cb","db","ownerDocument","eb","fb","selected","defaultSelected","disabled","gb","dangerouslySetInnerHTML","hb","ib","jb","textContent","kb","lb","mb","nb","namespaceURI","innerHTML","firstChild","removeChild","appendChild","MSApp","execUnsafeLocalFunction","ob","lastChild","nodeType","nodeValue","pb","animationIterationCount","aspectRatio","borderImageOutset","borderImageSlice","borderImageWidth","boxFlex","boxFlexGroup","boxOrdinalGroup","columnCount","columns","flex","flexGrow","flexPositive","flexShrink","flexNegative","flexOrder","gridArea","gridRow","gridRowEnd","gridRowSpan","gridRowStart","gridColumn","gridColumnEnd","gridColumnSpan","gridColumnStart","fontWeight","lineClamp","lineHeight","opacity","order","orphans","tabSize","widows","zIndex","zoom","fillOpacity","floodOpacity","stopOpacity","strokeDasharray","strokeDashoffset","strokeMiterlimit","strokeOpacity","strokeWidth","qb","rb","sb","style","setProperty","substring","tb","menuitem","area","br","col","embed","hr","img","keygen","link","param","track","wbr","ub","vb","is","wb","xb","target","srcElement","correspondingUseElement","parentNode","yb","zb","Ab","Bb","Cb","stateNode","Db","Eb","Fb","Gb","Hb","Ib","Jb","Kb","Lb","Mb","Nb","onError","Ob","Pb","Qb","Rb","Sb","Tb","Vb","alternate","return","Wb","memoizedState","dehydrated","Xb","Zb","child","sibling","Yb","$b","ac","unstable_scheduleCallback","bc","unstable_cancelCallback","cc","unstable_shouldYield","dc","unstable_requestPaint","B","unstable_now","ec","unstable_getCurrentPriorityLevel","fc","unstable_ImmediatePriority","gc","unstable_UserBlockingPriority","hc","unstable_NormalPriority","ic","unstable_LowPriority","jc","unstable_IdlePriority","kc","lc","oc","clz32","pc","qc","log","LN2","rc","sc","tc","uc","pendingLanes","suspendedLanes","pingedLanes","entangledLanes","entanglements","vc","xc","yc","zc","Ac","eventTimes","Cc","C","Dc","Ec","Fc","Gc","Hc","Ic","Jc","Kc","Lc","Mc","Nc","Oc","Pc","Qc","Rc","Sc","delete","pointerId","Tc","nativeEvent","blockedOn","domEventName","eventSystemFlags","targetContainers","Vc","Wc","isDehydrated","containerInfo","Xc","Yc","dispatchEvent","Zc","$c","ad","bd","cd","ReactCurrentBatchConfig","ed","transition","fd","gd","hd","id","Uc","stopPropagation","jd","kd","ld","md","nd","od","keyCode","charCode","pd","qd","rd","_reactName","_targetInst","currentTarget","isDefaultPrevented","defaultPrevented","returnValue","isPropagationStopped","preventDefault","cancelBubble","persist","isPersistent","wd","xd","yd","sd","eventPhase","bubbles","cancelable","timeStamp","isTrusted","td","ud","view","detail","vd","Ad","screenX","screenY","clientX","clientY","pageX","pageY","ctrlKey","shiftKey","altKey","metaKey","getModifierState","zd","button","buttons","relatedTarget","fromElement","toElement","movementX","movementY","Bd","Dd","dataTransfer","Fd","Hd","animationName","elapsedTime","pseudoElement","Id","clipboardData","Jd","Ld","Md","Esc","Spacebar","Left","Up","Right","Down","Del","Win","Menu","Apps","Scroll","MozPrintableKey","Nd","Od","Alt","Control","Meta","Shift","Pd","Qd","fromCharCode","code","repeat","which","Rd","Td","width","height","pressure","tangentialPressure","tiltX","tiltY","twist","pointerType","isPrimary","Vd","touches","targetTouches","changedTouches","Xd","Yd","deltaX","wheelDeltaX","deltaY","wheelDeltaY","wheelDelta","deltaZ","deltaMode","Zd","$d","ae","be","documentMode","ce","de","ee","fe","ge","he","ie","le","color","email","password","range","tel","text","me","ne","oe","event","listeners","pe","qe","re","se","te","ue","ve","we","xe","ye","ze","oninput","Ae","detachEvent","Be","Ce","attachEvent","De","Ee","Fe","He","Ie","Je","Ke","nextSibling","Le","contains","compareDocumentPosition","Me","HTMLIFrameElement","contentWindow","Ne","contentEditable","Oe","focusedElem","selectionRange","documentElement","start","selectionStart","selectionEnd","getSelection","rangeCount","anchorNode","anchorOffset","focusNode","focusOffset","createRange","setStart","removeAllRanges","addRange","setEnd","left","scrollLeft","top","scrollTop","focus","Pe","Qe","Re","Se","Te","Ue","Ve","We","animationend","animationiteration","animationstart","transitionend","Xe","Ye","Ze","animation","$e","af","bf","cf","df","ef","ff","gf","hf","lf","mf","nf","Ub","instance","D","of","pf","qf","rf","sf","capture","passive","J","tf","uf","parentWindow","vf","wf","na","xa","$a","ba","je","ke","unshift","xf","yf","zf","Af","Bf","Cf","Df","Ef","__html","Ff","setTimeout","Gf","clearTimeout","Hf","Promise","Jf","queueMicrotask","resolve","then","catch","If","Kf","Lf","Mf","previousSibling","Nf","Of","Pf","Qf","Rf","Sf","Tf","Uf","G","Vf","H","Wf","Xf","Yf","__reactInternalMemoizedUnmaskedChildContext","__reactInternalMemoizedMaskedChildContext","Zf","$f","ag","bg","getChildContext","cg","__reactInternalMemoizedMergedChildContext","dg","eg","fg","hg","jg","kg","lg","mg","ng","og","pg","qg","rg","sg","tg","ug","vg","wg","xg","yg","I","zg","Ag","Bg","deletions","Cg","pendingProps","treeContext","retryLane","Dg","mode","Eg","Fg","Gg","memoizedProps","Hg","Ig","Jg","Kg","Lg","Mg","Ng","Og","Pg","Qg","Rg","_currentValue","Sg","childLanes","Tg","dependencies","firstContext","lanes","Ug","Vg","context","memoizedValue","Wg","Xg","Yg","interleaved","Zg","$g","ah","updateQueue","baseState","firstBaseUpdate","lastBaseUpdate","shared","pending","effects","bh","ch","eventTime","lane","payload","dh","K","eh","fh","gh","ih","jh","Component","refs","kh","nh","isMounted","_reactInternals","enqueueSetState","lh","mh","enqueueReplaceState","enqueueForceUpdate","oh","shouldComponentUpdate","isPureReactComponent","ph","updater","qh","componentWillReceiveProps","UNSAFE_componentWillReceiveProps","rh","getSnapshotBeforeUpdate","UNSAFE_componentWillMount","componentWillMount","componentDidMount","sh","ref","_owner","_stringRef","uh","vh","wh","xh","yh","implementation","zh","Ah","Bh","Ch","Dh","Eh","Fh","Gh","Hh","Ih","tagName","Jh","Kh","Lh","Mh","revealOrder","Nh","Oh","_workInProgressVersionPrimary","Ph","ReactCurrentDispatcher","Qh","Rh","N","O","P","Sh","Th","Uh","Vh","Q","Wh","Xh","Yh","Zh","$h","ai","bi","ci","baseQueue","queue","di","ei","fi","lastRenderedReducer","hasEagerState","eagerState","lastRenderedState","dispatch","gi","hi","ji","ki","getSnapshot","li","mi","R","ni","lastEffect","stores","oi","pi","qi","ri","destroy","deps","si","ti","ui","vi","wi","xi","yi","zi","Ai","Bi","Ci","Di","Ei","Fi","Gi","Hi","Ii","Ji","readContext","useCallback","useEffect","useImperativeHandle","useInsertionEffect","useLayoutEffect","useMemo","useReducer","useRef","useState","useDebugValue","useDeferredValue","useTransition","useMutableSource","useSyncExternalStore","useId","unstable_isNewReconciler","identifierPrefix","Ki","digest","Li","Mi","Ni","WeakMap","Oi","Pi","Qi","Ri","componentDidCatch","Si","componentStack","Ti","pingCache","Ui","Vi","Wi","Xi","ReactCurrentOwner","Yi","Zi","$i","aj","bj","cj","dj","ej","baseLanes","cachePool","transitions","fj","gj","hj","ij","jj","UNSAFE_componentWillUpdate","componentWillUpdate","componentDidUpdate","kj","lj","pendingContext","mj","Aj","Bj","Cj","Dj","nj","oj","pj","fallback","qj","rj","tj","dataset","dgst","uj","vj","_reactRetry","sj","subtreeFlags","wj","xj","isBackwards","rendering","renderingStartTime","last","tail","tailMode","yj","Ej","S","Fj","Gj","wasMultiple","multiple","suppressHydrationWarning","onClick","onclick","size","createElementNS","autoFocus","createTextNode","T","Hj","Ij","Jj","Kj","U","Lj","WeakSet","V","Mj","Nj","Oj","Qj","Rj","Sj","Tj","Uj","Vj","Wj","insertBefore","_reactRootContainer","Xj","X","Yj","Zj","ak","onCommitFiberUnmount","componentWillUnmount","bk","ck","dk","ek","fk","isHidden","gk","hk","display","ik","jk","kk","lk","__reactInternalSnapshotBeforeUpdate","src","Wk","mk","nk","ok","pk","Y","Z","qk","rk","sk","tk","uk","Infinity","vk","wk","xk","yk","zk","Ak","Bk","Ck","Dk","Ek","callbackNode","expirationTimes","expiredLanes","wc","callbackPriority","ig","Fk","Gk","Hk","Ik","Jk","Kk","Lk","Mk","Nk","Ok","Pk","finishedWork","finishedLanes","Qk","timeoutHandle","Rk","Sk","Tk","Uk","Vk","mutableReadLanes","Bc","Pj","onCommitFiberRoot","mc","onRecoverableError","Xk","onPostCommitFiberRoot","Yk","Zk","al","isReactComponent","pendingChildren","bl","mutableSourceEagerHydrationData","cl","cache","pendingSuspenseBoundaries","el","fl","gl","hl","il","jl","zj","$k","ll","reportError","ml","_internalRoot","nl","ol","pl","ql","sl","rl","unmount","unstable_scheduleHydration","splice","querySelectorAll","form","tl","usingClientEntryPoint","Events","ul","findFiberByHostInstance","bundleType","rendererPackageName","vl","rendererConfig","overrideHookState","overrideHookStateDeletePath","overrideHookStateRenamePath","overrideProps","overridePropsDeletePath","overridePropsRenamePath","setErrorHandler","setSuspenseHandler","scheduleUpdate","currentDispatcherRef","findHostInstanceByFiber","findHostInstancesForRefresh","scheduleRefresh","scheduleRoot","setRefreshHandler","getCurrentFiber","reconcilerVersion","__REACT_DEVTOOLS_GLOBAL_HOOK__","wl","isDisabled","supportsFiber","inject","createPortal","dl","createRoot","unstable_strictMode","findDOMNode","flushSync","hydrate","hydrateRoot","hydratedSources","_getVersion","_source","unmountComponentAtNode","unstable_batchedUpdates","unstable_renderSubtreeIntoContainer","checkDCE","hasElementType","hasMap","hasSet","hasArrayBuffer","ArrayBuffer","isView","equal","it","entries","titleCase","redactingEmail","_str","title","smallWords","mightBeEmail","redacted","redactEmail","GA4","_gtag","_interopRequireDefault","_format","_excluded","_excluded2","_excluded3","__esModule","_objectWithoutProperties","excluded","sourceKeys","_objectWithoutPropertiesLoose","sourceSymbolKeys","propertyIsEnumerable","_typeof","_arrayLikeToArray","_arrayWithoutHoles","iter","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","ownKeys","enumerableOnly","symbols","sym","_objectSpread","_defineProperty","getOwnPropertyDescriptors","defineProperties","_arrayWithHoles","_s","_e","_x","_r","_arr","_iterableToArrayLimit","_nonIterableRest","minLen","_defineProperties","_toPropertyKey","hint","prim","toPrimitive","Number","_toPrimitive","_this","Constructor","isInitialized","_testMode","_currentMeasurementId","_hasLoadedGA","_isQueuing","_queueGtag","_len","_key","GA_MEASUREMENT_ID","nonce","gtagUrl","script","async","dataLayer","gtag","gaOptions","mapFields","cookieUpdate","cookieExpires","cookieDomain","cookieFlags","userId","clientId","anonymizeIp","contentGroup1","contentGroup2","contentGroup3","contentGroup4","contentGroup5","allowAdFeatures","allowAdPersonalizationSignals","nonInteraction","page","hitCallback","prev","_ref2","initConfigs","trackingId","gtagOptions","_options$testMode","testMode","_loadGA","mergedGtagOptions","_toGtagOptions","queues","fieldsObject","_gaCommand","eventCategory","eventAction","eventLabel","eventValue","event_category","event_label","non_interaction","_len2","_key2","_gaCommandSendEvent","_args$","hitType","timingCategory","timingVar","timingValue","timingLabel","_this$_toGtagOptions","page_path","page_title","page_location","_len3","_key3","_gaCommandSendPageview","_args$2","_len4","_key4","_gaCommandSendEventParameters","_gaCommandSendPageviewParameters","_gaCommandSendTiming","_len5","_key5","command","_len6","_key6","_gaCommandSend","_gaCommandSet","_len7","_key7","readyCallback","ga","optionsOrName","category","label","transport","fieldObject","reset","protoProps","staticProps","_default","_window","_ga","nodeInterop","_getRequireWildcardCache","newObj","hasPropertyDescriptor","desc","_interopRequireWildcard","cacheBabelInterop","cacheNodeInterop","BASE","BODY","HEAD","HTML","LINK","META","NOSCRIPT","SCRIPT","STYLE","TITLE","FRAGMENT","rel","charset","accesskey","class","contenteditable","contextmenu","itemprop","tabindex","reverse","cssText","toComponent","titleAttributes","baseTag","bodyAttributes","encode","htmlAttributes","noscriptTags","styleTags","linkTags","metaTags","scriptTags","prioritizeSeoTags","priorityMethods","noscript","instances","setHelmet","helmet","helmetInstances","canUseDOM","encodeSpecialCharacters","helmetData","Provider","head","querySelector","styleSheet","isEqualNode","oldTags","newTags","getElementsByTagName","getAttribute","onChangeClientState","rendered","emitChange","defer","cancelAnimationFrame","requestAnimationFrame","mapNestedChildrenToProps","flattenArrayTypeChildren","arrayTypeChildren","newChildProps","nestedChildren","mapObjectTypeChildren","newProps","mapArrayTypeChildrenToProps","warnOnInvalidChildren","mapChildrenToProps","Consumer","defaultTitle","titleTemplate","DataRouterContext","React","DataRouterStateContext","AwaitContext","NavigationContext","LocationContext","RouteContext","outlet","isDataRoute","RouteErrorContext","useInRouterContext","useLocation","UNSAFE_invariant","useIsomorphicLayoutEffect","static","useNavigate","router","useDataRouterContext","DataRouterHook","UseNavigateStable","useCurrentRouteId","DataRouterStateHook","activeRef","navigate","fromRouteId","useNavigateStable","dataRouterContext","_React$useContext3","navigator","routePathnamesJson","UNSAFE_getPathContributingMatches","relative","useNavigateUnstable","useParams","routeMatch","useRoutesImpl","dataRouterState","parentMatches","parentParams","parentPathnameBase","locationFromContext","_parsedLocationArg$pa","parsedLocationArg","renderedMatches","_renderMatches","navigationType","DefaultErrorComponent","_state$errors","useDataRouterState","UseRouteError","routeId","errors","useRouteError","lightgrey","preStyles","padding","backgroundColor","fontStyle","defaultErrorElement","RenderErrorBoundary","_React$Component","revalidation","errorInfo","routeContext","RenderedRoute","staticContext","errorElement","ErrorBoundary","_deepestRenderedBoundaryId","_dataRouterState2","_dataRouterState","errorIndex","findIndex","reduceRight","getChildren","hookName","ctx","useRouteContext","thisRoute","AwaitRenderStatus","Route","_props","Router","_ref5","_ref5$basename","basenameProp","_ref5$children","locationProp","_ref5$navigationType","_ref5$static","staticProp","navigationContext","_locationProp","_locationProp$pathnam","_locationProp$search","_locationProp$hash","_locationProp$state","_locationProp$key","locationContext","trailingPathname","Routes","_ref6","createRoutesFromChildren","neverSettledPromise","treePath","loader","hasErrorBoundary","shouldRevalidate","handle","lazy","__self","__source","jsx","jsxs","setState","forceUpdate","_status","_result","Children","count","only","PureComponent","cloneElement","_currentValue2","_threadCount","_defaultValue","_globalName","createFactory","createRef","forwardRef","isValidElement","startTransition","unstable_act","sortIndex","performance","setImmediate","startTime","expirationTime","priorityLevel","scheduling","isInputPending","MessageChannel","port2","port1","onmessage","postMessage","unstable_Profiling","unstable_continueExecution","unstable_forceFrameRate","unstable_getFirstCallbackNode","unstable_next","unstable_pauseExecution","unstable_runWithPriority","delay","unstable_wrapCallback","objA","objB","compareContext","keysA","keysB","bHasOwnProperty","valueA","valueB","_assertThisInitialized","ReferenceError","asyncGeneratorStep","_asyncToGenerator","_next","_throw","assertThisInitialized","_getPrototypeOf","__proto__","_isNativeReflectConstruct","Boolean","_objectSpread2","_regeneratorRuntime","asyncIterator","toStringTag","wrap","Generator","Context","makeInvokeMethod","tryCatch","GeneratorFunction","GeneratorFunctionPrototype","defineIteratorMethods","_invoke","AsyncIterator","invoke","__await","callInvokeWithMethodAndArg","method","delegate","maybeInvokeDelegate","sent","_sent","dispatchException","abrupt","resultName","nextLoc","pushTryEntry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","resetTryEntry","completion","isGeneratorFunction","mark","awrap","stop","rval","complete","finish","delegateYield","_setPrototypeOf","arrayLikeToArray","toPropertyKey","_taggedTemplateLiteral","freeze","raw","StyleSheet","_insertTag","before","tags","insertionPoint","prepend","container","isSpeedy","speedy","ctr","_proto","nodes","insert","rule","createStyleElement","sheet","styleSheets","ownerNode","sheetForTag","insertRule","cssRules","process","flush","replacement","indexof","charat","charCodeAt","begin","strlen","sizeof","append","line","column","position","character","characters","root","parent","copy","peek","caret","alloc","dealloc","delimit","delimiter","whitespace","escaping","commenter","identifier","MS","MOZ","WEBKIT","COMMENT","RULESET","DECLARATION","KEYFRAMES","serialize","compile","rules","rulesets","pseudo","points","declarations","atrule","previous","variable","scanning","ampersand","reference","comment","declaration","ruleset","post","identifierWithPointTracking","getRules","parsed","toRules","fixedElements","compat","isImplicitRule","parentRules","removeLabel","defaultStylisPlugins","combine","createCache","ssrStyles","stylisPlugins","_insert","inserted","nodesToHydrate","attrib","currentSheet","finalizingPlugins","serializer","collection","middleware","selector","serialized","shouldCache","styles","registered","getRegisteredStyles","registeredStyles","rawClassName","registerStyles","isStringTag","insertStyles","unitlessKeys","msGridRow","msGridRowSpan","msGridColumn","msGridColumnSpan","WebkitLineClamp","memoize","hyphenateRegex","animationRegex","isCustomProperty","isProcessableValue","processStyleName","styleName","processStyleValue","cursor","unitless","handleInterpolation","mergedProps","interpolation","__emotion_styles","anim","interpolated","createStringFromObject","previousCursor","cached","labelPattern","serializeStyles","stringMode","strings","identifierName","str","hashString","useInsertionEffectAlwaysWithSyncFallback","EmotionCacheContext","HTMLElement","withEmotionCache","ThemeContext","typePropName","Insertion","Emotion$1","cssProp","css","WrappedComponent","ReactJSXRuntime","Emotion","createEmotionProps","keyframes","insertable","classnames","cls","toAdd","serializedArr","ClassNames","content","cx","merge","theme","ele","observerMap","RootIds","rootId","unsupportedValue","optionsToId","observe","fallbackInView","IntersectionObserver","bounds","getBoundingClientRect","isIntersecting","intersectionRatio","boundingClientRect","intersectionRect","rootBounds","_createObserver","elements","observer","entry","inView","trackVisibility","isVisible","createObserver","callbacks","unobserve","disconnect","InView","__publicField","triggerOnce","skip","initialInView","observeNode","isPlainChildren","onChange","prevProps","rootMargin","_this$props","_unobserveCb","handleChange","_this$state","handleNode","_this$props2","useInView","_React2$useState","React2","_React2$useState2","setRef","_React2$useState3","_React2$useState4","entryTarget","previousEntryTarget","fadeIn","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","fadeInBottomLeft","_templateObject15","fadeInBottomRight","_templateObject16","fadeInDown","_templateObject17","fadeInDownBig","_templateObject18","fadeInLeft","_templateObject19","fadeInLeftBig","_templateObject20","fadeInRight","_templateObject21","fadeInRightBig","_templateObject22","fadeInTopLeft","_templateObject23","fadeInTopRight","_templateObject24","fadeInUp","_templateObject25","fadeInUpBig","_templateObject26","matchIf","onTrue","onFalse","matchIfOrNull","hideWhen","Reveal","_props$cascade","cascade","_props$damping","damping","_props$delay","_props$duration","_props$fraction","fraction","_props$keyframes","_props$triggerOnce","childClassName","childStyle","onVisibilityChange","animationStyles","_ref$duration","_ref$delay","_ref$timingFunction","timingFunction","_ref$keyframes","_ref$iterationCount","iterationCount","_templateObject27","getAnimationCss","TextReveal","FragmentReveal","nodeDelay","_ref3","animationDelay","textBaseStyles","whiteSpace","_props$cascade2","_props$damping2","_props$delay2","_props$duration2","_props$fraction2","_props$triggerOnce2","_useInView","_props$fraction3","_props$triggerOnce3","_useInView2","_templateObject28","_templateObject29","_templateObject30","_templateObject31","_templateObject32","_templateObject33","_templateObject34","_templateObject35","_templateObject36","_templateObject37","fadeOut","_templateObject38","fadeOutBottomLeft","_templateObject39","fadeOutBottomRight","_templateObject40","fadeOutDown","_templateObject41","fadeOutDownBig","_templateObject42","fadeOutLeft","_templateObject43","fadeOutLeftBig","_templateObject44","fadeOutRight","_templateObject45","fadeOutRightBig","_templateObject46","fadeOutTopLeft","_templateObject47","fadeOutTopRight","_templateObject48","fadeOutUp","_templateObject49","fadeOutUpBig","_templateObject50","Fade","_props$big","big","_props$reverse2","getStyles$5","_templateObject51","_templateObject52","_templateObject53","_templateObject54","_templateObject55","_templateObject56","_templateObject57","_templateObject58","_templateObject59","_templateObject60","_templateObject61","_templateObject62","_templateObject63","_templateObject64","_templateObject65","_templateObject66","_templateObject67","_templateObject68","_templateObject69","_templateObject70","_templateObject71","_templateObject72","_templateObject73","_templateObject74","_templateObject75","_templateObject76","_templateObject77","zoomIn","_templateObject78","zoomInDown","_templateObject79","zoomInLeft","_templateObject80","zoomInRight","_templateObject81","zoomInUp","_templateObject82","zoomOut","_templateObject83","zoomOutDown","_templateObject84","zoomOutLeft","_templateObject85","zoomOutRight","_templateObject86","zoomOutUp","_templateObject87","Zoom","_props$reverse7","_excluded9","getStyles","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","loaded","__webpack_modules__","leafPrototypes","getProto","ns","def","definition","chunkId","all","promises","miniCssF","globalThis","inProgress","dataWebpackPrefix","needAttach","scripts","timeout","nc","onScriptComplete","onerror","onload","doneFns","nmd","loadStylesheet","reject","fullhref","existingLinkTags","dataHref","existingStyleTags","findStylesheet","oldTag","linkTag","errorType","realHref","request","createStylesheet","installedCssChunks","miniCss","installedChunks","installedChunkData","promise","realSrc","webpackJsonpCallback","parentChunkLoadingFunction","chunkIds","moreModules","runtime","chunkLoadingGlobal","self","startTransitionImpl","BrowserRouter","historyRef","_React$useState","_React$useState2","setStateImpl","v7_startTransition","newState","_useState","getCurrentDimension","_useState2","screenSize","setScreenSize","innerWidth","innerHeight","updateDimension","_useState3","_useState4","setCnt","nested","mouseLeaveInner","subnav","closest","_Fragment","_jsxs","onMouseEnter","parentElement","nestWrapper","offsetHeight","classList","onMouseLeave","optionsSupported","onceSupported","once","eventName","handler","wrappedHandler","__once","onceHandler","scrollbarSize","recalc","scrollDiv","offsetWidth","clientWidth","useEventCallback","useCommittedRef","toFnRef","refA","refB","mergeRefs","useWillUnmount","onUnmount","valueRef","useUpdatedRef","getComputedStyle","psuedoElement","doc","ownerWindow","rUpper","msPattern","hyphenateStyleName","hyphenate","supportedTransforms","transforms","getPropertyValue","isTransform","removeProperty","emulateTransitionEnd","called","createEvent","initEvent","triggerEvent","transitionEnd","mult","parseDuration","removeEmulate","active","OPEN_DATA_ATTRIBUTE","ModalManager","_ref$handleContainerO","handleContainerOverflow","_ref$isRTL","isRTL","modals","getBodyScrollbarWidth","_modal","containerState","paddingProp","getElement","scrollBarWidth","modal","modalIdx","setModalAttributes","getScrollbarWidth","setContainerStyle","removeContainerStyle","removeModalAttributes","useWindow","resolveContainerRef","isReactNative","global","product","inProp","in","onExited","mountOnEnter","unmountOnExit","hasEnteredRef","handleExited","combinedRef","useMergedRefs","useRTGTransitionProps","onEnter","onEntering","onEntered","onExit","onExiting","addEndListener","childRef","major","minor","patch","getReactVersion","nodeRef","mergedRef","normalize","handleEnter","handleEntering","handleEntered","handleExit","handleExiting","handleAddEndListener","innerProps","transitionProps","ImperativeTransition","exited","setExited","onTransition","isInitialRef","handleTransition","useIsomorphicEffect","stale","initial","isStale","renderTransition","runTransition","RTGTransition","NoopTransition","manager","useModalManager","provided","modalManager","getManager","dialog","backdrop","isTopModal","setDialogRef","setBackdropRef","Modal","_ref$show","show","_ref$role","role","_ref$backdrop","_ref$keyboard","keyboard","onBackdropClick","onEscapeKeyDown","backdropTransition","runBackdropTransition","_ref$autoFocus","_ref$enforceFocus","enforceFocus","_ref$restoreFocus","restoreFocus","restoreFocusOptions","renderDialog","_ref$renderBackdrop","renderBackdrop","providedManager","containerRef","onShow","_ref$onHide","onHide","onResolved","resolvedRef","earlyRef","nextRef","useWaitForDOMRef","mounted","useMounted","prevShow","usePrevious","lastFocusRef","handleShow","removeKeydownListenerRef","handleDocumentKeyDown","removeFocusListenerRef","handleEnforceFocus","_modal$dialog$ownerDo","_modal$dialog","currentActiveElement","handleHide","_lastFocusRef$current","handleBackdropClick","isEscKey","dialogProps","tabIndex","appear","backdropElement","ReactDOM","Manager","_get","qsa","replaceClassName","origClass","classToRemove","sharedManager","Selector","BootstrapModalManager","_ModalManager","adjust","actual","baseVal","hasClass","marginProp","adjustAndStore","_this2","restore","UNMOUNTED","EXITED","ENTERING","ENTERED","EXITING","Transition","initialStatus","isMounting","enter","appearStatus","nextCallback","prevState","updateStatus","nextStatus","cancelNextCallback","getTimeouts","exit","mounting","forceReflow","performEnter","performExit","appearing","maybeNode","maybeAppearing","timeouts","enterTimeout","safeSetState","onTransitionEnd","_this3","cancel","nextState","setNextCallback","_this4","doesNotHaveTimeoutOrListener","maybeNextCallback","childProps","TransitionGroupContext","noop","transitionEndListener","attachRef","componentOrElement","fadeStyles","_fadeStyles","_ref$transitionClasse","transitionClasses","isAppearing","triggerBrowserReflow","TransitionWrapper","DEFAULT_BREAKPOINTS","prefixes","breakpoints","minBreakpoint","useBootstrapPrefix","defaultPrefix","ModalBody","bsPrefix","_ref$as","ModalDialog","contentClassName","centered","fullscreen","scrollable","dialogClass","fullScreenClass","ModalFooter","variant","CloseButton","_ref$ariaLabel","ariaLabel","_ref$closeLabel","closeLabel","closeVariant","_ref$closeButton","closeButton","ModalContext","handleClick","ModalHeader","AbstractModalHeader","DivStyledAsH4","ModalTitle","DialogTransition","BackdropTransition","dialogClassName","_ref$dialogAs","dialogAs","Dialog","dataBsTheme","ariaLabelledby","ariaDescribedby","_ref$animation","backdropClassName","propsManager","modalStyle","setStyle","animateStaticModal","setAnimateStaticModal","waitingForMouseUpRef","ignoreBackdropClickRef","removeStaticModalAnimationRef","_useCallbackRef","_useCallbackRef2","setModalRef","modalContext","getModalManager","getSharedManager","updateDialogStyle","containerIsOverflowing","modalIsOverflowing","scrollHeight","clientHeight","paddingRight","getScrollbarSize","paddingLeft","handleWindowResize","handleDialogMouseDown","handleMouseUp","handleStaticModalAnimation","handleStaticBackdropClick","backdropProps","baseModalStyle","BaseModal","onMouseUp","onMouseDown","Body","Header","Title","Footer","TRANSITION_DURATION","BACKDROP_TRANSITION_DURATION","_useAppContext","isPageLight","setIsPageLight","setShow","setStickyClass","openNav","setOpenNav","handleClose","toggleNav","stickNavbar","windowHeight","scrollY","logo","alt","logoBlue","NavItem","xmlns","fill","allow","frameborder","Delayed","hidden","waitBeforeShow","isShown","contact_bg1","contact_fig","icon_fb","icon_li","srcSet","footer_bg1","toInteger","dirtyNumber","requiredArgs","argument","argStr","Contact","loading","setLoading","iframeIsMounted","setIframeIsMounted","myFrame","getElementById","_useState5","dirtyDate","dirtyHours","setHours","dirtyMinutes","setMinutes","setDate","_useState6","Helmet","tile","onLoad","border","allowtransparency","ThankYou","queryString","urlParams","URLSearchParams","contact","getElementsByClassName","envelope","NewsAndArticles","articles","setArticles","getAllArticles","_callee","fetch","response","slug","bannertile","banner1","list","thumbnail","details","Article","articleContent","setArticleContent","getArticleDetails","articleTitle","articleFetch","article","divElement","firstArticle","template","contentElements","t0","Product","roam_schemaOrgJSONLD","bizconnect_schemaOrgJSONLD","cxboost_schemaOrgJSONLD","click2call_schemaOrgJSONLD","link_schemaOrgJSONLD","IndustriesSolutions","isOpen1","setIsOpen1","_useState7","_useState8","isOpen2","setIsOpen2","_useState9","_useState10","isOpen3","setIsOpen3","_useState11","_useState12","isOpen4","setIsOpen4","_useState13","_useState14","isOpen5","setIsOpen5","toggleSection1","toggleSection2","toggleSection3","toggleSection4","toggleSection5","solutions003","minus","plus","solutions002","solutions004","solutions001","solutions005","ReferralForm","overlayLoading","setOverlayLoading","_handleSubmit","inputs","emailRegex","phoneRegex","formData","validated","errMessage","FormData","addError","headers","referralCode","toast","info","autoClose","hideProgressBar","closeOnClick","pauseOnHover","draggable","progress","Bounce","onkeydown","referralImage","placeholder","onKeyPress","handleSubmit","ToastContainer","RefereeForm","download","PartnerProgramSignUpForm","isOthersShown","setIsOthersShown","handleSelectChange","ReferralAgreement","gridTemplateColumns","textIndent","OptionGenerator","rows","cols","readOnly","converterInput","converterOutput","LeadsGen","Home","PageNotFound","Privacy","reactGA","send","reactgA","Thankyou","ConditionalWrapper","wrapper","SAME_SITE_OPTIONS","POSITION_OPTIONS","VISIBILITY_OPTIONS","defaultCookieConsentName","defaultCookieConsentProps","disableStyles","hideOnAccept","hideOnDecline","visible","onAccept","_acceptedByScrolling","onDecline","cookieName","cookieValue","declineCookieValue","setDeclineCookie","buttonText","declineButtonText","debug","containerClasses","contentClasses","buttonClasses","buttonWrapperClasses","declineButtonClasses","buttonId","declineButtonId","extraCookieOptions","disableButtonStyles","enableDeclineButton","flipButtons","sameSite","LAX","ButtonComponent","overlay","overlayClasses","onOverlayClick","acceptOnOverlayClick","ariaAcceptLabel","ariaDeclineLabel","acceptOnScroll","acceptOnScrollPercentage","customContentAttributes","customContainerAttributes","customButtonProps","customDeclineButtonProps","customButtonWrapperAttributes","buttonStyle","declineButtonStyle","contentStyle","overlayStyle","defaultState","alignItems","background","flexWrap","justifyContent","borderRadius","boxShadow","margin","getLegacyCookieName","CookieConsent","_Component","handleScroll","rootNode","accept","removeScrollListener","getCookieValue","acceptedByScrolling","setCookie","overlayClick","decline","_this$props3","_this$props4","cookieSecurity","protocol","cookieOptions","secure","NONE","getCookieConsentValue","_this$props5","myStyle","myButtonStyle","myDeclineButtonStyle","myContentStyle","myOverlayStyle","bottom","buttonsToRender","ReactGA","initialize","windowSize","viewport","AppRoutes","onPerfEntry","getCLS","getFID","getFCP","getLCP","getTTFB","HelmetProvider","App","reportWebVitals"],"sourceRoot":""}