{"version":3,"file":"common.js","sources":["../../src/uk.co.talktalk/tradehouse/common.js"],"sourcesContent":["import ox from '$/ox'\nimport $ from '$/jquery'\nimport _ from '$/underscore'\nimport ext from '$/io.ox/core/extensions'\nimport gt from 'gettext'\nimport Dropdown from '$/io.ox/backbone/mini-views/dropdown'\nimport { getCmpReady, openManageCookies, pushAd } from '@/uk.co.talktalk/tradehouse/cmp'\n\nimport '@/uk.co.talktalk/login/login.scss'\n\next.point('io.ox/login/navbar').extend({\n  id: 'header',\n  index: 'first',\n  draw: function () {\n    this.append(\n      $('<div class=\"row login-top-bar\">').append(\n        $('<div class=\"header-logo\">').append(\n          $('<a href=\"http://talktalk.co.uk\">').append(\n            $('<img alt=\"TalkTalk logo\" src=\"' + ox.root + '/themes/uk.co.talktalk/talktalk_logo.png\">')\n          )\n        )\n      )\n    )\n  }\n}, {\n  id: 'navigation',\n  index: 'last',\n  draw: function () {\n    const $dropdownToggle = $('<a class=\"dropdown-toggle\" data-toggle=\"dropdown\" href=\"#\" role=\"button\" aria-haspopup=\"true\" aria-label=\"Navigation\" aria-expanded=\"false\">').append(\n      $('<svg width=\"16\" height=\"16\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" class=\"bi bi-list larger\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z\"></path></svg')\n    )\n    const $dropdownMenu = $('<ul class=\"dropdown-menu custom-dropdown\" role=\"menu\">').append(\n      $('<li>').append(\n        $('<a href=\"http://myaccount.talktalk.co.uk/\">').text(gt('My TalkTalk'))\n      ),\n      $('<li>').append(\n        $('<a href=\"https://www.talktalk.co.uk/shop/\">').text(gt('TV, Broadband & Calls'))\n      ),\n      $('<li>').append(\n        $('<a href=\"https://safeavenue.f-secure.com/iframe/-sso/talktalk/\">').text(gt('SuperSafe'))\n      ),\n      ox.serverConfig.faktorURL\n        ? $('<li>').append(\n          $('<a href=\"#\" role=\"menuitem\">').on('click', function (e) {\n            e.preventDefault()\n            openManageCookies()\n          }).text(gt('Manage Cookies'))\n        )\n        : $(),\n      $('<li class=\"divider\">'),\n      $('<li>').append(\n        $('<a href=\"https://newmail.talktalk.co.uk/help/?utm_source=TTM&utm_medium=help-button\">').text(gt('Help'))\n      ),\n      $('<li>').append(\n        $('<a href=\"http://community.talktalk.co.uk/accessibility?from_footer_nav\">').text(gt('Accessibility'))\n      ),\n      $('<li>').append(\n        $('<a href=\"http://www.talktalk.co.uk/legal/code-of-practice?from_footer_nav\">').text(gt('Code of practice'))\n      ),\n      $('<li>').append(\n        $('<a href=\"https://community.talktalk.co.uk/t5/Articles/How-do-I-make-a-complaint/ta-p/2204670?from_footer_nav\">').text(gt('Customer complaints code '))\n      ),\n      $('<li>').append(\n        $('<a href=\"http://www.talktalk.co.uk/legal?from_footer_nav\">').text(gt('Legal'))\n      ),\n      $('<li>').append(\n        $('<a href=\"http://www.talktalk.co.uk/legal/privacy-policy?from_footer_nav\">').text(gt('Privacy Policy'))\n      ),\n      $('<li>').append(\n        $('<a href=\"http://www.talktalk.co.uk/legal/terms?from_footer_nav\">').text(gt('Terms & Conditions'))\n      ),\n      $('<li>').append(\n        $('<a href=\"http://www.talktalk.co.uk/legal/cookie-policy\">').text(gt('Cookies and our policy'))\n      )\n    )\n    const dropdown = new Dropdown({\n      className: 'dropdown',\n      $toggle: $dropdownToggle,\n      $ul: $dropdownMenu,\n      title: ''\n    })\n\n    this.find('.login-top-bar').append(\n      $('<nav class=\"pull-right\">').append(\n        $('<ul class=\"nav navbar-right\">').append(\n          $('<li role=\"presentation\">').append(\n            $('<ul class=\"top-nav\">').append(\n              $('<li role=\"presentation\">').append(\n                $('<a target=\"_blank\" href=\"https://newmail.talktalk.co.uk/help/?utm_source=TTM&utm_medium=help-butto\">').append(\n                  $('<svg width=\"16\" height=\"16\" aria-hidden=\"true\" class=\"launcher-icon bi bi-question-circle\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\"></path><path d=\"M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z\"></path></svg>')\n                )\n              ),\n              $('<li role=\"presentation\" class=\"dropdown\">').append(\n                dropdown.render().$el\n              )\n            )\n          )\n        )\n      )\n    )\n  }\n}, {\n  id: 'ads_top',\n  index: 'last',\n  draw: function () {\n    const adClass = !_.device('smartphone') ? 'display-login-top' : 'display-login-top-mobile'\n    this.append(\n      $('<div class=\"row\">').append(\n        $('<div class=\"col-xs-12\">').append(\n          $('<div>').addClass([adClass, 'io-ox-ads-logout'].join(' '))\n        )\n      )\n    )\n    // Create Tradehouse ad slot divs\n    if (_.device('smartphone')) {\n      $('.display-login-top-mobile').append(\n        $('<span>').addClass('display-label').text(gt('Advertisement')),\n        $('<div id=\"MBdFs6cFeMSiVIFS1F9U\">')\n      )\n      pushAd(['{ \"tagid\": \"MBdFs6cFeMSiVIFS1F9U\", \"alias\": \"/\", \"type\": \"banner\", \"zid\": \"505\", \"pid\": \"0\", \"iframe\": \"true\", \"width\": \"320\", \"height\": \"50\", \"refresh\": \"30\", \"refresh_limit\": \"15\" }'])\n    } else {\n      $('.display-login-top').append(\n        $('<span>').addClass('display-label').text(gt('Advertisement')),\n        $('<div id=\"EWvDBP37qQw0PhGcxJwS\">')\n      )\n      pushAd(['{ \"tagid\": \"EWvDBP37qQw0PhGcxJwS\", \"alias\": \"/\", \"type\": \"banner\", \"zid\": \"506\", \"pid\": \"0\", \"iframe\": \"true\", \"width\": \"728\", \"height\": \"90\", \"refresh\": \"30\", \"refresh_limit\": \"15\" }'])\n    }\n  }\n}, {\n  id: 'audience_pixel',\n  index: 'last',\n  draw: function () {\n    $('body').append($('<div>').attr('id', 'bNsm89ueUddglAE1vKOj'))\n    pushAd(['{ \"tagid\": \"bNsm89ueUddglAE1vKOj\", \"alias\": \"/\", \"type\": \"banner\", \"zid\": \"630\", \"pid\": \"0\", \"iframe\": \"true\", \"width\": \"1\", \"height\": \"1\", \"refresh\": \"559\", \"refresh_limit\": \"0\" }'])\n    if (getCmpReady() && window.AVP) window.AVP.load()\n  }\n})\n\n// Advertisement integration\next.point('io.ox/login/body').extend({\n  id: 'copy',\n  index: 100,\n  draw: function () {\n    const loginImageUrl = 'themes/uk.co.talktalk/images/spam.png'\n    const findOutMoreUrl = ox.serverConfig.find_out_more_url || 'https://community.talktalk.co.uk/t5/Articles/Using-TalkTalk-Mail/ta-p/2204440?advanced=false&collapse_discussion=true&filter=includeTkbs&include_tkbs=true&q=talktalk%20mail&search_type=thread'\n\n    if (_.device('smartphone')) return\n\n    this.prepend(\n      $('<div class=\"col-sm-6 col-md-8\" id=\"io-ox-login-left-content\">').append(\n        $('<div class=\"row\">').append(\n          $('<div class=\"col-xs-12\">').append(\n            $('<div class=\"title\">').text(gt('Login to discover your new TalkTalk Mail today'))\n          )\n        ),\n        $('<div class=\"row notification\">').append(\n          $('<div class=\"col-xs-12 col-md-6\">').append(\n            $('<div class=\"subtitle\">').text(\n              gt('We\\'ve made TalkTalk Mail better and even easier to use')\n            ),\n            $('<div class=\"message\">').html(\n              gt('We\\'ve introduced features you\\'ve been asking for. Your email now has a dedicated spam button to help improve your spam filters and protect you from scams. When you receive a spam message just click <b>\\'Mark as spam\\'</b> link to update your spam filters')\n            ),\n            $('<a>').attr('href', findOutMoreUrl).text(\n              gt('Find out more')\n            )\n          ),\n          $('<div class=\"col-xs-12 col-md-6\">').append(\n            $('<img>').attr('src', loginImageUrl).addClass('mark-as-spam')\n          )\n        )\n      )\n    )\n  }\n}, {\n  id: 'desktop_ads_bottom',\n  index: 200,\n  draw: function () {\n    if (_.device('smartphone')) return\n    this.find('#io-ox-login-left-content').append(\n      $('<div>').addClass('ad-login-bottom').append(\n        $('<span>').addClass('display-label').text(gt('Advertisement')),\n        $('<div id=\"bvafzhc7DOaUFMyfnLVF\">')\n      )\n    )\n    pushAd(['{ \"tagid\": \"bvafzhc7DOaUFMyfnLVF\", \"alias\": \"/\", \"type\": \"banner\", \"zid\": \"607\", \"pid\": \"0\", \"iframe\": \"true\", \"width\": \"1\", \"height\": \"1\", \"refresh\": \"999\", \"refresh_limit\": \"0\" }'])\n  }\n})\n\next.point('io.ox/login/footer').extend({\n  id: 'mobile_ads_bottom',\n  index: 'last',\n  draw: function () {\n    if (!_.device('smartphone')) return\n    this.append(\n      $('<div class=\"row\">').append(\n        $('<div class=\"col-xs-12\">').append(\n          $('<div>').addClass('ad-login-bottom-mobile').append(\n            $('<span>').addClass('display-label').text(gt('Advertisement')),\n            $('<div id=\"bvafzhc7DOaUFMyfnLVF\">')\n          )\n        )\n      )\n    )\n    pushAd(['{ \"tagid\": \"bvafzhc7DOaUFMyfnLVF\", \"alias\": \"/\", \"type\": \"banner\", \"zid\": \"607\", \"pid\": \"0\", \"iframe\": \"true\", \"width\": \"1\", \"height\": \"1\", \"refresh\": \"999\", \"refresh_limit\": \"0\" }'])\n  }\n})\n\nasync function getCloseIconSVG () {\n  const response = await fetch('./themes/default/icons/bi/x.svg')\n  if (!response.ok) {\n    console.error('Could not load SVG for mobile dropdown close icon')\n    return '<svg width=\"1px\" height=\"1px\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"></svg>'\n  }\n  return response.text()\n}\n\nconst loginScreen = $('#io-ox-login-screen')\n\nasync function addCloseIconSVG () {\n  if (!loginScreen.is(':visible')) {\n    ext.point('io.ox/core/dropdown').disable('top-header-svg-icon')\n    return\n  }\n  const closeIconSvgText = await getCloseIconSVG()\n  const closeIconSvgContainer = this.$ul.find('li.close-button > button > div')\n  closeIconSvgContainer.empty().append($(closeIconSvgText).addClass('bi-24'))\n}\n\n// Add close button to dropdowns on login page on mobile\nif (_.device('smartphone')) {\n  ext.point('io.ox/core/dropdown').extend({\n    id: 'top-header-svg-icon',\n    after: 'top-header',\n    draw: addCloseIconSVG,\n    redraw: addCloseIconSVG\n  })\n}\n"],"names":["ext","$","ox","$dropdownToggle","$dropdownMenu","gt","e","openManageCookies","dropdown","Dropdown","adClass","_","pushAd","getCmpReady","loginImageUrl","findOutMoreUrl","getCloseIconSVG","response","loginScreen","addCloseIconSVG","closeIconSvgText"],"mappings":"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"}