{children}
;\r\n};\r\n\r\nexport const ModalHeading = ({ children }: { children: React.ReactNode }) => {\r\n return {children}
;\r\n};\r\n\r\nexport const ModalHeader = ({ children }: { children: React.ReactNode }) => {\r\n return (\r\n\r\n
\r\n );\r\n};\r\n\r\nexport const ModalText = ({ children }: { children: React.ReactNode }) => {\r\n return {children}
\r\n{children}
;\r\n};\r\n\r\nexport enum ModalButtonsDirection {\r\n Row,\r\n Column\r\n}\r\n\r\ninterface IModalButtonsProps {\r\n children: React.ReactNode;\r\n direction?: ModalButtonsDirection;\r\n}\r\n\r\nexport const ModalButtons = (props: IModalButtonsProps) => {\r\n const direction = `Modal__Buttons--${ModalButtonsDirection[props.direction || ModalButtonsDirection.Row]}`;\r\n\r\n return{props.children}
;\r\n};\r\n\r\nexport const ModalError = ({ children }: { children: string }) => {\r\n return {children};\r\n};\r\n","import requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name toDate\n * @category Common Helpers\n * @summary Convert the given argument to an instance of Date.\n *\n * @description\n * Convert the given argument to an instance of Date.\n *\n * If the argument is an instance of Date, the function returns its clone.\n *\n * If the argument is a number, it is treated as a timestamp.\n *\n * If the argument is none of the above, the function returns Invalid Date.\n *\n * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.\n *\n * @param {Date|Number} argument - the value to convert\n * @returns {Date} the parsed date in the local time zone\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Clone the date:\n * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))\n * //=> Tue Feb 11 2014 11:30:30\n *\n * @example\n * // Convert the timestamp to date:\n * const result = toDate(1392098430000)\n * //=> Tue Feb 11 2014 11:30:30\n */\n\nexport default function toDate(argument) {\n requiredArgs(1, arguments);\n var argStr = Object.prototype.toString.call(argument); // Clone the date\n\n if (argument instanceof Date || typeof argument === 'object' && argStr === '[object Date]') {\n // Prevent the date to lose the milliseconds when passed to new Date() in IE10\n return new Date(argument.getTime());\n } else if (typeof argument === 'number' || argStr === '[object Number]') {\n return new Date(argument);\n } else {\n if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {\n // eslint-disable-next-line no-console\n console.warn(\"Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://git.io/fjule\"); // eslint-disable-next-line no-console\n\n console.warn(new Error().stack);\n }\n\n return new Date(NaN);\n }\n}","// Current version.\nexport var VERSION = '1.13.2';\n\n// Establish the root object, `window` (`self`) in the browser, `global`\n// on the server, or `this` in some virtual machines. We use `self`\n// instead of `window` for `WebWorker` support.\nexport var root = typeof self == 'object' && self.self === self && self ||\n typeof global == 'object' && global.global === global && global ||\n Function('return this')() ||\n {};\n\n// Save bytes in the minified (but not gzipped) version:\nexport var ArrayProto = Array.prototype, ObjProto = Object.prototype;\nexport var SymbolProto = typeof Symbol !== 'undefined' ? Symbol.prototype : null;\n\n// Create quick reference variables for speed access to core prototypes.\nexport var push = ArrayProto.push,\n slice = ArrayProto.slice,\n toString = ObjProto.toString,\n hasOwnProperty = ObjProto.hasOwnProperty;\n\n// Modern feature detection.\nexport var supportsArrayBuffer = typeof ArrayBuffer !== 'undefined',\n supportsDataView = typeof DataView !== 'undefined';\n\n// All **ECMAScript 5+** native function implementations that we hope to use\n// are declared here.\nexport var nativeIsArray = Array.isArray,\n nativeKeys = Object.keys,\n nativeCreate = Object.create,\n nativeIsView = supportsArrayBuffer && ArrayBuffer.isView;\n\n// Create references to these builtin functions because we override them.\nexport var _isNaN = isNaN,\n _isFinite = isFinite;\n\n// Keys in IE < 9 that won't be iterated by `for key in ...` and thus missed.\nexport var hasEnumBug = !{toString: null}.propertyIsEnumerable('toString');\nexport var nonEnumerableProps = ['valueOf', 'isPrototypeOf', 'toString',\n 'propertyIsEnumerable', 'hasOwnProperty', 'toLocaleString'];\n\n// The largest integer that can be represented exactly.\nexport var MAX_ARRAY_INDEX = Math.pow(2, 53) - 1;\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' &&\n Symbol.for &&\n Symbol.for('react.element')) ||\n 0xeac7;\n\n var isValidElement = function(object) {\n return typeof object === 'object' &&\n object !== null &&\n object.$$typeof === REACT_ELEMENT_TYPE;\n };\n\n // By explicitly using `prop-types` you are opting into new development behavior.\n // http://fb.me/prop-types-in-prod\n var throwOnDirectAccess = true;\n module.exports = require('./factoryWithTypeCheckers')(isValidElement, throwOnDirectAccess);\n} else {\n // By explicitly using `prop-types` you are opting into new production behavior.\n // http://fb.me/prop-types-in-prod\n module.exports = require('./factoryWithThrowingShims')();\n}\n","export default function toInteger(dirtyNumber) {\n if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {\n return NaN;\n }\n\n var number = Number(dirtyNumber);\n\n if (isNaN(number)) {\n return number;\n }\n\n return number < 0 ? Math.ceil(number) : Math.floor(number);\n}","var EcomMessageSender = /** @class */ (function () {\n function EcomMessageSender(targetOrigin) {\n this.targetOrigin = targetOrigin;\n }\n EcomMessageSender.create = function (targetOrigin) {\n return new EcomMessageSender(targetOrigin);\n };\n EcomMessageSender.prototype.sendMessage = function (message) {\n window.parent.postMessage(message, this.targetOrigin);\n };\n return EcomMessageSender;\n}());\nexport { EcomMessageSender };\n","export var IFrameMessageCallbackType;\n(function (IFrameMessageCallbackType) {\n IFrameMessageCallbackType[IFrameMessageCallbackType[\"RefreshRelatives\"] = 1] = \"RefreshRelatives\";\n IFrameMessageCallbackType[IFrameMessageCallbackType[\"RelativesLoadingFailed\"] = 2] = \"RelativesLoadingFailed\";\n IFrameMessageCallbackType[IFrameMessageCallbackType[\"RefreshPrescriptions\"] = 3] = \"RefreshPrescriptions\";\n IFrameMessageCallbackType[IFrameMessageCallbackType[\"ApplyFilters\"] = 4] = \"ApplyFilters\";\n IFrameMessageCallbackType[IFrameMessageCallbackType[\"ResetFilters\"] = 5] = \"ResetFilters\";\n})(IFrameMessageCallbackType || (IFrameMessageCallbackType = {}));\n","var IframeMessageReceiver = /** @class */ (function () {\n function IframeMessageReceiver(expectedOrigin, receivers) {\n this.expectedOrigin = expectedOrigin;\n this.receivers = receivers;\n this.messageEventListener = this.messageEventListener.bind(this);\n window.addEventListener('message', this.messageEventListener, false);\n }\n IframeMessageReceiver.create = function (expectedOrigin, receivers) {\n return new IframeMessageReceiver(expectedOrigin, receivers);\n };\n IframeMessageReceiver.prototype.dispose = function () {\n window.removeEventListener('message', this.messageEventListener);\n };\n IframeMessageReceiver.prototype.messageEventListener = function (event) {\n if (process.env.NODE_ENV !== 'development' && event.origin !== this.expectedOrigin) {\n return;\n }\n if (event.data.type in this.receivers) {\n this.receivers[event.data.type](event.data);\n }\n };\n return IframeMessageReceiver;\n}());\nexport { IframeMessageReceiver };\n","export var MessageType;\n(function (MessageType) {\n MessageType[MessageType[\"INVALID\"] = 0] = \"INVALID\";\n MessageType[MessageType[\"REDIRECT\"] = 1] = \"REDIRECT\";\n MessageType[MessageType[\"SET_HEIGHT\"] = 2] = \"SET_HEIGHT\";\n MessageType[MessageType[\"SCROLL_TO_TOP\"] = 3] = \"SCROLL_TO_TOP\";\n MessageType[MessageType[\"STORE_SCROLL_POSITION\"] = 4] = \"STORE_SCROLL_POSITION\";\n MessageType[MessageType[\"RESTORE_SCROLL_POSITION\"] = 5] = \"RESTORE_SCROLL_POSITION\";\n MessageType[MessageType[\"UPDATE_CART\"] = 6] = \"UPDATE_CART\";\n MessageType[MessageType[\"SHOW_MODAL\"] = 7] = \"SHOW_MODAL\";\n MessageType[MessageType[\"SET_HEIGHT_IN_MODAL\"] = 8] = \"SET_HEIGHT_IN_MODAL\";\n MessageType[MessageType[\"CLOSE_MODAL\"] = 9] = \"CLOSE_MODAL\";\n MessageType[MessageType[\"GENERIC_IFRAME_MESSAGE\"] = 10] = \"GENERIC_IFRAME_MESSAGE\";\n MessageType[MessageType[\"UPDATE_BREADCRUMBS\"] = 11] = \"UPDATE_BREADCRUMBS\";\n MessageType[MessageType[\"NAVIGATED\"] = 12] = \"NAVIGATED\";\n MessageType[MessageType[\"VIEW_CHANGED\"] = 13] = \"VIEW_CHANGED\";\n MessageType[MessageType[\"RX_REMOVED_FROM_CART\"] = 14] = \"RX_REMOVED_FROM_CART\";\n MessageType[MessageType[\"QUANTITY_CHANGE_REASON\"] = 15] = \"QUANTITY_CHANGE_REASON\";\n MessageType[MessageType[\"SET_ERROR\"] = 16] = \"SET_ERROR\";\n MessageType[MessageType[\"ESCAPE_KEY_PRESSED\"] = 17] = \"ESCAPE_KEY_PRESSED\";\n MessageType[MessageType[\"REDIRECT_TO_ERROR_PAGE\"] = 18] = \"REDIRECT_TO_ERROR_PAGE\";\n MessageType[MessageType[\"MODIFY_MODAL_SWIPEABLE_OVERLAY\"] = 19] = \"MODIFY_MODAL_SWIPEABLE_OVERLAY\";\n MessageType[MessageType[\"MODAL_CLOSED\"] = 20] = \"MODAL_CLOSED\";\n MessageType[MessageType[\"REQUEST_FOR_FOCUS_OUTSIDE_IFRAME\"] = 21] = \"REQUEST_FOR_FOCUS_OUTSIDE_IFRAME\";\n MessageType[MessageType[\"MOVE_FOCUS_INTO_IFRAME\"] = 22] = \"MOVE_FOCUS_INTO_IFRAME\";\n MessageType[MessageType[\"SHOW_DOWNLOAD_PRESCRIPTION_HISTORY_BUTTON\"] = 23] = \"SHOW_DOWNLOAD_PRESCRIPTION_HISTORY_BUTTON\";\n MessageType[MessageType[\"DOWNLOAD_PRESCRIPTION_HISTORY\"] = 24] = \"DOWNLOAD_PRESCRIPTION_HISTORY\";\n MessageType[MessageType[\"SET_DATE\"] = 25] = \"SET_DATE\";\n // this value is used for new message badge, if you need to change it\n // update also value in unread-messages-badge.html\n MessageType[MessageType[\"NEW_MESSAGE\"] = 999] = \"NEW_MESSAGE\";\n})(MessageType || (MessageType = {}));\n","var IFrameMessageSender = /** @class */ (function () {\n function IFrameMessageSender(targetOrigin, iFrameRef) {\n this.targetOrigin = targetOrigin;\n this.iFrameRef = iFrameRef;\n }\n IFrameMessageSender.create = function (targetOrigin, iFrameRef) {\n return new IFrameMessageSender(targetOrigin, iFrameRef);\n };\n IFrameMessageSender.prototype.sendMessage = function (message) {\n if (this.iFrameRef.current != null) {\n this.iFrameRef.current.contentWindow.postMessage(message, this.targetOrigin);\n }\n };\n return IFrameMessageSender;\n}());\nexport { IFrameMessageSender };\n","var Message = /** @class */ (function () {\n function Message(type) {\n this.type = type;\n }\n return Message;\n}());\nexport { Message };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar CloseModalMessage = /** @class */ (function (_super) {\n __extends(CloseModalMessage, _super);\n function CloseModalMessage(value) {\n var _this = _super.call(this, MessageType.CLOSE_MODAL) || this;\n _this.value = value;\n return _this;\n }\n return CloseModalMessage;\n}(Message));\nexport { CloseModalMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nexport var RedirectTarget;\n(function (RedirectTarget) {\n RedirectTarget[RedirectTarget[\"PHIL_LOGIN\"] = 0] = \"PHIL_LOGIN\";\n RedirectTarget[RedirectTarget[\"USER_TRIGGERED_PHIL_LOGIN\"] = 1] = \"USER_TRIGGERED_PHIL_LOGIN\";\n RedirectTarget[RedirectTarget[\"SUPPORT_PAGE\"] = 2] = \"SUPPORT_PAGE\";\n RedirectTarget[RedirectTarget[\"PRESCRIPTION_LIST\"] = 3] = \"PRESCRIPTION_LIST\";\n RedirectTarget[RedirectTarget[\"ECOM_LOGIN_THEN_ADD_PRODUCT_TO_CART\"] = 4] = \"ECOM_LOGIN_THEN_ADD_PRODUCT_TO_CART\";\n RedirectTarget[RedirectTarget[\"ECOM_AND_PHIL_LOGIN\"] = 5] = \"ECOM_AND_PHIL_LOGIN\";\n RedirectTarget[RedirectTarget[\"ECOM_LOGIN\"] = 6] = \"ECOM_LOGIN\";\n})(RedirectTarget || (RedirectTarget = {}));\nvar RedirectMessage = /** @class */ (function (_super) {\n __extends(RedirectMessage, _super);\n function RedirectMessage(target, location, purchaseRequestKey) {\n var _this = _super.call(this, MessageType.REDIRECT) || this;\n _this.target = target;\n _this.location = location;\n _this.purchaseRequestKey = purchaseRequestKey;\n return _this;\n }\n return RedirectMessage;\n}(Message));\nexport { RedirectMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar DownloadPrescriptionHistoryMessage = /** @class */ (function (_super) {\n __extends(DownloadPrescriptionHistoryMessage, _super);\n function DownloadPrescriptionHistoryMessage() {\n return _super.call(this, MessageType.DOWNLOAD_PRESCRIPTION_HISTORY) || this;\n }\n return DownloadPrescriptionHistoryMessage;\n}(Message));\nexport { DownloadPrescriptionHistoryMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar DynamicHeightInModalMessage = /** @class */ (function (_super) {\n __extends(DynamicHeightInModalMessage, _super);\n function DynamicHeightInModalMessage(size) {\n var _this = _super.call(this, MessageType.SET_HEIGHT_IN_MODAL) || this;\n _this.size = size;\n return _this;\n }\n return DynamicHeightInModalMessage;\n}(Message));\nexport { DynamicHeightInModalMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar DynamicHeightMessage = /** @class */ (function (_super) {\n __extends(DynamicHeightMessage, _super);\n function DynamicHeightMessage(size) {\n var _this = _super.call(this, MessageType.SET_HEIGHT) || this;\n _this.size = size;\n return _this;\n }\n return DynamicHeightMessage;\n}(Message));\nexport { DynamicHeightMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar EscapeKeyPressedMessage = /** @class */ (function (_super) {\n __extends(EscapeKeyPressedMessage, _super);\n function EscapeKeyPressedMessage() {\n return _super.call(this, MessageType.ESCAPE_KEY_PRESSED) || this;\n }\n return EscapeKeyPressedMessage;\n}(Message));\nexport { EscapeKeyPressedMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar GenericIFrameMessage = /** @class */ (function (_super) {\n __extends(GenericIFrameMessage, _super);\n function GenericIFrameMessage(value) {\n var _this = _super.call(this, MessageType.GENERIC_IFRAME_MESSAGE) || this;\n _this.value = value;\n return _this;\n }\n return GenericIFrameMessage;\n}(Message));\nexport { GenericIFrameMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar ModalClosedMessage = /** @class */ (function (_super) {\n __extends(ModalClosedMessage, _super);\n function ModalClosedMessage() {\n return _super.call(this, MessageType.MODAL_CLOSED) || this;\n }\n return ModalClosedMessage;\n}(Message));\nexport { ModalClosedMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar ModifyModalSwipeableOverlayMessage = /** @class */ (function (_super) {\n __extends(ModifyModalSwipeableOverlayMessage, _super);\n function ModifyModalSwipeableOverlayMessage(makeFullWidth) {\n var _this = _super.call(this, MessageType.MODIFY_MODAL_SWIPEABLE_OVERLAY) || this;\n _this.makeFullWidth = makeFullWidth;\n return _this;\n }\n return ModifyModalSwipeableOverlayMessage;\n}(Message));\nexport { ModifyModalSwipeableOverlayMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar MoveFocusIntoIframeMessage = /** @class */ (function (_super) {\n __extends(MoveFocusIntoIframeMessage, _super);\n function MoveFocusIntoIframeMessage(atBeginning) {\n var _this = _super.call(this, MessageType.MOVE_FOCUS_INTO_IFRAME) || this;\n _this.atBeginning = atBeginning;\n return _this;\n }\n return MoveFocusIntoIframeMessage;\n}(Message));\nexport { MoveFocusIntoIframeMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar NavigatedMessage = /** @class */ (function (_super) {\n __extends(NavigatedMessage, _super);\n function NavigatedMessage(path) {\n var _this = _super.call(this, MessageType.NAVIGATED) || this;\n _this.path = path;\n return _this;\n }\n return NavigatedMessage;\n}(Message));\nexport { NavigatedMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { MessageType } from '..';\nimport { Message } from '../message';\nvar QuantityChangeReasonMessage = /** @class */ (function (_super) {\n __extends(QuantityChangeReasonMessage, _super);\n function QuantityChangeReasonMessage(reason, productSku) {\n var _this = _super.call(this, MessageType.QUANTITY_CHANGE_REASON) || this;\n _this.reason = reason;\n _this.productSku = productSku;\n return _this;\n }\n return QuantityChangeReasonMessage;\n}(Message));\nexport { QuantityChangeReasonMessage };\n","export var PhilModalTheme;\n(function (PhilModalTheme) {\n PhilModalTheme[PhilModalTheme[\"Default\"] = 0] = \"Default\";\n PhilModalTheme[PhilModalTheme[\"LightBlue\"] = 1] = \"LightBlue\";\n})(PhilModalTheme || (PhilModalTheme = {}));\n","export var PhilModalVariant;\n(function (PhilModalVariant) {\n PhilModalVariant[PhilModalVariant[\"Right\"] = 0] = \"Right\";\n PhilModalVariant[PhilModalVariant[\"Left\"] = 1] = \"Left\";\n PhilModalVariant[PhilModalVariant[\"Center\"] = 2] = \"Center\";\n})(PhilModalVariant || (PhilModalVariant = {}));\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar RedirectToErrorPageMessage = /** @class */ (function (_super) {\n __extends(RedirectToErrorPageMessage, _super);\n function RedirectToErrorPageMessage(code) {\n var _this = _super.call(this, MessageType.REDIRECT_TO_ERROR_PAGE) || this;\n _this.code = code;\n return _this;\n }\n return RedirectToErrorPageMessage;\n}(Message));\nexport { RedirectToErrorPageMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar RequestForFocusOutsideIframeMessage = /** @class */ (function (_super) {\n __extends(RequestForFocusOutsideIframeMessage, _super);\n function RequestForFocusOutsideIframeMessage(focusAfter) {\n var _this = _super.call(this, MessageType.REQUEST_FOR_FOCUS_OUTSIDE_IFRAME) || this;\n _this.focusAfter = focusAfter;\n return _this;\n }\n return RequestForFocusOutsideIframeMessage;\n}(Message));\nexport { RequestForFocusOutsideIframeMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar RestoreScrollPositionMessage = /** @class */ (function (_super) {\n __extends(RestoreScrollPositionMessage, _super);\n function RestoreScrollPositionMessage(key) {\n var _this = _super.call(this, MessageType.RESTORE_SCROLL_POSITION) || this;\n _this.key = key;\n return _this;\n }\n return RestoreScrollPositionMessage;\n}(Message));\nexport { RestoreScrollPositionMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar RxRemovedFromCartMessage = /** @class */ (function (_super) {\n __extends(RxRemovedFromCartMessage, _super);\n function RxRemovedFromCartMessage() {\n return _super.call(this, MessageType.RX_REMOVED_FROM_CART) || this;\n }\n return RxRemovedFromCartMessage;\n}(Message));\nexport { RxRemovedFromCartMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar ScrollToTopMessage = /** @class */ (function (_super) {\n __extends(ScrollToTopMessage, _super);\n function ScrollToTopMessage(useSmoothScroll) {\n if (useSmoothScroll === void 0) { useSmoothScroll = false; }\n var _this = _super.call(this, MessageType.SCROLL_TO_TOP) || this;\n _this.useSmoothScroll = useSmoothScroll;\n return _this;\n }\n return ScrollToTopMessage;\n}(Message));\nexport { ScrollToTopMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { MessageType } from '..';\nimport { Message } from '../message';\nvar SetDateMessage = /** @class */ (function (_super) {\n __extends(SetDateMessage, _super);\n function SetDateMessage(Date, isStartDate) {\n var _this = _super.call(this, MessageType.SET_DATE) || this;\n _this.Date = Date;\n _this.isStartDate = isStartDate;\n return _this;\n }\n return SetDateMessage;\n}(Message));\nexport { SetDateMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar SetErrorMessage = /** @class */ (function (_super) {\n __extends(SetErrorMessage, _super);\n function SetErrorMessage(error) {\n var _this = _super.call(this, MessageType.SET_ERROR) || this;\n _this.error = error;\n return _this;\n }\n return SetErrorMessage;\n}(Message));\nexport { SetErrorMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar ShowDownloadPrescriptionHistoryButtonMessage = /** @class */ (function (_super) {\n __extends(ShowDownloadPrescriptionHistoryButtonMessage, _super);\n function ShowDownloadPrescriptionHistoryButtonMessage(showButton) {\n var _this = _super.call(this, MessageType.SHOW_DOWNLOAD_PRESCRIPTION_HISTORY_BUTTON) || this;\n _this.showButton = showButton;\n return _this;\n }\n return ShowDownloadPrescriptionHistoryButtonMessage;\n}(Message));\nexport { ShowDownloadPrescriptionHistoryButtonMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nimport { PhilModalTheme } from '../PhilModalTheme';\nimport { PhilModalVariant } from '../PhilModalVariant';\nexport var InitialModalSize;\n(function (InitialModalSize) {\n InitialModalSize[InitialModalSize[\"Small\"] = 0] = \"Small\";\n InitialModalSize[InitialModalSize[\"Normal\"] = 1] = \"Normal\";\n InitialModalSize[InitialModalSize[\"DatePicker\"] = 2] = \"DatePicker\";\n})(InitialModalSize || (InitialModalSize = {}));\nvar ShowModalMessage = /** @class */ (function (_super) {\n __extends(ShowModalMessage, _super);\n function ShowModalMessage(variant, url, key, theme, shorterSwipeableOverlay, initialModalSize, prescriptionHistoryStyle) {\n if (variant === void 0) { variant = PhilModalVariant.Center; }\n if (key === void 0) { key = new Date().toString(); }\n if (theme === void 0) { theme = PhilModalTheme.Default; }\n if (shorterSwipeableOverlay === void 0) { shorterSwipeableOverlay = false; }\n if (initialModalSize === void 0) { initialModalSize = InitialModalSize.Normal; }\n if (prescriptionHistoryStyle === void 0) { prescriptionHistoryStyle = false; }\n var _this = _super.call(this, MessageType.SHOW_MODAL) || this;\n _this.variant = variant;\n _this.url = url;\n _this.key = key;\n _this.theme = theme;\n _this.shorterSwipeableOverlay = shorterSwipeableOverlay;\n _this.initialModalSize = initialModalSize;\n _this.prescriptionHistoryStyle = prescriptionHistoryStyle;\n return _this;\n }\n ShowModalMessage.WithShorterSwipeableOverlay = function (variant, url) {\n return new ShowModalMessage(variant, url, new Date().toString(), PhilModalTheme.Default, true);\n };\n ShowModalMessage.WithSelectedModalTheme = function (variant, url, theme) {\n return new ShowModalMessage(variant, url, new Date().toString(), theme, false);\n };\n ShowModalMessage.WithSmallInitialSize = function (variant, url) {\n return new ShowModalMessage(variant, url, new Date().toString(), PhilModalTheme.Default, false, InitialModalSize.Small);\n };\n ShowModalMessage.WithDatePickerSize = function (variant, url) {\n return new ShowModalMessage(variant, url, new Date().toString(), PhilModalTheme.Default, false, InitialModalSize.DatePicker);\n };\n ShowModalMessage.WithPrescriptionHistoryStyles = function (variant, url) {\n return new ShowModalMessage(variant, url, new Date().toString(), PhilModalTheme.Default, false, InitialModalSize.Normal, true);\n };\n ShowModalMessage.WithErrorView = function (variant) {\n return new ShowModalMessage(variant, '');\n };\n return ShowModalMessage;\n}(Message));\nexport { ShowModalMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar StoreScrollPositionMessage = /** @class */ (function (_super) {\n __extends(StoreScrollPositionMessage, _super);\n function StoreScrollPositionMessage(key) {\n var _this = _super.call(this, MessageType.STORE_SCROLL_POSITION) || this;\n _this.key = key;\n return _this;\n }\n return StoreScrollPositionMessage;\n}(Message));\nexport { StoreScrollPositionMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar UpdateBreadcrumbsMessage = /** @class */ (function (_super) {\n __extends(UpdateBreadcrumbsMessage, _super);\n function UpdateBreadcrumbsMessage(breadcrumbs) {\n var _this = _super.call(this, MessageType.UPDATE_BREADCRUMBS) || this;\n _this.breadcrumbs = breadcrumbs;\n return _this;\n }\n return UpdateBreadcrumbsMessage;\n}(Message));\nexport { UpdateBreadcrumbsMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { Message } from '../message';\nimport { MessageType } from '../messageType';\nvar UpdateCartMessage = /** @class */ (function (_super) {\n __extends(UpdateCartMessage, _super);\n function UpdateCartMessage() {\n return _super.call(this, MessageType.UPDATE_CART) || this;\n }\n return UpdateCartMessage;\n}(Message));\nexport { UpdateCartMessage };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { MessageType } from '..';\nimport { Message } from '../message';\nvar ViewChangedMessage = /** @class */ (function (_super) {\n __extends(ViewChangedMessage, _super);\n function ViewChangedMessage(isMobile) {\n var _this = _super.call(this, MessageType.VIEW_CHANGED) || this;\n _this.isMobile = isMobile;\n return _this;\n }\n return ViewChangedMessage;\n}(Message));\nexport { ViewChangedMessage };\n","import { useEffect, useRef } from 'react';\nimport { IframeMessageReceiver } from './IframeMessageReceiver';\nexport var useMessageReceiver = function (expectedOriginUrl, type, receiver) {\n var _a;\n return useMessageReceivers(expectedOriginUrl, (_a = {}, _a[type] = receiver, _a));\n};\nexport var useMessageReceivers = function (expectedOriginUrl, receivers) {\n var receiver = useRef(null);\n useEffect(function () {\n if (!expectedOriginUrl) {\n return;\n }\n receiver.current = IframeMessageReceiver.create(expectedOriginUrl, receivers);\n return function () {\n // eslint-disable-next-line\n receiver.current.dispose();\n };\n }, [expectedOriginUrl]);\n return receiver;\n};\n","import { isServerRendering } from './IsServerRendering';\r\n\r\nexport const isMobile = (): boolean => {\r\n return !isServerRendering() && window.innerWidth < 768;\r\n};\r\n","import classNames from 'classnames';\r\nimport * as React from 'react';\r\n\r\nimport { getTranslation, keys } from '../../../Resources/Translations';\r\n\r\nexport interface LoaderProps {\r\n className?: string;\r\n isLoading: boolean;\r\n children?: React.ReactNode;\r\n}\r\n\r\nexport const Loader = (props: LoaderProps) => {\r\n return (\r\n <>\r\n {props.isLoading && (\r\n \r\n
\r\n )}\r\n {props.children}\r\n \r\n );\r\n};\r\n","export const isServerRendering = () => typeof document == 'undefined';\r\n","import * as React from 'react';\r\n\r\nexport const PriceDisplay = ({ price, showCurrency, roundUp }: { price?: number; showCurrency?: boolean; roundUp?: boolean }) => {\r\n if (typeof price !== 'number') return null;\r\n\r\n const locales = 'nb-NO';\r\n\r\n const priceToDisplay =\r\n price === parseInt(price.toString(), 10) || roundUp\r\n ? Math.ceil(price).toLocaleString(locales) + ',-'\r\n : price.toLocaleString(locales, {\r\n minimumFractionDigits: 2,\r\n maximumFractionDigits: 2\r\n });\r\n\r\n // replace \"small non-breaking space\" with a normal space\r\n const formattedPrice = priceToDisplay.replace(/\\u202f/g, ' ');\r\n\r\n return (\r\n \r\n {showCurrency && 'kr '}\r\n {formattedPrice}\r\n \r\n );\r\n};\r\n","import { isServerRendering } from '../../ReactComponents/IsServerRendering';\r\nimport { GTMClickType } from './GTMClickType';\r\n\r\ndeclare let cookieBotEnabled: boolean;\r\n\r\n// eslint-disable-next-line @typescript-eslint/ban-types\r\ninterface DataLayerModel extends Object {\r\n userId?: string;\r\n eventCallback?: () => void;\r\n ecommerce?: unknown;\r\n email?: string;\r\n}\r\n\r\nexport class GoogleTagManagerDataLayer {\r\n dataLayer: DataLayerModel[] | undefined;\r\n currencyCode: string;\r\n\r\n private eventsToSendOnConsentReady: DataLayerModel[] = [];\r\n private shouldWaitForCookieBotReady: boolean = typeof cookieBotEnabled !== 'undefined' ? cookieBotEnabled : false;\r\n\r\n constructor() {\r\n // eslint-disable-next-line\r\n this.dataLayer = typeof window !== 'undefined' ? (window as any).dataLayer : undefined;\r\n this.currencyCode = 'NOK';\r\n\r\n if (!isServerRendering() && (typeof cookieBotEnabled !== 'undefined' ? cookieBotEnabled : false)) {\r\n this.initCookieBotReadyEventListener();\r\n }\r\n }\r\n\r\n public initCookieBotReadyEventListener() {\r\n window.addEventListener('CookiebotOnConsentReady', () => {\r\n this.eventsToSendOnConsentReady.map((data) => this.dataLayer?.push(data));\r\n this.eventsToSendOnConsentReady = [];\r\n this.shouldWaitForCookieBotReady = false;\r\n });\r\n }\r\n\r\n public push = (obj: DataLayerModel) => {\r\n this.pushToDataLayer(obj);\r\n };\r\n\r\n public pushWithRedirect = (obj: DataLayerModel, url: string, clickType: GTMClickType) => {\r\n this.handleEventCallback(obj, url, clickType);\r\n this.pushToDataLayerWithFallbackRedirect(obj, url, clickType);\r\n };\r\n\r\n public addUserData = (userId?: string, hashedEmail?: string) => {\r\n this.pushToDataLayer({ userId: userId, email: hashedEmail });\r\n };\r\n\r\n private handleEventCallback = (data: DataLayerModel, url: string, clickType: GTMClickType) => {\r\n if (!clickType.isNewTab) {\r\n data.eventCallback = () => {\r\n document.location.href = url;\r\n };\r\n }\r\n };\r\n\r\n private pushToDataLayer = (data: DataLayerModel) => {\r\n if (this.shouldWaitForCookieBotReady) {\r\n this.eventsToSendOnConsentReady.push(data);\r\n } else {\r\n this.dataLayer?.push({ ecommerce: null });\r\n this.dataLayer?.push(data);\r\n }\r\n };\r\n\r\n private pushToDataLayerWithFallbackRedirect = (data: DataLayerModel, url: string, clickType: GTMClickType) => {\r\n this.pushToDataLayer(data);\r\n this.openUrl(url, clickType);\r\n };\r\n\r\n private openUrl = (url: string, clickType: GTMClickType) => {\r\n if (clickType.isNewTab && !clickType.isMiddleMouseButton) {\r\n window.open(url);\r\n } else if (!clickType.isNewTab && !this.isGoogleAnalyticsLoaded()) {\r\n document.location.href = url;\r\n }\r\n };\r\n\r\n private isGoogleAnalyticsLoaded = () => {\r\n // eslint-disable-next-line\r\n const googleAnalytics = (window as any).ga;\r\n return !this.shouldWaitForCookieBotReady && googleAnalytics && googleAnalytics.loaded;\r\n };\r\n}\r\n","export class GoogleAnalytics4Actions {\r\n static readonly purchase = 'purchase';\r\n static readonly refund = 'refund';\r\n static readonly addPaymentInfo = 'add_payment_info';\r\n static readonly addShippingInfo = 'add_shipping_info';\r\n static readonly beginCheckout = 'begin_checkout';\r\n static readonly addToCart = 'add_to_cart';\r\n static readonly addToWishList = 'add_to_wishlist';\r\n static readonly removeFromCart = 'remove_from_cart';\r\n static readonly viewCart = 'view_cart';\r\n static readonly viewMiniCart = 'view_mini_cart';\r\n static readonly viewItem = 'view_item';\r\n static readonly selectItem = 'select_item';\r\n static readonly viewItemList = 'view_item_list';\r\n static readonly viewPromotion = 'view_promotion';\r\n static readonly selectPromotion = 'select_promotion';\r\n static readonly searchSuggestions = 'search_suggestions';\r\n static readonly viewSearchResults = 'view_search_results';\r\n static readonly applySearchTagClick = 'apply_search_tag_click';\r\n}\r\n","import { ProductAvailabilityViewModel } from '../../Catalog/Product/Availability/ProductAvailabilityViewModel.csharp';\r\nimport { ProductBuyingMode } from '../../Components/Availability/ProductBuyingMode.csharp';\r\n\r\nexport class GTMStockLevel {\r\n public static Get(availability: ProductAvailabilityViewModel) {\r\n return availability.buyingMode === ProductBuyingMode.Inactive ? 'Out of stock' : 'In stock';\r\n }\r\n}\r\n","import { IProductTrackingData } from '../../../Catalog/Product/IProductTrackingData.csharp';\r\nimport { ProductViewModel } from '../../../Catalog/Product/ViewModels/ProductViewModel.csharp';\r\nimport { SearchResultProductViewModel } from '../../../Filtering/Api/SearchResultProductViewModel.csharp';\r\nimport { ProductCardViewModel } from '../../../Partials/ProductCard/ProductCardViewModel.csharp';\r\nimport { CartItemViewModel } from '../../../Purchase/Cart/Item/ViewModels/CartItemViewModel.csharp';\r\nimport { GoogleTagManagerList } from '../GoogleTagManagerList';\r\nimport { GTMStockLevel } from '../GTMStockLevel';\r\nimport { GA4ItemData } from './GoogleAnalytics4Interfaces';\r\n\r\nexport class GoogleAnalytics4Mapper {\r\n private readonly currency = 'NOK';\r\n\r\n public mapProductToItemData = (product: ProductViewModel, originName: string, promotionId?: string, promotionName?: string): GA4ItemData => {\r\n return {\r\n item_id: product.code,\r\n item_name: product.nameInfo.fullName,\r\n item_brand: product.nameInfo.mainName,\r\n price: product.price.price,\r\n item_category: product.subcategory,\r\n currency: this.currency,\r\n discount: product.price.originalPrice - product.price.price,\r\n item_list_name: originName,\r\n promotion_id: promotionId,\r\n promotion_name: promotionName,\r\n stock_level: GTMStockLevel.Get(product.availability)\r\n };\r\n };\r\n\r\n public mapProductCardToItemData = (product: ProductCardViewModel): GA4ItemData => {\r\n return {\r\n item_id: product.code,\r\n item_name: product.nameInfo.fullName,\r\n item_brand: product.nameInfo.mainName,\r\n price: product.price.price,\r\n item_category: product.subcategory,\r\n currency: this.currency,\r\n discount: product.price.originalPrice - product.price.price,\r\n item_list_name: product.originName,\r\n promotion_id: product.promotionId,\r\n promotion_name: product.promotionName,\r\n stock_level: GTMStockLevel.Get(product.availability)\r\n };\r\n };\r\n\r\n public mapSearchItemToItemData = (product: SearchResultProductViewModel): GA4ItemData => {\r\n return {\r\n item_id: product.code,\r\n item_name: product.nameInfo.fullName,\r\n item_brand: product.nameInfo.mainName,\r\n price: product.discountedPrice,\r\n item_category: product.subcategory,\r\n currency: this.currency,\r\n discount: product.placedPrice - product.discountedPrice,\r\n item_list_name: GoogleTagManagerList.searchResults\r\n };\r\n };\r\n\r\n public mapCartItemViewModelToItemData = (product: CartItemViewModel, quantity?: number): GA4ItemData => {\r\n return {\r\n item_id: product.code,\r\n item_name: product.nameInfo.fullName,\r\n item_brand: product.nameInfo.mainName,\r\n price: this.getPriceForSingleProduct(product.discountedPrice, product.quantityOrdered),\r\n item_category: product.subcategory,\r\n currency: this.currency,\r\n quantity: quantity || product.quantityOrdered,\r\n item_list_name: product.originName,\r\n promotion_id: product.promotionId,\r\n promotion_name: product.promotionName\r\n };\r\n };\r\n\r\n public mapCartItemViewModelToItemDataExtended = (product: CartItemViewModel, index: number, couponCode: string): GA4ItemData => {\r\n return {\r\n item_id: product.code,\r\n item_name: product.nameInfo.fullName,\r\n item_brand: product.nameInfo.mainName,\r\n item_category: product.subcategory,\r\n item_list_name: product.originName,\r\n coupon: couponCode,\r\n discount: product.discountValue,\r\n price: this.getPriceForSingleProduct(product.discountedPrice, product.quantityOrdered),\r\n quantity: product.quantityOrdered,\r\n index,\r\n promotion_id: product.promotionId,\r\n promotion_name: product.promotionName\r\n };\r\n };\r\n\r\n public mapProductTrackingDataToItemData = (\r\n product: IProductTrackingData,\r\n quantity?: number,\r\n originName?: string,\r\n promotionId?: string,\r\n promotionName?: string\r\n ): GA4ItemData => {\r\n return {\r\n item_id: product.code,\r\n item_name: product.nameInfo.fullName,\r\n item_brand: product.nameInfo.mainName,\r\n price: product.placedPrice,\r\n item_category: product.subcategory,\r\n currency: this.currency,\r\n quantity: quantity,\r\n item_list_name: originName,\r\n promotion_id: promotionId,\r\n promotion_name: promotionName\r\n };\r\n };\r\n\r\n private getPriceForSingleProduct = (price: number, quantity?: number): number => {\r\n return parseFloat((price / (quantity || 1)).toFixed(2));\r\n };\r\n}\r\n","import { IProductTrackingData } from '../../../Catalog/Product/IProductTrackingData.csharp';\r\nimport { ProductViewModel } from '../../../Catalog/Product/ViewModels/ProductViewModel.csharp';\r\nimport { SearchResultProductViewModel } from '../../../Filtering/Api/SearchResultProductViewModel.csharp';\r\nimport { ProductCardViewModel } from '../../../Partials/ProductCard/ProductCardViewModel.csharp';\r\nimport { CartItemViewModel } from '../../../Purchase/Cart/Item/ViewModels/CartItemViewModel.csharp';\r\nimport { isServerRendering } from '../../../ReactComponents/IsServerRendering';\r\nimport { GoogleTagManagerDataLayer } from '../GoogleTagManagerDataLayer';\r\nimport { GoogleTagManagerList } from '../GoogleTagManagerList';\r\nimport { GTMClickType } from '../GTMClickType';\r\nimport { IGoogleTagManagerAnalyticsTracker } from '../IGoogleTagManagerAnalyticsTracker';\r\nimport { ITrackingData } from '../ITrackingData';\r\nimport { PromotionImpressionViewModel } from '../PromotionImpression/PromotionImpressionViewModel.csharp';\r\nimport { SearchVariant } from '../SearchVariant';\r\nimport { GoogleAnalytics4Actions } from './GoogleAnalytics4Actions';\r\nimport { GA4Object } from './GoogleAnalytics4Interfaces';\r\nimport { GoogleAnalytics4Mapper } from './GoogleAnalytics4Mapper';\r\n\r\ndeclare global {\r\n interface Window {\r\n enhancedConversionsUserData: {\r\n userId: string;\r\n email: string;\r\n };\r\n }\r\n}\r\n\r\nexport class GoogleAnalytics4Tracker implements IGoogleTagManagerAnalyticsTracker {\r\n private readonly _googleTagManagerDataLayer = new GoogleTagManagerDataLayer();\r\n private readonly _mapper = new GoogleAnalytics4Mapper();\r\n private readonly _currency = 'NOK';\r\n\r\n constructor() {\r\n // We need to push user data to data layer first, so it is available when other events like 'purchase' are pushed.\r\n // That's why we do this in the constructor.\r\n if (!isServerRendering() && window.enhancedConversionsUserData) {\r\n // grab user data attached to window during rendering of EnhancedConversionsUserData.cshtml\r\n const { userId, email } = window.enhancedConversionsUserData;\r\n this._googleTagManagerDataLayer.addUserData(userId, email);\r\n }\r\n }\r\n\r\n trackPurchase = (products: CartItemViewModel[], data: ITrackingData) => {\r\n const items = products.map((x) => this._mapper.mapCartItemViewModelToItemData(x));\r\n\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.purchase,\r\n ecommerce: {\r\n transaction_id: data.id,\r\n value: data.revenue,\r\n tax: data.tax,\r\n shipping: data.shipping,\r\n shipping_tier: data.shippingMethod,\r\n coupon: data.coupon,\r\n currency: this._currency,\r\n items: items\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.push(obj);\r\n };\r\n\r\n trackItemView = (product: ProductViewModel, originName: string, promotionId?: string, promotionName?: string) => {\r\n const item = this._mapper.mapProductToItemData(product, originName, promotionId, promotionName);\r\n\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.viewItem,\r\n ecommerce: {\r\n currency: this._currency,\r\n items: [item]\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.push(obj);\r\n };\r\n\r\n trackProductCardItemSelect = (product: ProductCardViewModel, productLink: string, clickType: GTMClickType) => {\r\n const item = this._mapper.mapProductCardToItemData(product);\r\n\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.selectItem,\r\n ecommerce: {\r\n item_list_name: product.originName ?? GoogleTagManagerList.productCard,\r\n items: [item]\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.pushWithRedirect(obj, productLink, clickType);\r\n };\r\n\r\n trackCartItemItemSelect = (product: CartItemViewModel, productLink: string, clickType: GTMClickType) => {\r\n const item = this._mapper.mapCartItemViewModelToItemData(product);\r\n\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.selectItem,\r\n ecommerce: {\r\n item_list_name: GoogleTagManagerList.cartItems,\r\n items: [item]\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.pushWithRedirect(obj, productLink, clickType);\r\n };\r\n\r\n trackSearchItemSelect = (product: SearchResultProductViewModel, productLink: string, clickType: GTMClickType) => {\r\n const item = this._mapper.mapSearchItemToItemData(product);\r\n\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.selectItem,\r\n ecommerce: {\r\n item_list_name: GoogleTagManagerList.searchResults,\r\n items: [item]\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.pushWithRedirect(obj, productLink, clickType);\r\n };\r\n\r\n trackProductCardsItemImpressions = (products: ProductCardViewModel[]) => {\r\n const items = products.map((x) => this._mapper.mapProductCardToItemData(x));\r\n const product = products[0];\r\n\r\n if (!product) return;\r\n\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.viewItemList,\r\n ecommerce: {\r\n item_list_name: product.originName ?? GoogleTagManagerList.productCard,\r\n items: items\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.push(obj);\r\n };\r\n\r\n trackSearchResultsItemImpressions = (products: SearchResultProductViewModel[]) => {\r\n const items = products.map((x) => this._mapper.mapSearchItemToItemData(x));\r\n\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.viewItemList,\r\n ecommerce: {\r\n items: items\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.push(obj);\r\n };\r\n\r\n trackAddToCart = (product: IProductTrackingData, quantity: number, id?: string, originName?: string, promotionId?: string, promotionName?: string) => {\r\n const item = this._mapper.mapProductTrackingDataToItemData(product, quantity, originName, promotionId, promotionName);\r\n\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.addToCart,\r\n ecommerce: {\r\n currency: this._currency,\r\n value: product.placedPrice * quantity,\r\n items: [item]\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.push(obj);\r\n };\r\n\r\n trackRemoveFromCart = (product: CartItemViewModel, quantity: number) => {\r\n const item = this._mapper.mapCartItemViewModelToItemData(product, quantity);\r\n\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.removeFromCart,\r\n ecommerce: {\r\n currency: this._currency,\r\n value: product.discountedPrice,\r\n items: [item]\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.push(obj);\r\n };\r\n\r\n trackAddToWishList = (product: IProductTrackingData) => {\r\n const item = this._mapper.mapProductTrackingDataToItemData(product);\r\n\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.addToWishList,\r\n ecommerce: {\r\n value: product.placedPrice,\r\n currency: this._currency,\r\n items: [item]\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.push(obj);\r\n };\r\n\r\n trackBeginCheckout = (products: CartItemViewModel[], data: ITrackingData) => {\r\n const items = products.map((x, idx) => this._mapper.mapCartItemViewModelToItemDataExtended(x, idx, data.coupon!));\r\n\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.beginCheckout,\r\n ecommerce: {\r\n currency: this._currency,\r\n value: data.revenue,\r\n coupon: data.coupon,\r\n items: items\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.push(obj);\r\n };\r\n\r\n trackAddShippingInfo = (products: CartItemViewModel[], data: ITrackingData) => {\r\n const items = products.map((x, idx) => this._mapper.mapCartItemViewModelToItemDataExtended(x, idx, data.coupon!));\r\n\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.addShippingInfo,\r\n ecommerce: {\r\n currency: this._currency,\r\n value: data.revenue,\r\n coupon: data.coupon,\r\n shipping_tier: data.shippingMethod,\r\n items: items\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.push(obj);\r\n };\r\n\r\n trackAddPaymentInfo = (products: CartItemViewModel[], data: ITrackingData) => {\r\n const items = products.map((x) => this._mapper.mapCartItemViewModelToItemData(x));\r\n\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.addPaymentInfo,\r\n ecommerce: {\r\n currency: this._currency,\r\n value: data.revenue,\r\n coupon: data.coupon,\r\n payment_type: data.paymentMethod,\r\n items: items\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.push(obj);\r\n };\r\n\r\n trackPromotionsView = (promotions: PromotionImpressionViewModel[]) => {\r\n promotions.map((promotion) => {\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.viewPromotion,\r\n ecommerce: {\r\n creative_name: promotion.creative,\r\n creative_slot: promotion.position,\r\n promotion_id: promotion.id,\r\n promotion_name: promotion.name\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.push(obj);\r\n });\r\n };\r\n\r\n trackPromotionSelect = (promotion: PromotionImpressionViewModel, promotionLink: string, clickType: GTMClickType) => {\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.selectPromotion,\r\n ecommerce: {\r\n creative_name: promotion.creative,\r\n creative_slot: promotion.position,\r\n promotion_id: promotion.id,\r\n promotion_name: promotion.name\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.pushWithRedirect(obj, promotionLink, clickType);\r\n };\r\n\r\n trackViewCart = (items: CartItemViewModel[], total: number, couponCode: string, isMiniCart?: boolean) => {\r\n const obj: GA4Object = {\r\n event: isMiniCart ? GoogleAnalytics4Actions.viewMiniCart : GoogleAnalytics4Actions.viewCart,\r\n ecommerce: {\r\n currency: this._currency,\r\n value: total,\r\n items: items.map((item, idx) => this._mapper.mapCartItemViewModelToItemDataExtended(item, idx, couponCode))\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.push(obj);\r\n };\r\n\r\n trackSearchSuggestions(searchTerm: string): void {\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.searchSuggestions,\r\n ecommerce: {\r\n search_term: searchTerm\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.push(obj);\r\n }\r\n\r\n trackSearchResultsView(searchTerm: string, variant: SearchVariant): void {\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.viewSearchResults,\r\n ecommerce: {\r\n search_term: searchTerm,\r\n search_variant: variant\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.push(obj);\r\n }\r\n\r\n trackSearchTagClick(tagValue: string, tagIndex: number): void {\r\n const obj: GA4Object = {\r\n event: GoogleAnalytics4Actions.applySearchTagClick,\r\n ecommerce: {\r\n tag_value: tagValue,\r\n tag_index: tagIndex\r\n }\r\n };\r\n\r\n this._googleTagManagerDataLayer.push(obj);\r\n }\r\n}\r\n","export class NonAnalyticsEvents {\r\n static readonly priceSpiderPurchase = 'priceSpiderPurchase';\r\n}\r\n","import { CartItemViewModel } from '../../../Purchase/Cart/Item/ViewModels/CartItemViewModel.csharp';\r\nimport { GoogleTagManagerDataLayer } from '../GoogleTagManagerDataLayer';\r\nimport { IGoogleTagManagerNonAnalyticsTracker } from '../IGoogleTagManagerNonAnalyticsTracker';\r\nimport { NonAnalyticsEvent } from './NonAnalyticsEvent';\r\nimport { NonAnalyticsEvents } from './NonAnalyticsEvents';\r\nimport { PriceSpiderPurchaseData } from './PriceSpiderPurchaseData';\r\n\r\nexport class NonAnalyticsTracker implements IGoogleTagManagerNonAnalyticsTracker {\r\n private readonly _googleTagManagerDataLayer = new GoogleTagManagerDataLayer();\r\n private readonly _currency = 'NOK';\r\n\r\n trackPriceSpiderPurchase(products: CartItemViewModel[]): void {\r\n const model: NonAnalyticsEvent\r\n
\r\n \r\n {getTranslation(keys['productFilters.loading'])}\r\n
\r\n \r\n {props.additionalInfo && {props.additionalInfo}}\r\n {props.requiredQuantity && props.paidQuantity ? (\r\n
\r\n );\r\n};\r\n","import * as React from 'react';\r\n\r\nexport enum SwipeDirection {\r\n Top,\r\n Right,\r\n Bottom,\r\n Left\r\n}\r\n\r\ninterface SwipeableProps {\r\n onSwipe: (swipeDirection: SwipeDirection) => void;\r\n className?: string;\r\n}\r\n\r\nexport class Swipeable extends React.Component\r\n {props.requiredQuantity}\r\n {getTranslation(keys['cheapestForFreeDiscount.for'])}\r\n {props.paidQuantity}\r\n
\r\n ) : (\r\n {props.value}\r\n )}\r\n \r\n {\r\n // eslint-disable-next-line react/prop-types\r\n this.props.children\r\n }\r\n
\r\n );\r\n }\r\n}\r\n","// This code was generated by a Reinforced.Typings tool.\r\n// Changes to this file may cause incorrect behavior and will be lost if\r\n// the code is regenerated.\r\n\r\nexport enum BlockSectionMargin {\r\n\tDefault = 0,\r\n\tBig = 1\r\n}\r\n","import { BlockSectionMargin } from './BlockSectionMargin.csharp';\r\n\r\nexport class BlockSectionClassResolver {\r\n public static Resolve(margin: BlockSectionMargin): string {\r\n return `BlockSection--${BlockSectionMargin[margin]}`;\r\n }\r\n}\r\n","import * as React from 'react';\r\nimport { useEffect } from 'react';\r\n\r\nimport { getTranslation, keys } from '../../../Resources/Translations';\r\nimport { Button, ButtonSize } from '../Buttons/Button';\r\nimport { EventNames } from '../EventNames';\r\nimport { Modal, ModalButtons, ModalHeading, ModalText } from './Modal';\r\n\r\nexport const onSessionExpired = () => {\r\n const event = new CustomEvent(EventNames.SessionExpired);\r\n window.dispatchEvent(event);\r\n};\r\n\r\nexport interface LoginModalProps {\r\n readonly loginUrl: string;\r\n}\r\n\r\nexport const LoginModal = ({ loginUrl }: LoginModalProps) => {\r\n const [isVisible, setIsVisible] = React.useState(false);\r\n\r\n const showModal = () => {\r\n setIsVisible(true);\r\n };\r\n\r\n const redirectToLogin = () => {\r\n window.location.href = loginUrl;\r\n };\r\n\r\n useEffect(() => {\r\n window.addEventListener(EventNames.SessionExpired, showModal);\r\n\r\n return () => {\r\n window.removeEventListener(EventNames.SessionExpired, showModal);\r\n };\r\n });\r\n\r\n return (\r\n this.captureLinkClick(e)}>\r\n
\r\n \r\n {getTranslation(keys['modal.rxSession.expiredBody'])} \r\n
\r\n );\r\n };\r\n\r\n const onConfirm = () => {\r\n post(acknowledgeRxsRemovedUrl).finally(() => {\r\n if (window.dispatchEvent(new CustomEvent(EventNames.RxLoginRequest, { cancelable: true }))) {\r\n window.location.href = bankIdLoginUrl;\r\n }\r\n });\r\n };\r\n\r\n const onClose = () => {\r\n post(acknowledgeRxsRemovedUrl).finally(() => {\r\n if (requiresSecureLogin) window.location.href = '/';\r\n });\r\n };\r\n\r\n return (\r\n \r\n ![\"\"](\"/dist/assets/images/register.svg\")
\r\n
\r\n \r\n , and elements get a default\n // `tabIndex` of -1 when the 'tabindex' attribute isn't specified in the DOM,\n // yet they are still part of the regular tab order; in FF, they get a default\n // `tabIndex` of 0; since Chrome still puts those elements in the regular tab\n // order, consider their tab index to be 0.\n // Also browsers do not return `tabIndex` correctly for contentEditable nodes;\n // so if they don't have a tabindex attribute specifically set, assume it's 0.\n //\n // isScope is positive for custom element with shadow root or slot that by default\n // have tabIndex -1, but need to be sorted by document order in order for their\n // content to be inserted in the correct position\n if (\n (isScope ||\n /^(AUDIO|VIDEO|DETAILS)$/.test(node.tagName) ||\n node.isContentEditable) &&\n isNaN(parseInt(node.getAttribute('tabindex'), 10))\n ) {\n return 0;\n }\n }\n\n return node.tabIndex;\n};\n\nconst sortOrderedTabbables = function (a, b) {\n return a.tabIndex === b.tabIndex\n ? a.documentOrder - b.documentOrder\n : a.tabIndex - b.tabIndex;\n};\n\nconst isInput = function (node) {\n return node.tagName === 'INPUT';\n};\n\nconst isHiddenInput = function (node) {\n return isInput(node) && node.type === 'hidden';\n};\n\nconst isDetailsWithSummary = function (node) {\n const r =\n node.tagName === 'DETAILS' &&\n Array.prototype.slice\n .apply(node.children)\n .some((child) => child.tagName === 'SUMMARY');\n return r;\n};\n\nconst getCheckedRadio = function (nodes, form) {\n for (let i = 0; i < nodes.length; i++) {\n if (nodes[i].checked && nodes[i].form === form) {\n return nodes[i];\n }\n }\n};\n\nconst isTabbableRadio = function (node) {\n if (!node.name) {\n return true;\n }\n const radioScope = node.form || getRootNode(node);\n const queryRadios = function (name) {\n return radioScope.querySelectorAll(\n 'input[type=\"radio\"][name=\"' + name + '\"]'\n );\n };\n\n let radioSet;\n if (\n typeof window !== 'undefined' &&\n typeof window.CSS !== 'undefined' &&\n typeof window.CSS.escape === 'function'\n ) {\n radioSet = queryRadios(window.CSS.escape(node.name));\n } else {\n try {\n radioSet = queryRadios(node.name);\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error(\n 'Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s',\n err.message\n );\n return false;\n }\n }\n\n const checked = getCheckedRadio(radioSet, node.form);\n return !checked || checked === node;\n};\n\nconst isRadio = function (node) {\n return isInput(node) && node.type === 'radio';\n};\n\nconst isNonTabbableRadio = function (node) {\n return isRadio(node) && !isTabbableRadio(node);\n};\n\nconst isZeroArea = function (node) {\n const { width, height } = node.getBoundingClientRect();\n return width === 0 && height === 0;\n};\nconst isHidden = function (node, { displayCheck, getShadowRoot }) {\n // NOTE: visibility will be `undefined` if node is detached from the document\n // (see notes about this further down), which means we will consider it visible\n // (this is legacy behavior from a very long way back)\n // NOTE: we check this regardless of `displayCheck=\"none\"` because this is a\n // _visibility_ check, not a _display_ check\n if (getComputedStyle(node).visibility === 'hidden') {\n return true;\n }\n\n const isDirectSummary = matches.call(node, 'details>summary:first-of-type');\n const nodeUnderDetails = isDirectSummary ? node.parentElement : node;\n if (matches.call(nodeUnderDetails, 'details:not([open]) *')) {\n return true;\n }\n\n // The root node is the shadow root if the node is in a shadow DOM; some document otherwise\n // (but NOT _the_ document; see second 'If' comment below for more).\n // If rootNode is shadow root, it'll have a host, which is the element to which the shadow\n // is attached, and the one we need to check if it's in the document or not (because the\n // shadow, and all nodes it contains, is never considered in the document since shadows\n // behave like self-contained DOMs; but if the shadow's HOST, which is part of the document,\n // is hidden, or is not in the document itself but is detached, it will affect the shadow's\n // visibility, including all the nodes it contains). The host could be any normal node,\n // or a custom element (i.e. web component). Either way, that's the one that is considered\n // part of the document, not the shadow root, nor any of its children (i.e. the node being\n // tested).\n // If rootNode is not a shadow root, it won't have a host, and so rootNode should be the\n // document (per the docs) and while it's a Document-type object, that document does not\n // appear to be the same as the node's `ownerDocument` for some reason, so it's safer\n // to ignore the rootNode at this point, and use `node.ownerDocument`. Otherwise,\n // using `rootNode.contains(node)` will _always_ be true we'll get false-positives when\n // node is actually detached.\n const nodeRootHost = getRootNode(node).host;\n const nodeIsAttached =\n nodeRootHost?.ownerDocument.contains(nodeRootHost) ||\n node.ownerDocument.contains(node);\n\n if (!displayCheck || displayCheck === 'full') {\n if (typeof getShadowRoot === 'function') {\n // figure out if we should consider the node to be in an undisclosed shadow and use the\n // 'non-zero-area' fallback\n const originalNode = node;\n while (node) {\n const parentElement = node.parentElement;\n const rootNode = getRootNode(node);\n if (\n parentElement &&\n !parentElement.shadowRoot &&\n getShadowRoot(parentElement) === true // check if there's an undisclosed shadow\n ) {\n // node has an undisclosed shadow which means we can only treat it as a black box, so we\n // fall back to a non-zero-area test\n return isZeroArea(node);\n } else if (node.assignedSlot) {\n // iterate up slot\n node = node.assignedSlot;\n } else if (!parentElement && rootNode !== node.ownerDocument) {\n // cross shadow boundary\n node = rootNode.host;\n } else {\n // iterate up normal dom\n node = parentElement;\n }\n }\n\n node = originalNode;\n }\n // else, `getShadowRoot` might be true, but all that does is enable shadow DOM support\n // (i.e. it does not also presume that all nodes might have undisclosed shadows); or\n // it might be a falsy value, which means shadow DOM support is disabled\n\n // Since we didn't find it sitting in an undisclosed shadow (or shadows are disabled)\n // now we can just test to see if it would normally be visible or not, provided it's\n // attached to the main document.\n // NOTE: We must consider case where node is inside a shadow DOM and given directly to\n // `isTabbable()` or `isFocusable()` -- regardless of `getShadowRoot` option setting.\n\n if (nodeIsAttached) {\n // this works wherever the node is: if there's at least one client rect, it's\n // somehow displayed; it also covers the CSS 'display: contents' case where the\n // node itself is hidden in place of its contents; and there's no need to search\n // up the hierarchy either\n return !node.getClientRects().length;\n }\n\n // Else, the node isn't attached to the document, which means the `getClientRects()`\n // API will __always__ return zero rects (this can happen, for example, if React\n // is used to render nodes onto a detached tree, as confirmed in this thread:\n // https://github.com/facebook/react/issues/9117#issuecomment-284228870)\n //\n // It also means that even window.getComputedStyle(node).display will return `undefined`\n // because styles are only computed for nodes that are in the document.\n //\n // NOTE: THIS HAS BEEN THE CASE FOR YEARS. It is not new, nor is it caused by tabbable\n // somehow. Though it was never stated officially, anyone who has ever used tabbable\n // APIs on nodes in detached containers has actually implicitly used tabbable in what\n // was later (as of v5.2.0 on Apr 9, 2021) called `displayCheck=\"none\"` mode -- essentially\n // considering __everything__ to be visible because of the innability to determine styles.\n } else if (displayCheck === 'non-zero-area') {\n // NOTE: Even though this tests that the node's client rect is non-zero to determine\n // whether it's displayed, and that a detached node will __always__ have a zero-area\n // client rect, we don't special-case for whether the node is attached or not. In\n // this mode, we do want to consider nodes that have a zero area to be hidden at all\n // times, and that includes attached or not.\n return isZeroArea(node);\n }\n\n // visible, as far as we can tell, or per current `displayCheck` mode\n return false;\n};\n\n// form fields (nested) inside a disabled fieldset are not focusable/tabbable\n// unless they are in the _first_