1. // ==UserScript==
  2. // @name         Improve SCC
  3. // @description  Adds shortcut buttons; Colour codes search results; additional package history information; and more…
  4. // @version      13.0.4
  5. // @author       David King (dkingamz@)
  6. // Translator-de Stephanie Petke (petke@)
  7. // Translator-es Carlos de la Peña (cacalzad@)
  8. // Translator-fr Karl-Emmanuel Etifier (karleme@)
  9. // Translator-it Andrea La Rosa (anrosam@)
  10. // Thanks-cortex Dennis Leonhardt (leoden@)
  11. // @namespace    https://phonetool.amazon.com/users/dkingamz
  12. // @updateURL    https://axzile.corp.amazon.com/-/carthamus/download_script/improve-scc.user.js
  13. // @downloadURL  https://axzile.corp.amazon.com/-/carthamus/download_script/improve-scc.user.js
  14. // @supportURL   https://sim.amazon.com/issues/create?template=5ee8e705-a508-4820-86f4-1d87b978d630
  15. // @match        https://*/station/dashboard/*
  16. // @match        https://*.last-mile.amazon.dev/?*
  17. // @match        https://midway-auth.amazon.com/*
  18. // @match        https://siw-eu-dub.dub.proxy.amazon.com/*
  19. // @match        https://siw-na-iad.iad.proxy.amazon.com/*
  20. // @match        https://www.royalmail.com/find-a-postcode*
  21. // @exclude      https://global.eagle.routeiq.last-mile.amazon.dev/*
  22. // @exclude      https://*.geostudio.last-mile.amazon.dev/*
  23. // @exclude      https://*.utr-shift-plan-management-website.last-mile.amazon.dev/*
  24. // @grant        GM.xmlHttpRequest
  25. // @grant        GM.info
  26. // @grant        GM.setValue
  27. // @grant        GM_getValue
  28. // @connect      midway-auth.amazon.com
  29. // @connect      routingtools-viz-dub.dub.proxy.amazon.com
  30. // @connect      logistics.amazon.co.uk
  31. // @connect      ie-logistics.amazon.co.uk
  32. // @connect      logistics.amazon.de
  33. // @connect      at-logistics.amazon.de
  34. // @connect      logistics.amazon.es
  35. // @connect      logistics.amazon.fr
  36. // @connect      logistics.amazon.it
  37. // @connect      logistics.amazon.nl
  38. // @connect      logistics.amazon.sa
  39. // @connect      logistics.amazon.com
  40. // @connect      logistics.amazon.com.mx
  41. // @connect      logistics.amazon.ca
  42. // @connect      logistics.amazon.com.br
  43. // @connect      logistics.amazon.in
  44. // @connect      logistics.amazon.ae
  45. // @connect      logistics.amazon.eg
  46. // @connect      logistics.amazon.co.jp
  47. // @connect      logistics.amazon.com.au
  48. // @connect      gamtools-eu.aka.amazon.com
  49. // @connect      gamtools-na.aka.amazon.com
  50. // @connect      eagleeye-eu.amazon.com
  51. // @connect      eagleeye-na.amazon.com
  52. // @connect      geoweb-eu.amazon.com
  53. // @connect      geoweb-na.amazon.com
  54. // @connect      amazonlogistics-eu.com
  55. // @connect      amazonlogistics.com
  56. // @connect      pandash.amazon.com
  57. // @connect      corp.amazon.com
  58. // @connect      last-mile.amazon.dev
  59. // @connect      trans-logistics-eu.amazon.com
  60. // @connect      trans-logistics.amazon.com
  61. // @connect      routingtools-viz-dub.dub.proxy.amazon.com
  62. // @connect      routingtools-viz-iad.iad.proxy.amazon.com
  63. // @connect      transportation-taxonomy-dub.aka.amazon.com
  64. // @connect      transportation-taxonomy-iad.aka.amazon.com
  65. // @connect      hero.eu.picking.aft.a2z.com
  66. // @connect      hero.na.picking.aft.a2z.com
  67. // @connect      trans-app-prod-eu.amazon.com
  68. // @connect      trans-app-prod-na.amazon.com
  69. // @connect      honeypot.amazon.dev
  70. // @run-at       document-end
  71. // @require      https://internal-cdn.amazon.com/sentry.amazon.com/public/javascripts/openid.xhr/1.0.2/openid.xhr.min.js
  72. // @require      https://cdn.jsdelivr.net/gh/klingondragon/simple-dom/index.min.js
  73. // @require      https://cdn.jsdelivr.net/gh/davidshimjs/qrcodejs/qrcode.min.js
  74. // ==/UserScript==
  75.  
  76. //#region Utilities/Types
  77. /// <reference path="./GM.d.ts" />
  78. /// <reference path="./simple-dom.d.ts" />
  79. /// <reference path="./Improve-SCC.d.ts" />
  80. const { _, _svg, $, $$, wait$, delay, _css, O, dict, lock } = simpleDOM;
  81. const
  82.     /** @type {<A extends unknown[]>(...bindArgs: A) => <R extends unknown>(cb: (...boundArgs: A) => R) => R} */
  83.     bindWith = (...args) => (cb) => cb(...args),
  84.     /** @type {(href:string, filename?:string)=>void} */
  85.     download = (href, filename) => _('a', { href, download: filename ?? "" }).do('click').remove();
  86. //#endregion
  87.  
  88. //#region: Config data
  89. const
  90.     debug = GM_getValue('debugMode', false),
  91.     ver = GM.info.script.version,
  92.     s = dict({
  93.         en: {
  94.             //Script Name broken into 3 pieces Text before phonetool link, phonetool link, and text after phonetool link
  95.             scriptNameBefore: 'Improve SCC Script by ',
  96.             scriptNameAfter: '',
  97.             translatedBy: 'Translated by {{name}}',
  98.             translatorName: 'David King',
  99.             translatorAlias: 'dkingamz',
  100.             formatTable: 'Format History Table:',
  101.             onRoadOption: 'On Road',
  102.             inStationOption: 'In Station',
  103.             pleaseWait: 'Please Wait',
  104.             EagleEye: 'EagleEye',
  105.             EagleEye2: 'EagleEye 2.0',
  106.             getContents: 'Get Package Contents',
  107.             CSC: 'CSC',
  108.             SIM: 'Search SIM Issues',
  109.             COMP: 'COMP',
  110.             Hero: 'Hero',
  111.             SlamOps: 'SlamOps',
  112.             DEXTER: 'DEXTER',
  113.             FixIt: 'Fixit Details & History (Rodeo)',
  114.             TT: 'Troubleshooting Tool',
  115.             OBLT: 'Outbound Lookup Tool',
  116.             GDE: 'Geo Data Editor',
  117.             oId: 'Order ID: ',
  118.             customerId: 'Customer ID: ',
  119.             sameOrderID: 'Same Order ID: ',
  120.             shipMethod: 'Ship Method: ',
  121.             shipOption: 'Ship Option: ',
  122.             serviceType: 'Service Type: ',
  123.             lTId: 'Linked Tracking ID: ',
  124.             AVD: 'AVD',
  125.             OTP: 'OTP',
  126.             SIG: 'Signature',
  127.             HAZMAT: 'HAZMAT',
  128.             HV: 'High Value',
  129.             VH: 'Very Heavy',
  130.             H: 'Heavy',
  131.             LB: 'Letterbox Sized',
  132.             OVER: 'Oversize',
  133.             metPDD: 'Met Promise Date',
  134.             metEAD: 'Met Estimated Date',
  135.             missPDD: 'Missed Promise Date',
  136.             missEAD: 'Missed Estimated Date',
  137.             calcText: '(approx. {{ft#}} / {{m#}} from delivery location', // move the {{}} in the sentence, these will be filled with the correct numbers
  138.             BH: 'Business hours: ',
  139.             Driver: 'Driver: ',
  140.             Route: 'Route Code: ',
  141.             RouteVis: 'Route Visualisation',
  142.             RouteDiver: 'Route Diver',
  143.             RouteEagle: 'RouteIQ: Eagle',
  144.             cortexItinerary: 'Driver itinerary (Cortex)',
  145.             cortexLinkRoute: 'Cortex (Route)',
  146.             cortexLinkStop: 'Cortex (Stop {{stop#}})', // move the {{}} in the sentence, this will be filled with the correct number
  147.             GAM: 'GAM Tools',
  148.             Hours: 'Hours:',
  149.             LockerStatus: 'Locker Status',
  150.             LockerReserve: 'Locker Reservation',
  151.             Address: 'Address',
  152.             Locker: 'Locker',
  153.             Counter: 'Counter',
  154.             LatLon: 'Lat Lon',
  155.             GAM404: 'Address not in GAM',
  156.             GAMnoHours: 'No Hours in GAM',
  157.             FailedAttempt: 'Failed Attempts:',
  158.             GAMhint: 'GAM DELIVERY_HINT',
  159.             qrCode: 'QR Code',
  160.             viewPOD: 'View POD Images',
  161.             honeypot: 'Honeypot',
  162.             GCRS: 'GCRS',
  163.             Passage: 'Passage',
  164.             RoyalMail: 'Royal Mail',
  165.             TransTax: 'Transportation Taxonomy',
  166.             plannedTime: 'Planned Delivery Time: {{time}}', // move the {{}} in the sentence, this will be filled with the correct time
  167.             plannedStartTime: 'Planned Start Time: {{time}}', // move the {{}} in the sentence, this will be filled with the correct time
  168.             windowTime: 'Time Window: {{time}}', // move the {{}} in the sentence, this will be filled with the correct time
  169.             delTo: 'Delivered To',
  170.             NoHistData: 'No History Data: {{reason}}', // move the {{}} in the sentence, this will be filled with the correct reason
  171.             NoSiteData: 'No Sitemap Data: {{reason}}', // move the {{}} in the sentence, this will be filled with the correct reason
  172.             NoPackData: 'No Package Data: {{reason}}', // move the {{}} in the sentence, this will be filled with the correct reason
  173.             NoGeoData: 'No Geo Data: {{reason}}', // move the {{}} in the sentence, this will be filled with the correct reason
  174.             NoGAMData: 'No GAM Data: {{reason}}', // move the {{}} in the sentence, this will be filled with the correct reason
  175.         },
  176.         'en-US': {
  177.             RouteVis: 'Route Visualization',
  178.         },
  179.         de: {
  180.             scriptNameBefore: 'Improve SCC Script von ',
  181.             scriptNameAfter: '',
  182.             translatedBy: 'Translated von {{name}}',
  183.             translatorName: 'Stephanie Petke',
  184.             translatorAlias: 'petke',
  185.             formatTable: 'Format History Tabelle:',
  186.             onRoadOption: 'On Road',
  187.             inStationOption: 'In der Station',
  188.             pleaseWait: 'Bitte warten',
  189.             getContents: 'Inhalt anzeigen',
  190.             metPDD: 'PDD eingehalten',
  191.             metEAD: 'EAD eingehalten',
  192.             missPDD: 'PDD verfehlt',
  193.             missEAD: 'EAD verfehlt',
  194.             calcText: '(ca. {{ft#}} / {{m#}} vom Geopunkt',
  195.             BH: 'Öffnungszeiten: ',
  196.             Hours: 'Uhrzeit:',
  197.             LockerReserve: 'Locker Reservierung',
  198.             Address: 'Adresse',
  199.             LatLon: 'Breiten/Längengrad',
  200.             GAM404: 'Addresse nicht in GAM',
  201.             GAMnoHours: 'Keine Öffnungszeiten in GAM',
  202.             FailedAttempt: 'fehlgeschlagene Zustellversuche:',
  203.         },
  204.         es: {
  205.             translatedBy: 'Traducido por {{name}}',
  206.             translatorName: 'Carlos de la Peña',
  207.             translatorAlias: 'cacalzad',
  208.             formatTable: 'Formato de tabla:',
  209.             onRoadOption: 'En carretera',
  210.             inStationOption: 'En estación',
  211.             pleaseWait: 'Por favor espere',
  212.             getContents: 'Obtener productos',
  213.             FixIt: 'Detalles & Histórico FixIt (Rodeo)',
  214.             GDE: 'Editor Geo Data',
  215.             oId: 'Número de Pedido: ',
  216.             shipMethod: 'Método de envío: ',
  217.             lTId: 'Código ID relacionado: ',
  218.             HV: 'Alto Valor',
  219.             VH: 'Muy Pesado',
  220.             H: 'Pesado',
  221.             LB: 'Sobre',
  222.             OVER: 'Voluminoso (Oversize)',
  223.             metPDD: 'Fecha Entrega Prometida Cumplida',
  224.             metEAD: 'Fecha Llegada Estimada Cumplida',
  225.             missPDD: 'Fecha Entrega Prometida Fallada',
  226.             missEAD: 'Fecha Entrega Estimada Fallada',
  227.             calcText: '(aprox. {{ft#}} / {{m#}} del punto de entrga',
  228.             BH: 'Horario de Apertura: ',
  229.             RouteVis: 'Visualizador de Ruta',
  230.             cortexItinerary: 'Itinerario del Conductor (Cortex)',
  231.             cortexLinkRoute: 'Cortex (Ruta)',
  232.             cortexLinkStop: 'Cortex (Parada {{stop#}})',
  233.             Hours: 'Horario:',
  234.             LockerStatus: 'Estado del locker',
  235.             Address: 'Dirección',
  236.             LatLon: 'Lat y Long',
  237.             GAM404: 'Dirección no en GAM',
  238.             GAMnoHours: 'Horario no en GAM',
  239.             FailedAttempt: 'Intento de Entrega Fallido:',
  240.             qrCode: 'Código QR  ',
  241.             plannedTime: 'Hora Prevista de Reparto: {{time}}',
  242.             plannedStartTime: 'Planned Start Time: {{time}}',
  243.         },
  244.         fr: {
  245.             translatorName: 'etifier, karl-emmanuel',
  246.             translatorAlias: 'karleme',
  247.         },
  248.         it: {
  249.             translatorName: 'Andrea La Rosa',
  250.             translatorAlias: 'anrosam',
  251.             formatTable: 'Formato Tabella Cronologica:',
  252.             onRoadOption: 'In Transito',
  253.             inStationOption: 'In Station',
  254.             pleaseWait: 'Prego Attendere',
  255.             getContents: 'Vedi Contenuto Pacco',
  256.             FixIt: 'Dettaglio e Cronologia da Fixit (Rodeo)',
  257.             oId: 'ID Ordine: ',
  258.             lTId: 'Tracking Id Collegato: ',
  259.             HV: 'Alto Valore',
  260.             VH: 'Molto Pesante',
  261.             H: 'Pesante',
  262.             LB: 'Tasca Di Libro',
  263.             metPDD: 'Data Promessa Corretta',
  264.             metEAD: 'Data Stimata Corretta',
  265.             missPDD: 'Data Promessa Mancata',
  266.             missEAD: 'Data Stimata Mancata',
  267.             calcText: '(appross. {{ft#}} / {{m#}} dall\'indirizzo di spedizione',
  268.             BH: 'Orario d\'Apertura: ',
  269.             RouteVis: 'Visualizza Rotta',
  270.             cortexLinkRoute: 'Cortex (Rotta)',
  271.             cortexLinkStop: 'Cortex (Fermata {{stop#}})',
  272.             Hours: 'Orario Tentativi:',
  273.             LockerStatus: 'Stato del Locker',
  274.             LockerReserve: 'Locker Reservation',
  275.             Address: 'Indirizzo',
  276.             LatLon: 'Lat e Lon',
  277.             GAM404: 'Indirizzo non in GAM',
  278.             GAMnoHours: 'Orario non in GAM',
  279.             FailedAttempt: 'Tentativi di Consegna Falliti:',
  280.         },
  281.         jp: {
  282.             translatedBy: 'Translated by {{name}}',
  283.             translatorName: 'Saki Uchida',
  284.             translatorAlias: 'duchidsa',
  285.         }
  286.     }),
  287.     /** Strings that must match what's already in SCC so that the script can detect it. */
  288.     searchStrings = {
  289.         en: {
  290.             //Search/Package details
  291.             searchHeader: 'Search', //The header at the top of the search page
  292.             packageHeader: 'Package', //(partial match)The header at the top of the detail (search results) page
  293.             GAMdays: '|SUN|MON|TUE|WED|THU|FRI|SAT|', //Days as seen in GAM Business Hours separated by |. I've tested and it seems these will probably match english.
  294.             ShipMethod: 'Ship Method', //Search results column header
  295.             //Outbound > Pick/Stage tabs
  296.             associate: 'Associate',
  297.             cartID: 'Cart ID',
  298.             driver: 'Driver',
  299.             //Problem Solve tabs
  300.             Reportedby: 'Reported by'
  301.         },
  302.         de: {
  303.             //Search/Package details
  304.             searchHeader: 'Suche',
  305.             packageHeader: 'Paket',
  306.             ShipMethod: 'Ship Method',
  307.             //Outbound > Pick/Stage tabs
  308.             associate: 'Mitarbeiter',
  309.             cartID: 'Wagen-ID',
  310.             //Problem Solve tabs
  311.             Reportedby: 'Reported by'
  312.         },
  313.         es: {
  314.             //Search/Package details
  315.             searchHeader: 'Búsqueda',
  316.             packageHeader: 'Paquete',
  317.             ShipMethod: 'Ship Method',
  318.             //Outbound > Pick/Stage tabs
  319.             associate: 'Asociado',
  320.             cartID: 'Código ID Carro',
  321.             //Problem Solve tabs
  322.             Reportedby: 'Reportado por'
  323.         }, fr: {
  324.             //Search/Package details
  325.             searchHeader: 'Rechercher',
  326.             packageHeader: 'Colis',
  327.             ShipMethod: 'Ship Method',
  328.             //Outbound > Pick/Stage tabs
  329.             associate: 'Associé',
  330.             cartID: 'ID de l\'itinéraire',
  331.             //Problem Solve tabs
  332.             Reportedby: 'Signalé par'
  333.         },
  334.         it: {
  335.             //Search/Package details
  336.             searchHeader: 'Cerca',
  337.             packageHeader: 'Pacco',
  338.             ShipMethod: 'Ship Method',
  339.             //Outbound > Pick/Stage tabs
  340.             associate: 'Associate',
  341.             cartID: 'ID carrello',
  342.             //Problem Solve tabs
  343.             Reportedby: 'Reported by'
  344.         },
  345.         jp: {
  346.             //Search/Package details
  347.             searchHeader: '検索',
  348.             packageHeader: 'パッケージ',
  349.             ShipMethod: 'パッケージ概要',
  350.             //Outbound > Pick/Stage tabs
  351.             associate: 'アソシエイト',
  352.             cartID: 'ルートID',
  353.             driver: 'ドライバー',
  354.             //Problem Solve tabs
  355.             Reportedby: '修正対象'
  356.         }
  357.     },
  358.     /** @type {string[]} */
  359.     logData = [],
  360.     /** @type {(...log: any[]) => void} */
  361.     debuglog = debug ? (...log) => {
  362.         logData.push(`${Date.now()}: ${log.map(line => {
  363.             try { return JSON.stringify(line); } catch (e) { return line.toString(); }
  364.         }).join('\n\t')}`);
  365.         console.log(location.origin, '[Improve-SCC]', ...log);
  366.     } : (...log) => { },
  367.     superlog = debug ? debuglog : console.log,
  368.     mutationComment = document.createComment("Mutate");
  369. //#endregion
  370.  
  371. //#region: Global Defaults, State, and Constants
  372. let
  373.     /** @type {PageInfo} */ page,
  374.     /** @type {SCCPromises} */ promises,
  375.     /** @type {WindowProxy?} */ midwayWindow = null,
  376.     /** @type {string?} */ globalOrigin,
  377.     /** @type {Notification?} */ notification;
  378. function defaults() {
  379.     debuglog('defaults()');
  380.     page = { url: window.location.href.split('/') };
  381.     promises = /** @type {SCCPromises} */ ({});
  382.     midwayWindow = null;
  383. }
  384. const now = new Date().getTime();
  385. //#endregion
  386.  
  387. //#region: Prototypes and DOM Functions
  388. const
  389.     /** @type {FormatterFunction} */
  390.     dateTimeFormatter = options => {
  391.         const /** @type {Record<string, Intl.DateTimeFormat>} */ cache = {};
  392.         return (value, timeZone) => ((`${timeZone}`) in cache ? cache[`${timeZone}`] : (cache[`${timeZone}`] = new Intl.DateTimeFormat(navigator.languages, { ...options, timeZone }))).format((typeof value === 'string') ? new Date(value) : value);
  393.     },
  394.     toLocaleTZString = dateTimeFormatter({ hour: '2-digit', minute: '2-digit', second: '2-digit', }),
  395.     toWeekdayDateString = dateTimeFormatter({ weekday: "short", year: "2-digit", month: "2-digit", day: "2-digit", }),
  396.     toWeekdayDateTimeString = dateTimeFormatter({ weekday: "short", year: "2-digit", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: '2-digit' });
  397. class ExtendedDate extends Date {
  398.     toISODateString() { return `${this.getFullYear()}-${(this.getMonth() + 1).toString().padStart(2, "0")}-${this.getDate().toString().padStart(2, "0")}`; }
  399.     toISODateTimeString() { return `${this.toISODateString()} ${this.getHours().toString().padStart(2, "0")}:${this.getMinutes().toString().padStart(2, "0")}:${this.getSeconds().toString().padStart(2, "0")}`; }
  400.     /** @type {DateToString} */
  401.     toYMDKey(timeZone) { return `${this.toLocaleString('en-GB', { timeZone, year: 'numeric' })}${this.toLocaleString('en-GB', { timeZone, month: '2-digit' })}${this.toLocaleString('en-GB', { timeZone, day: '2-digit' })}`; }
  402.     toMidnightLocal() { return new Date(this.getFullYear(), this.getMonth(), this.getDate()).valueOf(); }
  403. };
  404. /** @type {(value?: number | string | Date) => ExtendedDate} */
  405. const D = (value) => value ? new ExtendedDate(value) : new ExtendedDate();
  406. class ExtendedString extends String {
  407.     /** @type {TestString} */
  408.     in(test) { return test.toLowerCase().includes(this.toLowerCase()); }
  409.     /** @type {TestString} */
  410.     contains(test) { return this.toLowerCase().includes(test.toLowerCase()); }
  411.     /** @type {(...tests: string[]) => boolean} */
  412.     containsAny(...tests) { return tests.reduce((bool, test) => bool || this.contains(test), false); }
  413.     toSentenceCase() { return `${this.charAt(0).toUpperCase()}${this.slice(1).toLowerCase()}`; }
  414.     toWordCase() { return this.toLowerCase().replace(/(^|\s)\S/g, letter => letter.toUpperCase()); }
  415.     /** @type {TestString} */
  416.     inDict(key) { return O(searchStrings).reduce((bool, [_, langDict]) => (bool || this.in(langDict[key])), false); }
  417.     /** @type {TestString} */
  418.     dictContains(key) { return O(searchStrings).reduce((bool, [_, langDict]) => (bool || this.contains(langDict[key])), false); };
  419. }
  420. /** @type {(value: any) => ExtendedString} */
  421. const S = (value) => new ExtendedString(value);
  422. const /** @type {(test: string)=>boolean} */ hrefContains = (test) => S(location.href).contains(test);
  423.  
  424. // Cortex auth/signing code provided by Dennis Leonhardt (leoden@)
  425. let /** @type {CortexSession | undefined} */ cortexAuthPromise = undefined;
  426. /** @type {()=>CortexSession} */
  427. const initializeCortexAuth = () => cortexAuthPromise ?? (cortexAuthPromise = XHR('GET', `${globalOrigin}/internal/operations/execution`).then(
  428.     (response) => new Promise((resolve) => ([...new DOMParser().parseFromString(response.text, 'text/html').querySelectorAll('script[type="a-state"][data-a-state*="hmacSession"]')].reduce((flagFound, script) => {
  429.         if (flagFound) return flagFound;
  430.         const data = JSON.parse(script.textContent.trim());
  431.         if (!(data.hmacSession && data.hmacSession.enabled)) return false;
  432.         crypto.subtle.importKey(
  433.             'raw',
  434.             new TextEncoder().encode(data.hmacSession.sessionKey),
  435.             { name: 'HMAC', hash: 'SHA-256' },
  436.             false,
  437.             ['sign']
  438.         ).then(cryptoKey => (debuglog(data.hmacSession), resolve({ sessionKey: data.hmacSession.sessionKey, sessionId: data.hmacSession.sessionId, cryptoKey })));
  439.         return true;
  440.     }, false)))
  441. ).catch(
  442.     error => debuglog('Cortex authentication failed:', error)
  443. ));
  444. /** @type {(method: "GET"|"POST", url: string, json?: any) => Promise<XHRResponse>} */
  445. const XHR = (method, url, json) => (!globalOrigin || !url.includes(globalOrigin) || location.origin === globalOrigin) ? systemXHR(method, url, json) : new Promise((resolve, reject) => {
  446.     debuglog(`${method} XHR Request: ${url}`, json);
  447.     const id = `${Date.now().toString(36)}-${Math.random().toString(36).substring(2, 10)}`,
  448.         /** @type {(data:any)=>void} */ handler = ({ data }) => {
  449.             if (data.method !== 'XHR') return;
  450.             if (data.id !== id) return;
  451.             debuglog(`${data.response.status} XHR Response: ${url}`, data.response);
  452.             window.removeEventListener("message", handler);
  453.             (data.response.ok ? resolve : reject)({ ...data.response, json: () => JSON.parse(data.response.text) });
  454.         };
  455.     debuglog('Posting XHR', id, url);
  456.     window.addEventListener("message", handler);
  457.     window.parent.postMessage({ method: 'XHR', id, params: { method, url, json } }, globalOrigin ?? '');
  458. });
  459.  
  460. /** @type {(method: "GET"|"POST", url: string, json?: any) => Promise<XHRResponse>} */
  461. const systemXHR = (method, url, json) => new Promise((resolve, reject) => {
  462.     debuglog(`${method} XHR Request: ${url}`, json);
  463.     /** @type {XHROptions} */
  464.     const options = {
  465.         method, url, onload: (response) => {
  466.             debuglog(`${response.status} XHR Response: ${url}`, response.responseText);
  467.             const r = {
  468.                 status: response.status,
  469.                 statusText: response.statusText,
  470.                 text: response.responseText,
  471.                 ok: response.status >= 200 && response.status <= 299,
  472.                 json: () => JSON.parse(response.responseText)
  473.             };
  474.             (r.ok ? resolve : reject)(r);
  475.         },
  476.         headers: {}
  477.     };
  478.     json !== null && (options.headers['Content-Type'] = 'application/json', options.data = (typeof json) === 'string' ? json : JSON.stringify(json));
  479.     // Cortex auth/signing code provided by Dennis Leonhardt (leoden@)
  480.     (url.includes(`${globalOrigin}/internal/operations/execution/api`) ? initializeCortexAuth().then(({ sessionId, cryptoKey }) => {
  481.         const { pathname, searchParams } = new URL(url), timestamp = Date.now().toString();
  482.         return crypto.subtle.sign(
  483.             'HMAC',
  484.             cryptoKey,
  485.             new TextEncoder().encode([
  486.                 method,
  487.                 pathname,
  488.                 searchParams.toString(),
  489.                 `x-cortex-session:${sessionId}`,
  490.                 `x-cortex-timestamp:${timestamp}`,
  491.                 '',
  492.                 'x-cortex-session;x-cortex-timestamp'
  493.             ].join('\n'))
  494.         ).then(signature => {
  495.             options.headers['X-Cortex-Hmac-Signature'] = btoa(String.fromCharCode(...new Uint8Array(signature)));
  496.             options.headers['X-Cortex-Session'] = sessionId;
  497.             options.headers['X-Cortex-Timestamp'] = timestamp;
  498.         }).finally(() => debuglog(`${method} XHR Headers: ${url}`, options.headers));
  499.     }) : Promise.resolve()).then(() => {
  500.         GM.xmlHttpRequest(options);
  501.         delay(10).then(() => reject(`Timed-out: ${method} ${url}`));
  502.     }, reject);
  503. });
  504. /** @type {<T>({json}:{json:()=>T})=>T} */
  505. const json = ({ json }) => json();
  506. const
  507.     unitMap = { cm: 'centimeter', kg: 'kilogram' },
  508.     /** @type {({value, unit}:{value:number, unit:string})=>string} */
  509.     formatUnit = ({ value, unit }) => {
  510.         try {
  511.             if (unit in unitMap) unit = unitMap[unit];
  512.             return new Intl.NumberFormat(navigator.languages, { style: 'unit', unit }).format(value).replace(/\s/g, '\u00A0');
  513.         } catch (e) {
  514.             debuglog(e);
  515.             return `${value}_${unit}`;
  516.         }
  517.     },
  518.     /** @type {({value, currency}:{value:number, currency:string})=>string} */
  519.     formatCurrency = ({ value, currency }) => {
  520.         try {
  521.             return new Intl.NumberFormat(navigator.languages, { style: 'currency', currency }).format(value).replace(/\s/g, '\u00A0');
  522.         } catch (e) {
  523.             debuglog(e);
  524.             return `${value}_${currency}`;
  525.         }
  526.     };
  527. //#endregion
  528.  
  529. //#region: Pages and Tabs
  530. function startup() {
  531.     wait$('html').then(() => {
  532.         if (hrefContains('logistics.amazon.')) return SCCStartup();
  533.         document.documentElement.dataset.improveSccCssIframe = '';
  534.         window.addEventListener("message", ({ data }) => {
  535.             switch (data.method) {
  536.                 case 'sendDarkModeStatus': return void (document.documentElement.dataset.improveSccCssDarkMode = data.childData.capability);
  537.                 case 'sendOrigin': return void (globalOrigin = data.childData);
  538.                 case 'sendLocaleResponse': return;
  539.                 default:
  540.                     debuglog('postMessage', data);
  541.             }
  542.         });
  543.         new Promise((resolve) => {
  544.             const interval = setInterval(() => {
  545.                 if (!globalOrigin) return;
  546.                 clearInterval(interval);
  547.                 resolve(globalOrigin);
  548.                 debuglog('Origin:', globalOrigin);
  549.             }, 500);
  550.         }).then(initialise);
  551.     });
  552. }
  553. function SCCStartup() {
  554.     document.documentElement.dataset.improveSccCssNoframe = '';
  555.     globalOrigin = location.origin;
  556.     console.log(`%c${s('scriptNameBefore')} David King (dkingamz@) ${s('scriptNameAfter')}    %c${ver}`, 'font-size: 200%; font-weight: bold;', 'font-size: 200%; color: red; text-decoration: underline;');
  557.     console.log(`%c${s('translatedBy').replace('{{name}}', `${s('translatorName')} (${s('translatorAlias')}@)`)}`, 'font-size: 150%');
  558.     console.log(`%cFormatting: ${new Intl.ListFormat(navigator.languages, { type: 'conjunction' }).format(navigator.languages.map(lang => new Intl.DisplayNames(navigator.languages, { type: 'language' }).of(lang)).filter(lang => lang !== undefined))}`, 'font-size: 125%; color: cyan;');
  559.     wait$('.boson-meridian-frame-dimension', { style: { top: '' } });
  560.     wait$('#main_row').then(mainRow => {
  561.         const verdiv = _('div', { id: 'verdiv' })._(_('strong')._(
  562.             s('scriptNameBefore'), _('a', { href: 'https://phonetool.amazon.com/users/dkingamz', target: '_blank' })._('David King (dkingamz@)'), s('scriptNameAfter'), `\u2003 ${ver}`,
  563.         )).on('click', () => verdiv.classList.toggle('hidden'));
  564.         mainRow._(verdiv);
  565.         new MutationObserver(() => {
  566.             $$('iframe', { attributeList: { 'allow': 'clipboard-write https://ui.package-summary-eu.last-mile.amazon.dev https://ui.package-summary-na.last-mile.amazon.dev https://onebox.ui.package-summary-eu.last-mile.amazon.dev https://onebox.ui.package-summary-na.last-mile.amazon.dev;' } });
  567.         }).observe(mainRow, { characterData: false, attributes: false, childList: true, subtree: true });
  568.     });
  569.     wait$('ul[role=tree]').then(ul => {
  570.         $("#Help > div > span")?._(' (River)');
  571.         const updateAvailableLi = _('li');
  572.         let lastCheckDate, /** @type {string?}*/ master;
  573.         const updateAvailable = () => {
  574.             updateAvailableLi.__(master && GM.info.script.downloadURL && (ver == master ? null : _('a', { href: GM.info.script.downloadURL, target: '_blank', classList: ['css-11g0wa3'] })._(_('div', { classList: ['css-1u8dqdz'] })._(_('span', { classList: ['css-1bkd0di'] })._(`Update to version ${master}`)))));
  575.         }, updateCheck = () => GM.info.script.downloadURL ? XHR('GET', GM.info.script.downloadURL).then(response => {
  576.             master = (/@version\s+(.*)/i.exec(response.text) ?? '')[1];
  577.             debuglog(`masterVer: ${master}`);
  578.             if (!master) return;
  579.             localStorage.setItem('ImproveSCCupdateTimestamp', `${Date.now()}`);
  580.             localStorage.setItem('ImproveSCCmaster', master);
  581.         }) : Promise.resolve();
  582.         ((master = localStorage.getItem('ImproveSCCmaster')) && ((lastCheckDate = localStorage.getItem('ImproveSCCupdateTimestamp')) && Number(lastCheckDate) > Date.now() - 24 * 60 * 60 * 1000) ? () => Promise.resolve() : updateCheck)().then(updateAvailable);
  583.         ul._(
  584.             ($('#dkingamzNav') || _('div', { id: 'dkingamzNav' })).__(
  585.                 _('strong')._(s('scriptNameBefore'), _('a', { href: 'https://phonetool.amazon.com/users/dkingamz', target: '_blank' })._('David King (dkingamz@)'), s('scriptNameAfter'), `\u2003 ${ver}`,),
  586.                 _('li')._(_('button', { classList: ['css-11g0wa3'] })._(_('div', { classList: ['css-1u8dqdz'] })._(_('span', { classList: ['css-1bkd0di'] })._('Check For Updates'))).on('click', () => updateCheck().then(updateAvailable))),
  587.                 updateAvailableLi,
  588.                 _('li')._(_('a', { href: 'https://axzile.corp.amazon.com/-/carthamus/download_script/improve-scc-show-top-nav-menu.user.js', target: '_blank', classList: ['css-11g0wa3'] })._(_('div', { classList: ['css-1u8dqdz'] })._(_('span', { classList: ['css-1bkd0di'] })._('Show Top Nav Menu')))),
  589.                 _('li')._(_('button', { classList: ['css-11g0wa3'] })._(_('div', { classList: ['css-1u8dqdz'] })._(_('span', { classList: ['css-1bkd0di'] })._(`Toggle Debug Mode ${debug ? 'Off' : 'On'}`))).on('click', () => GM.setValue('debugMode', !debug).then(() => location.reload(true)))),
  590.                 debug && _('li')._(_('button', { classList: ['css-11g0wa3'] })._(_('div', { classList: ['css-1u8dqdz'] })._(_('span', { classList: ['css-1bkd0di'] })._('Export Improve-SCC Sidebar logs'))).on('click', () => {
  591.                     const modal = _('dialog', { style: { background: 'canvas' } })._(
  592.                         _('div', { id: 'debugModalButtons' })._(
  593.                             _('button')._('Export').on('click', () => bindWith(URL.createObjectURL(new Blob([logData.join('\n')], { type: 'text/plain' })))(blobUrl => (download(blobUrl, `Improve-SCC-Log-Export${Date.now()}.txt`), URL.revokeObjectURL(blobUrl)))),
  594.                             _('button')._('Close').on('click', () => modal.close()),
  595.                         ),
  596.                         ...logData.map(line => _('div')._(line)),
  597.                     ).on('close', () => modal.remove());
  598.                     $('body')?._(modal);
  599.                     queueMicrotask(() => modal.showModal());
  600.                 })),
  601.                 _('li')._(_('a', { href: 'https://sim.amazon.com/issues/create?template=5ee8e705-a508-4820-86f4-1d87b978d630', target: '_blank', classList: ['css-11g0wa3'] })._(_('div', { classList: ['css-1u8dqdz'] })._(_('span', { classList: ['css-1bkd0di'] })._('Create SIM', _('br'), _('small')._('Improve SCC Script'))))),
  602.             )
  603.         );
  604.     });
  605.     wait$('body').then(body => {
  606.         (new MutationObserver(() => (document.documentElement.dataset.improveSccCssDarkMode = body.classList.contains('dark-mode') ? 'dark' : 'light'))).observe(body, { attributes: true, subtree: false, childList: false, characterData: false });
  607.         debug && body._(_('iframe', {
  608.             dataset: { debug: '' },
  609.             srcdoc: `<html><head><meta name="color-scheme" content="light dark"><style>:root{background:canvas}</style></head><body>${Date.now()}<br/>SCC: ${globalOrigin}<br/>UA: ${navigator.userAgent}<br/>Default Language: ${navigator.language}<br/>All Languages: ${JSON.stringify(navigator.languages)}</body></html>`,
  610.             style: { position: 'fixed', insetInlineEnd: '1rem', insetBlockEnd: '1rem', width: '36rem', height: '12rem' }
  611.         }));
  612.     });
  613.     hrefContains('/search') && (document.documentElement.dataset.improveSccCssHideAlerts = '');
  614.     navigator.languages.includes('en-GB') && Promise.all([wait$('title'), wait$('h4')]).then(texts => texts.forEach(text => (text.textContent = text.textContent?.replace('Center', 'Centre') ?? 'SCC')));
  615.     const iframe = () => wait$('iframe', undefined, 2).then(iframe => ({ contentWindow: iframe.contentWindow, origin: new URL(iframe.src).origin })).catch((...e) => { throw debuglog('Selecting iFrame', ...e); });
  616.     window.addEventListener("message", ({ data }) => {
  617.         switch (data.method) {
  618.             case 'XHR':
  619.                 Promise.all([systemXHR(data.params.method, data.params.url, data.params.json).catch(r => r), iframe()]).then(([{ json, ...response }, { contentWindow, origin }]) => contentWindow?.postMessage({ method: 'XHR', id: data.id, response }, origin));
  620.                 break;
  621.             case 'requestUsername':
  622.                 // wait$('iframe').then(iframe => iframe.contentWindow?.postMessage({ method: "sendUsername", childData: sessionStorage.getItem('boson.tcpEmployeeLogin') }, new URL(iframe.src).origin));
  623.                 break;
  624.             default:
  625.                 debuglog('postMessage', data);
  626.         }
  627.     });
  628.     setInterval(() => iframe().then(({ contentWindow, origin }) => contentWindow?.postMessage({ method: "sendOrigin", childData: globalOrigin }, origin)), 1000);
  629.  
  630. }
  631. function initialise() {
  632.     defaults();
  633.     debuglog('initialise()');
  634.     wait$('body').then(body => {
  635.         const oldURL = window.location.href;
  636.         new MutationObserver((_, observer) => {
  637.             // debuglog(`${oldURL} - ${window.location.href}`);
  638.             if (oldURL != window.location.href && !(hrefContains('receive'))) {//hrefContains('ui.package-summary-')) {
  639.                 observer.disconnect();
  640.                 window.ImproveSCC = false;
  641.                 startup();
  642.             }
  643.         }).observe(body, { characterData: true, attributes: false, childList: true, subtree: true });
  644.         debug && body._(_('button', { id: 'exportLogs', style: { background: 'canvas' } })._('Export Improve-SCC Page logs').on('click', () => {
  645.             const modal = _('dialog', { style: { background: 'canvas' } })._(
  646.                 _('div', { id: 'debugModalButtons' })._(
  647.                     _('button')._('Export').on('click', () => bindWith(URL.createObjectURL(new Blob([logData.join('\n')], { type: 'text/plain' })))(blobUrl => (download(blobUrl, `Improve-SCC-Log-Export${Date.now()}.txt`), URL.revokeObjectURL(blobUrl)))),
  648.                     _('button')._('Close').on('click', () => modal.close()),
  649.                 ),
  650.                 ...logData.map(line => _('div')._(line)),
  651.             ).on('close', () => modal.remove());
  652.             body._(modal);
  653.             queueMicrotask(() => modal.showModal());
  654.         }));
  655.     });
  656.     if (hrefContains('/settings')) return;
  657.     if (hrefContains('ui.package-summary-')) {
  658.         page.region = window.location.href.split('ui.package-summary-')[1].split('.')[0];
  659.         page.region == 'in' && (page.region = 'eu');
  660.         page.regionCode = { na: 'iad', eu: 'dub', fe: 'PDX', cn: 'PEK' }[page.region];
  661.         if (!hrefContains('packageSearch') && (hrefContains('ageingBoard') || hrefContains('scrubBoard'))) return void debuglog('kill searchLoad()');
  662.         sessionStorage.setItem('loadCount', `${Number(sessionStorage.getItem('loadCount')) + 1}`);
  663.         if (!(document?.featurePolicy?.allowsFeature?.('clipboard-write') ?? true)) { if (Number(sessionStorage.getItem('loadCount')) < 5) { location.reload(); return; } } else { sessionStorage.setItem('loadCount', '0'); }
  664.         wait$('h1, h2, h3, table', undefined, 12).then(h => {
  665.             debuglog(`main(${h.innerText})`);
  666.             if (S(h.innerText).inDict('searchHeader')) return queueMicrotask(searchPage);
  667.             if (S(h.innerText).dictContains('packageHeader')) return queueMicrotask(detailPage);
  668.         }).catch(() => (debuglog("Can't find header… Reloading"), (debug ? confirm("Can't find header\n\nReload") : true) && location.reload(true)));
  669.         return;
  670.     }
  671.     if (hrefContains('associate')) return associate();
  672.     if (hrefContains('ui.pvs') || hrefContains('ui.stagewebsite') || hrefContains('outbound')) return outbound();
  673.     if (hrefContains('ui.ivs') || hrefContains('prod.svs')) return associate();
  674.     if (hrefContains('node-exceptions')) return psTab();
  675.     if (hrefContains('sort-paths')) return;
  676. }
  677. async function detailPage() {
  678.     if (promises.detailPage) return;
  679.     promises.detailPage = true;
  680.     page.trackingId = await wait$('h1').then((h1) => wait$('h1 > span').then(() => h1.lastChild?.textContent?.trim()));
  681.     superlog(`-${page.trackingId}-`);
  682.     debuglog('detailPage()');
  683.     document.documentElement.dataset.improveSccCssDetailsPage = '';
  684.     $('ul.css-1duca4b')?.__(historyFormatMenu().menuElement);
  685.     promises.topBar = new Promise(resolve => {
  686.         const improveBox = $('div#improveRoot') || _('div', { id: 'improveRoot' }), improveBoxes = {};
  687.         wait$('#root [role=tablist]').then(tabList => tabList.before(improveBox));
  688.         improveBox.__(
  689.             improveBoxes.head = _('div', { id: 'improveHead' }),
  690.             improveBoxes.items = _('div'),
  691.             improveBoxes.transport = _('div', { id: 'transport' })._(improveBoxes.van = _('div')),
  692.             improveBoxes.gam = _('div', { id: 'gamrow' }),
  693.             improveBoxes.buttons = _('div', { id: 'buttons' }),
  694.             improveBoxes.podContainer = _('div', { id: 'podContainer' }),
  695.             improveBoxes.taxonomyError = _('div', { id: 'taxonomyError', classList: ['errMsg'] }),
  696.             improveBoxes.histTableError = _('div', { id: 'histTableError', classList: ['errMsg'] })
  697.         );
  698.         resolve(improveBoxes);
  699.     });
  700.     promises.sitemap = siteMap();
  701.     promises.geo = getGeoData();
  702.     promises.package = getPackageData();
  703.     promises.gam = promises.package.then(getGAMData);
  704.     // promises.oblt = getOBLT();
  705.     promises.package.then(addrbuts);
  706.     promises.boxes = Promise.all([promises.topBar, promises.package]).then(usePackageData);
  707.     promises.topBar.then((improveBoxes) => {
  708.         XHR('POST', `${globalOrigin}/station/proxyapigateway/data`, { resourcePath: '/os/batchGetPackageSummary', httpMethod: 'post', processName: 'oculus', requestBody: { idType: 'TRACKING_ID', identifiers: [page.trackingId], includeFields: [] } }).then(json).then(({ packageSummaryList }) => packageSummaryList[0]).then(packageDetailData => {
  709.             improveBoxes.van.__(
  710.                 packageDetailData.driverId && _('strong')._(packageDetailData.driverId),
  711.                 packageDetailData.currentRouteCode && _('span')._(`Route: ${packageDetailData.currentRouteCode}`),
  712.                 packageDetailData.routeSequence && _('span')._(`Route Sequence: ${packageDetailData.routeSequence}`),
  713.                 (packageDetailData.vehicleStopNumber || packageDetailData.taskStopNumber) && _('span')._(`Van Stop: ${packageDetailData.vehicleStopNumber}-(${packageDetailData.taskStopNumber})`)
  714.             );
  715.         });
  716.     });
  717.     promises.topBar.then(() => {
  718.         specialButtons();
  719.         // _('button')._().on('click', () => buttonclick(`https://honeypot.amazon.dev/?id=${page.trackingId}&searchType=TRACKING_ID&imageType=PHOTO_ON_DELIVERY&region=${AWS_POD_REGION_MAPPING[page.region]}&tab=pod-search`)),
  720.         addButton(`https://honeypot.amazon.dev/?id=${page.trackingId}&searchType=TRACKING_ID&imageType=PHOTO_ON_DELIVERY&region=${AWS_POD_REGION_MAPPING[page.region ?? '']}&tab=pod-search`, s('honeypot'), -1, { id: 'Honeypot' });
  721.         addButton(`https://sim.amazon.com/issues/search?q=(${page.trackingId})&sort=lastUpdatedConversationDate`, s('SIM'), -1, { id: 'SIM' });
  722.         addButton(`https://eagleeye.amazon.dev/search?searchId=${page.trackingId}&format=leg&nodeInfo=&shipmentType=scannable&&region=${page.region?.toUpperCase()}`, s('EagleEye2'), 1);
  723.         addButton(`https://trans-app-prod-${page.region}.amazon.com/outboundLookup/trackingEventLookup.cgi?id=${page.trackingId}`, s('OBLT'), 2);
  724.         addButton(`https://siw-${page.region}-${page.regionCode}.${page.regionCode}.proxy.amazon.com/query#${page.trackingId}`, s('GCRS'), 2, { name: 'GCRSsearch' });
  725.         addButton(`https://geoweb-${page.region}.amazon.com/GeoDataEditor/app/partials/edit_index.jsp?country=eu&type=TrackingId&id=${page.trackingId}`, s('GDE'), 2);
  726.         addButton(`https://${page.region}.geostudio.last-mile.amazon.dev/?searchId=${page.trackingId}#background=MAPNIK`, 'GeoStudio', 2);
  727.         addButton(`https://${page.region}.geostudio.last-mile.amazon.dev/place?searchId=${page.trackingId}`, 'GeoStudio 2.0', 2);
  728.         if (page.region == 'na') addButton(`https://ate-portal-na.amazon.com/single/getAttributes?inputId=${page.trackingId}&inputIdType=Tracking%20Id`, 'ATE Portal', 2);
  729.     });
  730.     Promise.all([promises.topBar, promises.package]).then(([_, packageData]) => addButton(`https://trans-logistics${(page.region != 'na' ? `-${page.region}` : '')}.amazon.com/sortcenter/tantei?nodeId=${packageData.routeInfo.stationCode}&searchType=Container&searchId=${page.trackingId}`, s('TT'), 2));
  731.     Promise.all([promises.boxes, promises.geo]).then(useGeoData);
  732.     Promise.all([promises.topBar, promises.gam, promises.histPromise]).then(useGAMData);
  733.     // Promise.all([promises.topBar, promises.oblt]).then(useOBLTData);
  734.     // promises.oblt.catch((e) => promises.boxes?.then(improveBoxes => improveBoxes.customerId.__('OBLT Error', e)));
  735.     wait$('#root').then(root => {
  736.         debuglog('DetailMutationObserver');
  737.         new MutationObserver((_, observer) => {
  738.             if ($('#SCC_Search_CONFIG') && $('h1, h2')) return void (($('table:not([data-improve-scc=true]')) && setTimeout(histTable));
  739.             observer.disconnect();
  740.             initialise();
  741.         }).observe(root, { characterData: true, attributes: false, childList: true, subtree: true });
  742.     }).then(() => {
  743.         debuglog('clicking History button');
  744.         Promise.all([wait$('.css-1gnngbt > .css-r8kn69'), wait$('[role=tablist] label:nth-of-type(4)')]).then(([_, label]) => label.do('click'));
  745.     });
  746. }
  747. function searchPage() {
  748.     debuglog('searchPage()');
  749.     document.documentElement.dataset.improveSccCssSearchPage = '';
  750.     wait$('#root .css-1gnngbt').then(searchArea => {
  751.         debuglog('SearchMutationObserver');
  752.         new MutationObserver(() => {
  753.             const resultsTable = $('table');
  754.             if (!resultsTable || resultsTable.dataset.improveScc == 'true' || resultsTable.$$('tr').length <= 1) return;
  755.             resultsTable.dataset.improveScc = 'true';
  756.             const /** @type {string[]} */trackingIdList = [];
  757.             const /** @type {Record<String,Extended<HTMLTableRowElement>>} */ rowMap = {}, methodColumn = resultsTable.$$('th').reduce((/**@type {false | number}*/methodColumn, th, i) => methodColumn || S(th.innerText).dictContains('ShipMethod') && (i + 1), false);
  758.             resultsTable.$$('tr').forEach(tr => {
  759.                 const a = tr.$('a');
  760.                 if (!a) return;
  761.                 debuglog(a.innerText);
  762.                 rowMap[a.innerText] = tr;
  763.                 trackingIdList.push(a.innerText);
  764.                 methodColumn && colourResult(tr.$(`td:nth-of-type(${methodColumn})`)?.innerText, tr);
  765.             });
  766.             if (methodColumn) return;
  767.             XHR('POST', `${globalOrigin}/station/proxyapigateway/data`, {
  768.                 resourcePath: '/os/batchGetPackageSummary',
  769.                 httpMethod: 'post',
  770.                 processName: 'oculus',
  771.                 requestBody: {
  772.                     idType: 'TRACKING_ID',
  773.                     identifiers: trackingIdList,
  774.                     nodeId: (/.*stationCode=([A-Z0-9]+).*/.exec(page.url[3]) ?? '')[1],
  775.                     includeFields: []
  776.                 }
  777.             }).then(json).then(searchResult => searchResult.packageSummaryList.forEach((resultRow) => {
  778.                 debuglog(`${resultRow.trackingId} - ${resultRow.shipMethod} - ${resultRow.shipOption}`);
  779.                 colourResult(resultRow.shipMethod, rowMap[resultRow.trackingId]);
  780.                 rowMap[resultRow.trackingId].dataset.exchangeId = resultRow.exchangeId;
  781.             }));
  782.         }).observe(searchArea, { characterData: true, attributes: false, childList: true, subtree: true });
  783.     });
  784. }
  785. /** @type {(text: string, dateTime: string?, type?: string?) => void} */
  786. function newCustNote(text, dateTime, type) {
  787.     promises.boxes?.then((improveBoxes) => {
  788.         if (!S(improveBoxes.notes.textContent).contains(text)) {
  789.             improveBoxes.notes._(custNoteDiv(text, dateTime, type));
  790.         }
  791.     });
  792. }
  793. /** @type {(text: string, dateTime: string?, type?: string?) => Extended<HTMLDivElement>} */
  794. function custNoteDiv(text, dateTime, type) {
  795.     return _('div')._(S(text).contains('dog') && _('span', { style: { fontSize: '2em' } })._('\uD83D\uDC3A'), ...(dateTime ? [toWeekdayDateString(dateTime), '\u2003-\u2003'] : []), type ? `${type}\u2003-\u2003` : undefined, text);
  796. }
  797. const historyTableLock = lock('history-table'), histTable = () => historyTableLock(() => (debuglog('histTable()'), Promise.allSettled([
  798.     wait$('table:not([data-improve-scc-table])', { dataset: { improveSccTable: '' } }, 20),
  799.     getHistoryData(),
  800.     promises.sitemap,
  801.     promises.package,
  802.     promises.geo,
  803.     promises.gam
  804. ]).then(([tablePromise, histPromise, sitePromise, packPromise, geoPromise, gamPromise]) => {
  805.     debuglog('histTable() allSettled', { status: tablePromise.status }, histPromise, sitePromise, packPromise, geoPromise, gamPromise);
  806.     if (tablePromise.status == 'rejected') throw `Could not find history table\n\t${JSON.stringify(tablePromise.reason)}`;
  807.     if (histPromise.status == 'rejected') throw (debuglog('History Promise Failed… Reloading'), /*(debug ? confirm('History Promise Failed\n\nReload') : true)  && location.reload(true),*/ `Could not get history data\n\t${JSON.stringify(histPromise.reason)}`);
  808.     if (packPromise.status == 'rejected') throw (debuglog('Package Promise Failed… Reloading'), /*(debug ? confirm('Package Promise Failed\n\nReload') : true)  && location.reload(true),*/ `Could not get package data\n\t${JSON.stringify(packPromise.reason)}`);
  809.     const historytable = tablePromise.value,
  810.         historyData = histPromise.value,
  811.         sitemap = sitePromise.status == 'fulfilled' ? sitePromise.value.data : undefined,
  812.         packageData = packPromise.value,
  813.         geoData = geoPromise.status == 'fulfilled' && geoPromise.value,
  814.         gamData = gamPromise.status == 'fulfilled' && gamPromise.value;
  815.     if (historytable.dataset.improveScc == 'true') return; historytable.dataset.improveScc = 'true';
  816.     debuglog(historytable);
  817.     const logBox = _('th', { colSpan: 99 });
  818.     historytable._(
  819.         _('thead')._(_('tr')._(_('th', { colSpan: 99 })._(
  820.             sitePromise.status == 'rejected' && _('div')._(s('NoSiteData').replace('{{reason}}', JSON.stringify(sitePromise.reason))),
  821.             geoPromise.status == 'rejected' && _('div')._(s('NoGeoData').replace('{{reason}}', JSON.stringify(geoPromise.reason))),
  822.             // gamPromise.status == 'rejected' && _('div')._(s('NoGAMData').replace('{{reason}}', JSON.stringify(gamPromise.reason)))
  823.         ))),
  824.         _('tfoot')._(_('tr')._(logBox))
  825.     );
  826.     historytable.dataset.colours = JSON.parse(localStorage.getItem('SCC_Search_CONFIG') ?? '{}').colours ?? 'OnRoad';
  827.     historytable.$$('tr:not(:first-child)').forEach((tr, i) => {
  828.         const thisRow = tr.$$('td'), timestamp = D(historyData[i].stateTime);
  829.         Object.assign(historyData[i], {
  830.             timestamp,
  831.             dateISO: timestamp.toISODateString(),
  832.             YMDKey: timestamp.toYMDKey(),
  833.             operation: historyData[i].operation?.[0] ?? '',
  834.             reason: thisRow[5].innerText,
  835.             user: thisRow[6].innerText,
  836.             other: thisRow[10].innerText
  837.         });
  838.     });
  839.     debuglog(historyData);
  840.     historytable.$$('tr:not(:first-child)').forEach((tr, i) => setTimeout(() => {
  841.         const newRow = {}, thisRow = tr.$$('td'), thisHistory = historyData[i];
  842.         tr.$("td:nth-child(3) > span > p", { style: { width: 'max-content' } });
  843.         tr.before(newRow.tr = _('tr', { classList: ['newRow'] })._(newRow.td = _('td', { colSpan: 99, style: { fontWeight: 'bold' } })));
  844.         if (thisHistory.timestamp.toString() != 'Invalid Date') {
  845.             (i == 0 || thisHistory.YMDKey != historyData[i - 1].YMDKey) && (tr.classList.add('newDay'), newRow.tr.classList.add('newDay'));
  846.             thisRow[0].__(toWeekdayDateTimeString(thisHistory.timestamp, packageData.stationTimeZone));
  847.         }
  848.         if (thisHistory.deliveryLatitude && thisHistory.deliveryLongitude) {
  849.             const copy = _('button', { title: `${thisHistory.deliveryLatitude} ${thisHistory.deliveryLongitude}`, classList: ['copyButton'] },)._('\uD83D\uDCCB').on('click', () => copyText(copy.title));
  850.             thisRow[10].$('p')?.before(copy);
  851.         }
  852.         //if (thisHistory.stateTime == historyData[i - 1]?.stateTime && thisHistory.packageState == historyData[i - 1]?.packageState && thisHistory.reasonCode == historyData[i - 1]?.reasonCode) return void (tr.classList.add('die'), newRow.tr.remove());
  853.         if (historytable.dataset.colours == 'OnRoad') {
  854.             const serviceAreaId = sitemap && (thisHistory.destination && thisHistory.destination in sitemap ? sitemap[thisHistory.destination] : (thisHistory.source && thisHistory.source in sitemap ? sitemap[thisHistory.source] : undefined));
  855.             if (thisHistory.packageState == 'DELIVERED' && thisHistory.operation == 'PACKAGE_STATE_UPDATE') {
  856.                 tr.classList.add('delSuc'); newRow.tr.classList.add('delSuc');
  857.                 newRow.td._(
  858.                     ...(thisHistory.recipientName ? [_('span')._(`${s('delTo')}: ${thisHistory.recipientName} (${S(thisHistory.reasonCode.replace('DELIVERED_TO_', '').replace('_', ' ')).toWordCase().trim()})`, _('br'))] : []),
  859.                     packageData.pddDate && (packageData.pddYMDKey >= thisHistory.YMDKey ? _('span', { classList: ['goodTime'] })._(`\u2713 ${s('metPDD')}`) : _('span', { classList: ['badTime'] })._(`\u2717 ${s('missPDD')}`)),
  860.                     packageData.eadDate && (packageData.eadYMDKey >= thisHistory.YMDKey ? _('span', { classList: ['goodTime'] })._(`\u2713 ${s('metEAD')}`) : _('span', { classList: ['poorTime'] })._(`\u2717 ${s('missEAD')}`)),
  861.                     geoPromise.status == 'fulfilled' && thisHistory.deliveryLatitude && thisHistory.deliveryLongitude && distanceNode(thisHistory.deliveryLatitude, thisHistory.deliveryLongitude)
  862.                 );
  863.             }
  864.             if (thisHistory.packageState == 'DELIVERY_FAILED' && thisHistory.operation == 'PACKAGE_STATE_UPDATE') {
  865.                 tr.classList.add("delFail"); newRow.tr.classList.add('delFail');
  866.                 newRow.td._(
  867.                     _('span')._(thisHistory.reasonCode == 'BUSINESS_CLOSED' && gamPromise.status == 'fulfilled' && gamData && gamData.hourText ? `${s('BH')}\u2002${gamData.hourText}` : thisHistory.reason),
  868.                     geoPromise.status == 'fulfilled' && thisHistory.deliveryLatitude && thisHistory.deliveryLongitude && distanceNode(thisHistory.deliveryLatitude, thisHistory.deliveryLongitude)
  869.                 );
  870.             }
  871.             if (thisHistory.operation == 'ROUTE_ASSIGNMENT') {
  872.                 const buttons = _('span'), startTime = _('span'), deliveryTime = _('span');
  873.                 newRow.td._(
  874.                     _('span')._(_('strong')._(`${s('Route')} ${thisHistory.routeCode}`)),
  875.                     buttons, startTime, deliveryTime
  876.                 );
  877.                 // serviceAreaId && buttons._(_('button')._(s('cortexLinkRoute')).on('click', () => buttonclick(`${globalOrigin}/internal/operations/execution/dv/routes?provider=ALL_DRIVERS&selectedDay=${thisHistory.dateISO}&serviceAreaId=${serviceAreaId}&summariesText=${thisHistory.routeCode}`)));
  878.                 new Promise((ok, x) => {
  879.                     if (!serviceAreaId) { x('No serviceAreaId'); throw 'No serviceAreaId'; };
  880.                     if (!(thisHistory.timestamp.getTime() > (now - 14 * 24 * 60 * 60 * 1000))) { x('Too old'); throw 'Too old'; };
  881.                     XHR('GET', `${globalOrigin}/internal/operations/execution/api/route-summaries?localDate=${thisHistory.dateISO}&serviceAreaId=${serviceAreaId}`).then(json).then(cortex => {
  882.                         debuglog('cortex XHR()', cortex);
  883.                         cortex.rmsRouteSummaries.filter((route) => route.routeCode == thisHistory.routeCode).forEach((route) => {
  884.                             debuglog(route);
  885.                             routeVisButton(route.routeId, buttons, thisHistory.timestamp);
  886.                             return XHR('GET', `${globalOrigin}/internal/operations/execution/api/routes/${route.routeId}`).then(json).then(cortex => {
  887.                                 debuglog('inner cortex XHR()', cortex);
  888.                                 if (cortex.routePlan.plannedStartTime) { startTime.__(`${s('plannedStartTime').replace('{{time}}', toLocaleTZString(cortex.routePlan.plannedStartTime, packageData.stationTimeZone))}`); }
  889.                                 cortex.routePlan.stopList.filter((stop) => stop.stopPlanContext.stopType == 'DropOff').forEach((stop, i) => {
  890.                                     stop.stopDetails.packageList.filter((package) => package.scannableId == page.trackingId).forEach((package) => {
  891.                                         if (package.plannedDeliveryTime) { deliveryTime.__(`${s('plannedTime').replace('{{time}}', toLocaleTZString(package.plannedDeliveryTime, packageData.stationTimeZone))}`); }
  892.                                         return XHR('POST', `${globalOrigin}/internal/operations/execution/api/trs/trDetails`, { "trAndObjectState": [{ "trId": package.trId, "objectState": package.trObjectState }] }).then(json).then(packData => {
  893.                                             debuglog('package cortex XHR()', packData);
  894.                                             packData.trStateDetails.filter((stateDetails) => stateDetails.packageNotes).forEach((stateDetails) => stateDetails.packageNotes.forEach((notes) => {
  895.                                                 debuglog(notes);
  896.                                                 notes.noteContent.forEach((/** @type {string} */ noteText) => newCustNote(noteText.replace(/\\\\\\\\r/gim, '\r').replace(/\\\\\\\\n/gim, '\n'), toWeekdayDateString(thisHistory.timestamp), `Cortex ${notes.packageNoteType}`));
  897.                                             }));
  898.                                             ok('Got Cortex Data');
  899.                                         }).catch(x);
  900.                                     });
  901.                                 });
  902.                             }).catch(x);
  903.                         });
  904.                     }).catch(x);
  905.                 }).then(debuglog, (e) => {
  906.                     debuglog('Skipping Route Cortex: ', e, thisHistory);
  907.                     logBox._(_('span')._('Skipping Route Cortex: ', JSON.stringify(e)));
  908.                     XHR('GET', `https://routingtools-viz-${page.regionCode}.${page.regionCode}.proxy.amazon.com/route/query.json?query=%7B%22routeCodeTime%22:%22${thisHistory.dateISO}%22,%22stationCode%22:%22${thisHistory.source}%22,%22type%22:%22ROUTE_CODE%22,%22routeCode%22:%22${thisHistory.routeCode}%22%7D`).then(response => {
  909.                         debuglog('routeVisXHR()');
  910.                         routeVisButton(response.json()?.routes?.[0]?.unitPlanIdentifier, buttons, thisHistory.timestamp);
  911.                     }).catch(debuglog);
  912.                 });
  913.             }
  914.             if (thisHistory.operation == 'DRIVER_ASSIGNMENT') {
  915.                 const amConsoleBut = _('button')._(thisHistory.driverId),
  916.                     dspSpan = _('span'), cortexButtons = _('span'), plannedTime = _('span'), windowTime = _('span');
  917.                 newRow.td._(
  918.                     thisHistory.driverName && _('span')._(`${s('Driver')} ${thisHistory.driverName}`),
  919.                     thisHistory.driverId && [amConsoleBut, dspSpan], cortexButtons, plannedTime, windowTime
  920.                 );
  921.                 if (thisHistory.driverId) {
  922.                     amConsoleBut.on('click', () => buttonclick(`${globalOrigin}/amconsole/transporter/${thisHistory.driverId}`));
  923.                     XHR('GET', `${globalOrigin}/amconsole/da/dsp-info/template?id=${thisHistory.driverId}&type=transporter`).then(response => {
  924.                         if (response.text && S(response.text).contains('Business Name:')) {
  925.                             dspSpan.__(response.text.split('Business Name:')?.[1]?.split('>')?.[1]?.split('</')?.[0]);
  926.                         }
  927.                     }, debuglog);
  928.                     // serviceAreaId && cortexButtons._(_('button')._(s('cortexItinerary')).on('click', () => buttonclick(`${globalOrigin}/internal/operations/execution/dv/routes?provider=ALL_DRIVERS&selectedDay=${thisHistory.dateISO}&serviceAreaId=${serviceAreaId}&summariesText=${thisHistory.driverId}`)));
  929.                     new Promise((ok, x) => {
  930.                         if (!serviceAreaId) { x('No serviceAreaId'); throw 'No serviceAreaId'; };
  931.                         XHR('GET', `${globalOrigin}/internal/operations/execution/api/summaries?localDate=${thisHistory.dateISO}&serviceAreaId=${serviceAreaId}`).then(json).then(cortex => {
  932.                             cortex.itinerarySummaries?.filter((itinerary) => itinerary.transporterId == thisHistory.driverId).forEach((itinerary) => {
  933.                                 cortexButtons._(_('button')._(s('cortexItinerary')).on('click', () => buttonclick(`${globalOrigin}/internal/operations/execution/itineraries/${itinerary.itineraryId}/documentType/Itinerary?operationView=true&selectedDay=${thisHistory.dateISO}&serviceAreaId=${serviceAreaId}`)));
  934.                                 return XHR('GET', `${globalOrigin}/internal/operations/execution/api/itineraries/${itinerary.itineraryId}?documentType=Itinerary&itineraryId=${itinerary.itineraryId}`).then(json).then(cortex => {
  935.                                     let offset = 0;
  936.                                     cortex.itineraryDetails.stops.forEach((stop) => {
  937.                                         if (!stop.sequenceNumber) { offset++; }
  938.                                         stop.tasks.filter((task) => task.taskType == 'DROP_OFF' && task.domainMap.scannableId == page.trackingId).forEach((task) => {
  939.                                             if (stop.sequenceNumber) cortexButtons._(_('button')._(s('cortexLinkStop').replace('{{stop#}}', stop.sequenceNumber)).on('click', () => buttonclick(`${globalOrigin}/internal/operations/execution/itineraries/${itinerary.itineraryId}/documentType/Itinerary/stops/${stop.sequenceNumber - 1 + offset}?operationView=true&selectedDay=${thisHistory.dateISO}&serviceAreaId=${serviceAreaId}`)));
  940.                                             if (stop.plannedStartTime || stop.plannedEndTime) {
  941.                                                 plannedTime._(`\u2003${s('plannedTime').replace('{{time}}', `${toLocaleTZString(stop.plannedStartTime, packageData.stationTimeZone)} - ${toLocaleTZString(stop.plannedEndTime, packageData.stationTimeZone)}`)}`);
  942.                                             } else if (task.expectedExecutionTime) {
  943.                                                 plannedTime._(`\u2003${s('plannedTime').replace('{{time}}', toLocaleTZString(task.expectedExecutionTime, packageData.stationTimeZone))}`);
  944.                                             }
  945.                                             if (task.timeWindowed && (task.windowStartTime || task.windowEndTime)) {
  946.                                                 windowTime._(`\u2003${s('windowTime').replace('{{time}}', `${toLocaleTZString(1000 * task.windowStartTime, packageData.stationTimeZone)} - ${toLocaleTZString(1000 * task.windowEndTime, packageData.stationTimeZone)}`)}`);
  947.                                             }
  948.                                             return ok('Got Cortex Data');
  949.                                         });
  950.                                     });
  951.                                 }).catch(x);
  952.                             });
  953.                         }).catch(x);
  954.                     }).catch(e => {
  955.                         debuglog('Skipping Driver Cortex: ', e, thisHistory);
  956.                         logBox._(_('span')._('Skipping Driver Cortex: ', JSON.stringify(e)));
  957.                     });
  958.                 }
  959.             }
  960.             S(thisHistory.destination).contains('CUSTOMER_ADDRESS') && (thisHistory.operation == 'PACKAGE_STATE_UPDATE' || thisHistory.operation == 'ASSOCIATE_DEBRIEF') && (thisHistory.packageState == 'RECEIVED' || thisHistory.packageState == 'MARKED_FOR_REPROCESS') && tr.classList.add("rts");
  961.         }
  962.         if (historytable.dataset.colours == 'InStation') {
  963.             if (thisHistory.operation == 'PACKAGE_STATE_UPDATE') {
  964.                 thisHistory.packageState == 'INDUCTED' && tr.classList.add('delSuc');
  965.                 thisHistory.packageState == 'STOWED' && tr.classList.add('delFail');
  966.                 thisHistory.packageState == 'PICKED' || thisHistory.packageState == ('STAGED') && tr.classList.add('rts');
  967.                 S(thisHistory.destination).contains('CUSTOMER_ADDRESS') && (thisHistory.packageState == 'RECEIVED' || thisHistory.packageState == 'MARKED_FOR_REPROCESS') && tr.classList.add('delSuc');
  968.                 thisHistory.reasonCode == 'STOW_INVALID_SCAN_DONE' && tr.classList.add('endFail');
  969.             } else if (thisHistory.operation == 'SIDELINED') { tr.classList.add('delFail', 'bold4'); }
  970.         }
  971.         if (thisHistory.packageState == 'IN_TRANSIT' && thisHistory.operation == 'PACKAGE_STATE_UPDATE') { tr.classList.add("oor"); thisRow[2].$('div')?._(svg(S(thisHistory.destination).contains('CUSTOMER_ADDRESS') ? 'van' : thisHistory.destination?.[0] == 'D' ? 'in_trailer' : 'trailer')); }
  972.         thisHistory.packageState == 'INDUCTED' && thisHistory.operation == 'PACKAGE_STATE_UPDATE' && thisRow[2].$('div')?._(svg('avery', thisHistory.scanLocation));
  973.         if (thisHistory.operation == 'CANCELLED_BY_CUSTOMER' || (thisHistory.packageState == 'MARKED_FOR_REPROCESS' && thisHistory.destination == 'MIDDLE_MILE_NODE')
  974.             || ['MARKED_FOR_PROBLEM', 'DELIVERY_REJECTED', 'MARKED_AS_MISSING', 'MARKED_AS_LOST', 'DISPOSED'].includes(thisHistory.packageState)
  975.             || ['WRONG_NODE', 'OBJECT_MISSING', 'DAMAGED_FC_RETURN', 'LOCALLY_DISPOSED'].includes(thisHistory.reasonCode)) { tr.classList.add('endFail'); newRow.tr.classList.add('endFail'); }
  976.         if (S(thisHistory.user).contains('@')) {
  977.             const username = thisHistory.user.split('@')[0];
  978.             thisRow[6].$('div')?._(_('a', { href: `https://fclm-portal.amazon.com/employee/ppaTimeDetails?employeeId=${username}`, target: '_blank', classList: ['minibadge'] })._(_('img', { src: `https://internal-cdn.amazon.com/badgephotos.amazon.com/?login=${username}`, loading: 'lazy', classList: ['minibadge'] },)));
  979.         }
  980.         if (thisHistory.scanContainer && S(thisHistory.scanContainer).contains('EU_')) {
  981.             thisRow[2].$('div')?._(svg('bag', thisHistory.scanContainer, thisHistory.scanContainer.slice(-3)));
  982.         }
  983.         if ((S(thisHistory.scanContainer).containsAny('OVER-', 'CRT2-', '_DOLLY_')) || (thisHistory.packageState == 'PICKED' && S(thisHistory.scanLocation).contains('CRT2-'))) { thisRow[2].$('div')?._(svg('cart', thisHistory.scanLocation)); }
  984.         if (thisHistory.imageUrl) {
  985.             const photoImg = _('img', { src: thisHistory.imageUrl, loading: 'lazy', classList: ['photoImg', 'hide'] });
  986.             newRow.td._(_('button')._('Show/Hide Photo').on('click', () => { photoImg.classList.toggle('hide'); }), photoImg);
  987.         }
  988.         setTimeout(() => newRow.td.textContent == '' && newRow.tr.remove());
  989.     }));
  990. }).catch((e) => promises.topBar.then(improveBoxes => { debuglog('histTableError', e); improveBoxes.histTableError.__(`${e}`); }))));
  991. function outbound() {
  992.     debuglog('outbound()');
  993.     wait$('#root').then(root => {
  994.         document.documentElement.dataset.improveSccCssOutboundPage = '';
  995.         new MutationObserver(() => queueMicrotask(() => {
  996.             const thead = $('thead'), tbody = $('tbody');
  997.             if (!thead || !tbody) return;
  998.             const [badgeCol, cartCol, driverCol] = thead?.$$('th').map(th => S(th?.innerText)).reduce(([badgeCol, cartCol, driverCol], th, i) => [
  999.                 th.dictContains('associate') ? i + 1 : badgeCol,
  1000.                 th.dictContains('cartID') ? i + 1 : cartCol,
  1001.                 th.dictContains('driver') ? i + 1 : driverCol
  1002.             ], [0, 0, 0]);
  1003.             debuglog(badgeCol, cartCol, driverCol);
  1004.             tbody?.$$('tr').forEach(tr => {
  1005.                 if (badgeCol) {
  1006.                     tr.$$(`td:nth-child(${badgeCol}) a`).forEach(a => {
  1007.                         if (a?.$('input')) return;
  1008.                         if (a?.$('img') || a?.parentNode?.querySelector('img')) { a?.classList.add('badge'); return; }
  1009.                         [...a?.parentNode?.childNodes ?? []].filter((text) => (text.nodeName == '#text')).forEach((text) => text.remove());
  1010.                         miniBadge(a, 1);
  1011.                     });
  1012.                 }
  1013.                 if (driverCol) {
  1014.                     const driver = tr.$(`td:nth-child(${driverCol}) span > p[mdn-text][title]`);
  1015.                     if (driver?.classList) {
  1016.                         driver.parentNode?.append(_('a', { href: `${globalOrigin}/amconsole/transporter/${driver.title}`, target: '_blank' })._(driver));
  1017.                     }
  1018.                 }
  1019.             });
  1020.         })).observe(root, { characterData: true, attributes: false, childList: true, subtree: true });
  1021.     });
  1022. }
  1023. function associate() {
  1024.     debuglog('associate()');
  1025.     document.documentElement.dataset.improveSccCssBadgesPage = '';
  1026.     if (hrefContains('receive')) {
  1027.         const tabs = $$("[role=tablist] label");
  1028.         if (!tabs.length) { setTimeout(associate, 500); return; }
  1029.         debuglog(tabs);
  1030.         tabs.at(-1)?.do('click');
  1031.         page.region = window.location.href.split('ivs')[1].split('.')[0];
  1032.         document.documentElement.dataset.improveSccCssReceivePage = '';
  1033.         wait$('#root').then(root => new MutationObserver(() => setTimeout(() => {
  1034.             $$('#root table tbody > tr > [scope=row]:first-child:not(.fmcload)').forEach(td => {
  1035.                 debuglog(td);
  1036.                 td.classList.add('fmcload');
  1037.                 const vrId = td.textContent;
  1038.                 XHR('GET', `https://trans-logistics${page.region == 'na' ? '' : `-${page.region}`}.amazon.com/fmc/api/v2/execution/load/${vrId}/mapFeature/stops`).then(json).then(responseJSON => {
  1039.                     td.title = responseJSON.reduce((prev, next) => `${prev}${next.timelineEvent.title}:\n${next.timelineEvent.stopActions.reduce((prev, next) => `${prev}${next.actualCompletedTime?.utcMillis ? `\u2003${next.yardActionType} - ${toWeekdayDateTimeString(next.actualCompletedTime?.utcMillis)}\n` : ''}`, '')}\n`, '');
  1040.                     td.classList.add('fmcdone');
  1041.                 });
  1042.             });
  1043.         })).observe(root, { characterData: true, attributes: false, childList: true, subtree: true }));
  1044.         return;
  1045.     }
  1046.     // if (hrefContains('induct')) return;
  1047.     if (hrefContains('packageList')) { packageList(); return; }// WIP does not work yet.
  1048.     wait$('#root').then(root => {
  1049.         setInterval(() => root.append(mutationComment), 6000);
  1050.         new MutationObserver(() => {
  1051.             setTimeout(() => {
  1052.                 const badgeCol = $$('thead th').reduce((/**@type {false | number}*/bool, th, i) => bool || S(th?.innerText).dictContains('associate') && i + 1, false);
  1053.                 if (!badgeCol) return;
  1054.                 $$(`tbody tr :is(th, td):nth-child(${badgeCol}) span`).forEach(a => {
  1055.                     if (a?.$('input')) return;
  1056.                     if (a?.$('img')) { a?.classList.add('badge'); return; }
  1057.                     miniBadge(a, 0);
  1058.                 });
  1059.             });
  1060.         }).observe(root, { characterData: true, attributes: false, childList: true, subtree: true });
  1061.     });
  1062. }
  1063. function packageList() {
  1064.     debuglog('packageList()');
  1065.     wait$('tbody').then(tbody => {
  1066.         $('thead tr')?._(_('th', { classList: ['css-1j7l84d'] })._(_('span')._('PDD')));
  1067.         packageListXHR();
  1068.         new MutationObserver(packageListXHR).observe(tbody, { characterData: true, attributes: false, childList: true, subtree: true });
  1069.     });
  1070. }
  1071. function psTab() {
  1072.     debuglog('psTab()');
  1073.     document.documentElement.dataset.improveSccCssBadgesPage = '';
  1074.     wait$('body').then(body => {
  1075.         new MutationObserver(() => setTimeout(() => {
  1076.             const badgeCol = $('thead')?.$$('th').reduce((/**@type {false | number}*/badgeCol, th, i) => badgeCol || S(th?.innerText).dictContains('Reportedby') && (i + 1), false);
  1077.             badgeCol && $('tbody')?.$$('tr').forEach(tr => {
  1078.                 debuglog(tr);
  1079.                 const a = tr.$(`td:nth-child(${badgeCol}) span`);
  1080.                 if (a?.$('img')) { a.classList.add('badge'); return; }
  1081.                 a && miniBadge(a, 0);
  1082.             });
  1083.         })).observe(body, { characterData: true, attributes: false, childList: true, subtree: true });
  1084.     });
  1085.     debuglog('psTab - MO - Start');
  1086. }
  1087. //#endregion
  1088.  
  1089. //#region: XHR Functions
  1090. /** @type {() => Promise<PackageData>} */
  1091. function getPackageData() {
  1092.     debuglog('getPackageData()');
  1093.     return XHR('POST', `${globalOrigin}/station/proxyapigateway/data`, { "resourcePath": "/os/getPackageDetailData", "httpMethod": "get", "processName": "oculus", "requestParams": { "trackingId": [page.trackingId] } }).then(response => {
  1094.         debuglog('getPackageDataXHR()');
  1095.         const packageData = response.json().packageDetail.packageData;
  1096.         packageData.amxl = S(packageData.shipInfo.shipMethod).contains('_SH');
  1097.         packageData.pddDate = packageData.shipInfo.promisedDeliveryTime ? D(packageData.shipInfo.promisedDeliveryTime) : undefined;
  1098.         packageData.eadDate = packageData.shipInfo.estimatedArrivalTime ? D(packageData.shipInfo.estimatedArrivalTime) : undefined;
  1099.         packageData.pddYMDKey = packageData.pddDate?.toYMDKey();
  1100.         packageData.eadYMDKey = packageData.eadDate?.toYMDKey();
  1101.         packageData.oversize = ((m, l, w, h) => {
  1102.             packageData.volume = l * w * h;
  1103.             packageData.letterbox = (h <= 3.8 && w <= 25.4);
  1104.             return (m > 5
  1105.                 || packageData.volume > 50000
  1106.                 || l > 73 || w > 73 || h > 73
  1107.                 || (l > 53 && (w > 40 || h > 40))
  1108.                 || (w > 53 && (l > 40 || h > 40))
  1109.                 || (h > 53 && (w > 40 || l > 40))
  1110.             );
  1111.         })(
  1112.             packageData.packageDimensions.packageWeight.unit == 'ounces' ? 0.02834952 * packageData.packageDimensions.packageWeight.value : packageData.packageDimensions.packageWeight.value,
  1113.             packageData.packageDimensions.packageLength.value,
  1114.             packageData.packageDimensions.packageWidth.value,
  1115.             packageData.packageDimensions.packageHeight.value
  1116.         );
  1117.         packageData.pcd = packageData.customerInfo.customerAddress?.split(',')?.slice(-1)[0];
  1118.         superlog('package', packageData);
  1119.         return packageData;
  1120.     });
  1121. }
  1122. /** @type {([improveRoot, packageData]:[ImproveRoot, PackageData]) => ImproveBoxes} */
  1123. function usePackageData([improveRoot, packageData]) {
  1124.     debuglog('usePackageData()', improveRoot, packageData);
  1125.     const improveBoxes = /** @type {ImproveBoxes} */(improveRoot);
  1126.     document.documentElement.dataset.improveSccXhr = '';
  1127.     if (packageData.shipInfo.itemDescription) { improveBoxes.items.__(packageData.shipInfo.itemDescription); };
  1128.     addButton(`https://sim.amazon.com/issues/search?q=(${packageData.orderInfo.orderId}+OR+${packageData.trackingId})&sort=lastUpdatedConversationDate`, s('SIM'), -1, { id: 'SIM' });
  1129.     if (packageData.amxl && page.region == 'na') { addButton(`http://amxl-ba.corp.amazon.com/Passage/#${packageData.trackingId}`, s('Passage'), 2); }
  1130.     colourResult(packageData.shipInfo.shipMethod, improveBoxes.head);
  1131.     improveBoxes.head.__(
  1132.         _('div')._(
  1133.             improveBoxes.trackingId = _('h1')._(page.trackingId).on('click', () => copyText(page.trackingId)),
  1134.             _('div')._(_('strong')._(s('shipMethod')), packageData.shipInfo.shipMethod),
  1135.             _('div')._(_('strong')._(s('shipOption')), packageData.shipInfo.shipOption),
  1136.             // packageData.serviceType?.length && _('div')._(_('strong')._(s('serviceType')), packageData.serviceType) : undefined,
  1137.             packageData.orderInfo.orderId && (improveBoxes.orderId = _('div', { id: 'oid', classList: [S(packageData.orderInfo.orderId).containsAny('VRET', 'S02-') ? 'vret' : undefined] })._(_('strong')._(s('oId')), packageData.orderInfo.orderId).on('click', () => copyText(packageData.orderInfo.orderId))),
  1138.             // improveBoxes.customerId = _('div')._(_('strong')._(s('customerId')), improveBoxes.customerIdText = _('span')._('…')).on('click', () => copyText(improveBoxes.customerIdText.innerText)),
  1139.             packageData.linkedTrackingIds.map((linktid) => _('div', { classList: ['linktid'] })._(_('strong')._(s('lTId')), _('a', { href: `${globalOrigin}/station/dashboard/search?shareableLink=detailPage%2F${linktid}`, target: '_blank' })._(linktid))),
  1140.             improveBoxes.multiPart = _('div'),
  1141.         ),
  1142.         _('div', { id: 'flags' })._(
  1143.             improveBoxes.OTP = packageData.hasOtp ? _('strong', { id: 'OTP', style: { color: 'red' } })._(s('OTP')) : undefined,
  1144.             (S(packageData.shipInfo.shipMethod).contains('AGEVER') || packageData.isAvdPackage) && _('strong', { style: { color: 'red' } })._(s('AVD')),
  1145.             packageData.isHazmat && _('strong', { style: { color: 'darkorange' } })._(s('HAZMAT')),
  1146.             packageData.orderInfo.orderAmount >= ((cur) => cur == 'INR' ? 10000 : cur == 'JPY' ? 20000 : cur == 'BRL' ? 500 : 100)(packageData.orderInfo.orderCurrency) && _('strong', { style: { color: 'forestgreen' } })._(s('HV').replace(/ /g, '\u00a0')),
  1147.             (packageData.amxl ? [_('strong', { style: { color: 'royalblue' } })._('AMXL')] : [
  1148.                 packageData.letterbox && _('strong', { style: { color: 'royalblue' } })._(s('LB')),
  1149.                 (packageData.oversize || packageData.isOv) && _('strong', { style: { color: 'royalblue' } })._(s('OVER')),
  1150.                 packageData.packageDimensions.packageWeight.value > 20 ? _('strong', { style: { color: 'royalblue' } })._(s('VH').replace(/ /g, '\u00a0')) : packageData.packageDimensions.packageWeight.value > 10 ? _('strong', { style: { color: 'royalblue' } })._(s('H')) : undefined
  1151.             ])
  1152.         ),
  1153.         _('div')._(
  1154.             _('div')._(`${formatUnit(packageData.packageDimensions.packageLength)} x ${formatUnit(packageData.packageDimensions.packageWidth)} x ${formatUnit(packageData.packageDimensions.packageHeight)}`),
  1155.             _('div', { classList: ['spaced'] })._(
  1156.                 _('span')._(`${packageData.volume.toFixed(0)}\u00a0cm³`),
  1157.                 _('span')._(`${formatUnit(packageData.packageDimensions.packageWeight)}`),
  1158.                 _('span')._(formatCurrency({ currency: packageData.orderInfo.orderCurrency, value: packageData.orderInfo.orderAmount }))
  1159.             ),
  1160.             improveBoxes.fc = _('div', { id: 'fcBox' }),
  1161.             packageData.eadDate && _('div')._(_('strong')._('EAD:'), `\u2002${toWeekdayDateTimeString(packageData.eadDate)}`),
  1162.             packageData.pddDate && _('div')._(_('strong')._('PDD:'), `\u2002${(['AMZN_DE_SAME_SD', ' AMZN_ES_SAME_SD', 'AMZN_FR_SAME_SD', 'AMZN_IT_SAME_SD', 'AMZN_UK_SAME_SD'].includes(packageData.shipInfo.shipMethod) && packageData.shipInfo.shipOption == 'rush' ? toWeekdayDateString : toWeekdayDateTimeString)(packageData.pddDate)}`),
  1163.             !!(packageData.shipInfo.scheduledDeliveryTime && packageData.shipInfo.scheduledDeliveryTimeEnd) && _('div', { classList: ['simple-flex'] })._(_('strong')._('Scheduled:'), _('span')._(_('div')._(toWeekdayDateTimeString(packageData.shipInfo.scheduledDeliveryTime, packageData.stationTimeZone)), _('div')._(toWeekdayDateTimeString(packageData.shipInfo.scheduledDeliveryTimeEnd, packageData.stationTimeZone))))
  1164.         ),
  1165.         improveBoxes.customerCol = _('div', { id: 'customerColumn' })._(
  1166.             _('div')._(packageData.customerInfo.customerName),
  1167.             _('div')._(packageData.customerInfo.customerAddress.replace(/,/g, ', ').replace(/\s+/g, ' ')),
  1168.             _('strong')._(packageData.customerInfo.customerAddressType),
  1169.             improveBoxes.nak = _('div', { id: 'NAK' }),
  1170.             improveBoxes.phr = _('div', { id: 'PHR' }),
  1171.             _('strong')._('Customer Notes:'),
  1172.             improveBoxes.notes = _('div', { id: 'custNotes' })._(...packageData.customerNotes.map((note) => custNoteDiv(note.customerNoteContent, note.dateAdded)))
  1173.         )
  1174.     );
  1175.     if (packageData.amxl) {
  1176.         XHR('POST', `${globalOrigin}/station/proxyapigateway/data`, {
  1177.             "resourcePath": "/os/batchGetPackageSummary",
  1178.             "httpMethod": "post",
  1179.             "processName": "oculus",
  1180.             "requestBody": { "idType": "TRACKING_ID", "identifiers": [packageData.orderInfo.orderId], "nodeId": packageData.routeInfo.stationCode, "includeFields": [] }
  1181.         }).then(json).then(searchResult => {
  1182.             const items = searchResult.packageSummaryList.filter((resultRow) => (page.trackingId != resultRow.trackingId)).map((resultRow) => _('a', { href: `${globalOrigin}/station/dashboard/search?shareableLink=detailPage%2F${resultRow.trackingId}`, target: '_blank' })._(resultRow.trackingId));
  1183.             if (items.length) improveBoxes.multiPart.__(s('sameOrderID'), items);
  1184.         });
  1185.     }
  1186.     return improveBoxes;
  1187. }
  1188. /** @type {() => Promise<SiteMap>} */
  1189. function siteMap() {
  1190.     let sitemap;
  1191.     if ((sitemap = localStorage.getItem('sitemap')) && (sitemap = JSON.parse(sitemap)) && (sitemap.timestamp > now - 7 * 24 * 60 * 60 * 1000) && sitemap.hasOwnProperty('data')) { return Promise.resolve(sitemap); }
  1192.     return XHR('GET', `${globalOrigin}/flex/api/getOperationalRegions`).then(response => {
  1193.         debuglog('sitemap', response);
  1194.         const sitemap = { timestamp: now, data: {} };
  1195.         response.json().forEach((region) => region.basicServiceAreas.forEach((site) => (sitemap.data[site.defaultStationCode] = site.serviceAreaID)));
  1196.         localStorage.setItem('sitemap', JSON.stringify(sitemap));
  1197.         return sitemap;
  1198.     }, error => {
  1199.         if ('text' in error) delete error.text;
  1200.         throw error;
  1201.     });
  1202. }
  1203. /** @type {() => Promise<GeoData>} */
  1204. function getGeoData() {
  1205.     debuglog('getGeoData()');
  1206.     return XHR('POST', `https://api-gam.${page.region}.prod.geostudio.last-mile.amazon.dev/api/getAddressInfo`, { "id": page.trackingId, "idType": "Auto", "gdeView": "" }).then(json, json).then(geoData => {
  1207.         debuglog('geoData', geoData);
  1208.         const message = (geoData.message ?? geoData.Message); if (message == 'Unauthenticated' || S(message)?.contains('not authorized')) throw message;
  1209.         /**@type {GeoData} */
  1210.         const returnGeoData = Object.assign({
  1211.             deliveryHint: geoData.deliveryHint,
  1212.             nak: (geoData?.geocodingServiceResult ?? geoData?.geospatialData)?.scope10NAK ?? geoData?.geocodingServiceResult?.scope10NAK,
  1213.             phr: geoData?.preferredDeliveryLocations?.length && geoData?.preferredDeliveryLocations?.reduce((a, b) => `${a}, ${b}`),
  1214.         }, ((geoData?.geocodingServiceResult ?? geoData?.geospatialData)?.bestDeliveryPoint ?? geoData?.addressServiceGeocode)?.coordinates);
  1215.         returnGeoData.validLatLon = !(returnGeoData.latitude === undefined || returnGeoData.latitude === null || returnGeoData.longitude === undefined || returnGeoData.longitude === null);
  1216.         if (returnGeoData.validLatLon) { return returnGeoData; }
  1217.         throw `Geo data has invalid lat/lon: ${JSON.stringify(geoData)}`;
  1218.     }).catch(e => { throw e; });
  1219. }
  1220. /** @type {([improveBoxes, geoData]:[ImproveBoxes, GeoData]) => void} */
  1221. function useGeoData([improveBoxes, geoData]) {
  1222.     superlog('useGeoData()', geoData);
  1223.     if (geoData.nak) { improveBoxes.nak._(_('strong')._('NAK:\u2002'), geoData.nak.replace(/(\!+)/g, ' $1 ')); }
  1224.     if (geoData.phr) { improveBoxes.phr._(_('strong')._('Safe Place(s):\u2002'), geoData.phr); }
  1225.     if (!geoData.validLatLon) return;
  1226.     improveBoxes.buttons._(($('#latlonbuts') || _('div', { id: 'latlonbuts', style: { order: `${4}` } })).__(
  1227.         s('LatLon'),
  1228.         miniButton(`http://maps.google.com/maps?t=h&q=loc:${geoData.latitude}+${geoData.longitude}`),
  1229.         miniButton(`https://bing.com/maps?style=a&where1=${geoData.latitude} ${geoData.longitude}`),
  1230.         miniButton(`https://www.openstreetmap.org/#map=17/${geoData.latitude}/${geoData.longitude}`),
  1231.         miniButton(`https://duckduckgo.com/?iaxm=maps&q=${geoData.latitude}+${geoData.longitude}`),
  1232.         miniButton(`https://explore.osmaps.com/en?lat=${geoData.latitude}&lon=${geoData.longitude}&zoom=16.0000`)
  1233.     ));
  1234. }
  1235. /** @type {(packageData:PackageData) => Promise<GAMData>} */
  1236. function getGAMData(packageData) {
  1237.     debuglog('getGAMData()');
  1238.     return Promise.reject('GAM requests disabled');
  1239.     const countryCode = packageData.shipInfo.shipMethod.split('_')[1];
  1240.     return XHR('GET', `https://gamtools-${page.region}.aka.amazon.com/searchResults?searchId=${page.trackingId}&idType=TRACKING_ID&countryCode=${countryCode == 'UK' ? 'GB' : countryCode}`).then(response => { try { return response.json(); } catch (e) { throw response.text; } }).then(json => {
  1241.         debuglog('gam', json);
  1242.         if (!('step_up_methods' in json)) { throw 'Unknown JSON'; }
  1243.         if (midwayWindow == null || midwayWindow == undefined || midwayWindow.closed) {
  1244.             midwayWindow = window.open(json.step_up_methods[0].cap_url, 'midwayAuth', 'width=1200, height=800');
  1245.             if (midwayWindow == null || midwayWindow == undefined || midwayWindow.closed) { throw 'Midway Popup Blocked'; }
  1246.         }
  1247.         midwayWindow.focus(); throw (json.step_up_methods[0].cap_display_string || 'Please login with Midway');
  1248.     }, text => {
  1249.         debuglog('gam', text);
  1250.         if (text.contains("Oops, something has gone wrong") || text.contains("not authorized")) { return { hourText: undefined }; }
  1251.         if (text.contains('is not yet in GAM. Addresses may take a few days to reflect.')) { return { hourText: s('GAM404') }; }
  1252.         const gam = _('html', { innerHTML: text.replace(/\<script.*\<\/script\>/gim, '') });
  1253.         let hoursList = []; hoursList.push(...gam.$$("#canonicalAttributes div.canonical-attribute-values > b"), ...gam.$$("#Business-Hours-canonical-values > b"));
  1254.         return {
  1255.             unitImg: gam.$("img.unit-icon")?.src,
  1256.             hourText: hoursList.filter(b => S(b.innerText.replace(/ /gim, '').slice(0, 3)).inDict('GAMdays') && Number.isNaN(Number(b.innerText.slice(0, 4)))).map(b => b.innerText).join('\u2003') || s('GAMnoHours'),
  1257.             hintText: gam.$$('#canonicalAttributes li').reduce((hintText, li) => `${hintText}${S(li.innerText).contains('Delivery Hint') && li.$('b') ? li.$('b')?.innerHTML : ''}`, '')
  1258.         };
  1259.     });
  1260. }
  1261. /** @type {([improveBoxes, gamData, historyData]:[ImproveRoot, GAMData, HistDataRow[]]) => void} */
  1262. function useGAMData([improveBoxes, gamData, historyData]) {
  1263.     superlog('useGAMData()', gamData);
  1264.     addButton(`https://gamtools-${page.region}.aka.amazon.com/search?searchId=${page.trackingId}&idType=TRACKING_ID`, s('GAM'), 2);
  1265.     const bizClosed = historyData.filter((row) => row.reasonCode == 'BUSINESS_CLOSED');
  1266.     gamData.hourText !== null && improveBoxes.gam.__(`${s('Hours')} ${gamData.hourText}`, !!bizClosed.length && _('div', { id: 'gamfail' })._(`${s('FailedAttempt')}\u2003`, bizClosed.map(row => toWeekdayDateString(row.stateTime)).join(' | ')));
  1267.     gamData.hintText && newCustNote(gamData.hintText, null, s('GAMhint'));
  1268. }
  1269. // function getTaxonomy([improveBoxes, eeData]) {
  1270. //     XHR('GET', `https://transportation-taxonomy-${page.regionCode}.aka.amazon.com/loadContainer?containerId=${eeData.tcdaId}&versionNumber=`).then(response => response.text.replace(/\s+/gim, ' ')).then(responseText => {
  1271. //         debuglog(responseText);
  1272. //         if (responseText.contains('Content is hidden because of Access control on Transportation Taxonomy')) { throw 'No Access to Transportation Taxonomy'; }
  1273. //         try {
  1274. //             let tempText = responseText.split('"transactionType":')[1].split(',')[0].replaceAll('\\', '').replaceAll('"', '').trim();
  1275. //             if (tempText == 'null') { throw ''; }
  1276. //             improveBoxes.transactionType.__(tempText);
  1277. //         } catch (e) { improveBoxes.transactionType.remove(); }
  1278. //         try {
  1279. //             improveBoxes.replacementType.__(responseText.split('"replacementType":')[1].split(',')[0].replaceAll('\\', '').replaceAll('"', '').trim());
  1280. //         } catch (e) { improveBoxes.replacementType.remove(); }
  1281. //         const fragments = responseText.split('java.util.HashMap');
  1282. //         new Promise((resolve, reject) => { fragments.filter((fragment) => fragment.contains('OTPRequired')).forEach((fragment) => fragment.split(',').filter((HashMap) => HashMap.contains('OTPRequired') && HashMap.contains('true')).forEach(resolve)); reject(); }).then(
  1283. //             () => { improveBoxes.OTP.__(s('OTP')); improveBoxes.SIG.remove(); },
  1284. //             () => new Promise((resolve, reject) => { fragments.filter((fragment) => fragment.contains('SignatureRequired')).forEach((fragment) => fragment.split(',').filter((HashMap) => HashMap.contains('SignatureRequired') && HashMap.contains('true')).forEach(resolve)); reject(); }).then(
  1285. //                 () => { improveBoxes.SIG.__(s('SIG')); improveBoxes.OTP.remove(); },
  1286. //                 () => new Promise((resolve, reject) => { responseText.split('"name":"ServiceOfferings"').filter((fragment) => fragment.split('"targetEntityName":')[1]?.contains('"OTP"')).forEach(resolve); reject(); }).then(
  1287. //                     () => { improveBoxes.OTP.__(s('OTP')); improveBoxes.SIG.remove(); },
  1288. //                     () => { improveBoxes.OTP.remove(); improveBoxes.SIG.remove(); }
  1289. //                 )
  1290. //             )
  1291. //         );
  1292. //     }).catch(e => {
  1293. //         improveBoxes.OTP.remove();
  1294. //         improveBoxes.SIG.remove();
  1295. //         improveBoxes.taxonomyError._('No OTP or Sig Data: ', e);
  1296. //     });
  1297. // }
  1298. // function getOBLT() {
  1299. //     debuglog('getOBLT()');
  1300. //     return XHR('GET', `https://trans-app-prod-${page.region}.amazon.com/outboundLookup/packageLookup.cgi?submitForm=Submit;data_type=TRACKING_ID;id=${page.trackingId}`).then(response => response.text).then(html => {
  1301. //         const oblt_row = _('html', { innerHTML: html.replace(/\<script.*\<\/script\>/gim, '') }).$$('table#resultsTable tr[rownum="0"] td');
  1302. //         return {
  1303. //             fulfillmentShipmentId: oblt_row[3]?.textContent,
  1304. //             orderingShipmentId: oblt_row[5]?.textContent,
  1305. //             customerId: oblt_row[9]?.textContent,
  1306. //             FC: oblt_row[10]?.textContent
  1307. //         };
  1308. //     });
  1309. // }
  1310. // function useOBLTData([improveBoxes, obltData]) {
  1311. //     debuglog('useOBLTData()', obltData);
  1312. //     improveBoxes.customerIdText.__(obltData.customerId);
  1313. //     addButton(`https://hero.${page.region}.picking.aft.a2z.com/fc/${obltData.FC}/pick-events/customer-shipment/${obltData.fulfillmentShipmentId}`, s('Hero'), 1);
  1314. //     XHR('GET', `https://hero.${page.region}.picking.aft.a2z.com/api/fcs/${obltData.FC}/entities/type/CUSTOMER_SHIPMENT/id/${obltData.fulfillmentShipmentId}/events`).then(response => {
  1315. //         response.json().EventList.filter((event) => event.eventType == 'COMPLETE_PACKAGE').forEach((event) => {
  1316. //             XHR('GET', `https://hero.${page.region}.picking.aft.a2z.com/api/fcs/${obltData.FC}/entities/type/CUSTOMER_SHIPMENT/id/${obltData.fulfillmentShipmentId}/events/id/${event.requestId}/details/key/${encodeURIComponent(event.eventDetailsKey)}`).then(response => {
  1317. //                 if (!response.text.contains('boxRecommendation=')) return;
  1318. //                 improveBoxes.fc.__(_('strong')._('FC Box Recommendation: '), response.text.split('boxRecommendation=')[1].split(',')[0]);
  1319. //             });
  1320. //         });
  1321. //     });
  1322. //     addButton(`https://slamops-dub.amazon.com/packageHistory/?warehouseId=${obltData.FC}&shipmentId=${obltData.fulfillmentShipmentId}`, s('SlamOps'), 1);
  1323. // }
  1324. /** @type {() => Promise<HistDataRow[]>} */
  1325. function getHistoryData() {
  1326.     debuglog('getHistoryData()');
  1327.     return XHR('POST', `${globalOrigin}/station/proxyapigateway/data`, { "resourcePath": "/os/getPackageHistoryData", "httpMethod": "post", "processName": "oculus", "requestBody": { "packageId": page.trackingId, "pageSize": 100, "pageToken": null, "startTime": null, "endTime": null } }).then(json).then(({ packageHistory }) => packageHistory);
  1328. }
  1329. /** @type {(routeId: string, node: Extended<HTMLElement>, timestamp: ExtendedDate) => void} */
  1330. function routeVisButton(routeId, node, timestamp) {
  1331.     debuglog('routeVisButton()', routeId, node, timestamp);
  1332.     node._(
  1333.         _('button')._(s('RouteVis')).on('click', () => buttonclick(`https://routingtools-viz-${page.regionCode}.${page.regionCode}.proxy.amazon.com/route/routevisualize.jsp#/search?routeId=${routeId}`)),
  1334.         (timestamp.toMidnightLocal() < D().toMidnightLocal()) && _('button')._(s('RouteDiver')).on('click', () => buttonclick(`https://routediver-${page.regionCode}.${page.regionCode}.proxy.amazon.com/#?routeId=${routeId}`)),
  1335.         _('button')._(s('RouteEagle')).on('click', () => buttonclick(`https://global.eagle.routeiq.last-mile.amazon.dev/?routes=${routeId}&region=${page.region?.toUpperCase()}`))
  1336.     );
  1337. }
  1338. function packageListXHR() {
  1339.     const searchXHRpayload = {
  1340.         "resourcePath": "/os/batchGetPackageSummary",
  1341.         "httpMethod": "post",
  1342.         "processName": "oculus",
  1343.         "requestBody": {
  1344.             "idType": "TRACKING_ID",
  1345.             /** @type {(string | undefined)[]} */
  1346.             "identifiers": [],
  1347.             "nodeId": (/.*stationCode=([A-Z0-9]+).*/.exec(page.url[3]) || '')[1],
  1348.             "includeFields": []
  1349.         }
  1350.     }, trMap = {};
  1351.     $$('tbody tr').forEach(tr => {
  1352.         const tId = tr.$('td span')?.innerText;
  1353.         if (tr.tId == tId) return;
  1354.         tr.tId = tId;
  1355.         trMap[tId] = tr;
  1356.         searchXHRpayload.requestBody.identifiers.push(tId);
  1357.         tr.$('.pdd')?.remove?.();
  1358.         tr.classList.remove('AVD', 'SWA', 'LOCK', 'SAME');
  1359.     });
  1360.     debuglog(searchXHRpayload);
  1361.     if (searchXHRpayload.requestBody.identifiers.length) {
  1362.         XHR('POST', `${globalOrigin}/station/proxyapigateway/data`, searchXHRpayload).then(json).then(searchResult => {
  1363.             searchResult.packageSummaryList.forEach((resultRow) => {
  1364.                 const td = $(`row_${resultRow.trackingId} .pdd`) || _('td', { classList: ['pdd'] });
  1365.                 if (resultRow.promisedDeliveryDate) { td.__(_('div', { style: { display: 'inline-block', width: '140px' } })._(toWeekdayDateString(resultRow.promisedDeliveryDate))); }
  1366.                 trMap[resultRow.trackingId]._(td);
  1367.                 colourResult(resultRow.shipMethod, trMap[resultRow.trackingId]);
  1368.             });
  1369.         });
  1370.     }
  1371. }
  1372. const /** @type {Record<string, string>} */ AWS_POD_REGION_MAPPING = { eu: "eu-west-1", na: "us-east-1", fe: "us-west-2" };
  1373. function getPODData() {
  1374.     promises.topBar.then(improveBoxes => {
  1375.         improveBoxes.podContainer.__('POD: Please wait…');
  1376.         XHR('GET', `https://honeypot.amazon.dev/api/searchImageByIndex?input=${encodeURIComponent(JSON.stringify({ "imageIndex": page.trackingId, "imageType": "PHOTO_ON_DELIVERY", "searchBy": "TRACKING_ID", "region": AWS_POD_REGION_MAPPING[page.region ?? ''] }))}`).then(r => r.json(), r => r.json()).then((/** @type {PODResponse} */ data) => {
  1377.             improveBoxes.podContainer.__(
  1378.                 _('div', { classList: ['button-align'] })._(
  1379.                     _('button', { classList: ['close'] })._('X').on('click', () => improveBoxes.podContainer.__()),
  1380.                 ),
  1381.                 _('section')._(
  1382.                     ('error' in data) ? data.error : data.result.data.imageList.length ? data.result.data.imageList.map(
  1383.                         ({ imageInfo, imagePresignedUrl }) => _('div', { classList: ['pod-item'] })._(
  1384.                             _('img', { src: imagePresignedUrl, classList: ['pod-img'] }),
  1385.                             _('span')._(imageInfo.imageAttributeData.imageType),
  1386.                             _('span')._(D(imageInfo.photographedDate * 1e3).toISODateTimeString()),
  1387.                             _('span')._(imageInfo.metadataMap.REASON_CODE),
  1388.                             _('div')._(
  1389.                                 _('span')._(`${formatUnit({ value: imageInfo.geocode.latitude, unit: 'degree' })}, ${formatUnit({ value: imageInfo.geocode.longitude, unit: 'degree' })}`),
  1390.                                 distanceNode(imageInfo.geocode.latitude, imageInfo.geocode.longitude))
  1391.                         )
  1392.                     ) : 'No Results Found'
  1393.                 )
  1394.             );
  1395.         }).catch(e => improveBoxes.podContainer.__(JSON.stringify(e)));
  1396.     });
  1397. }
  1398.  
  1399. //#endregion
  1400.  
  1401. //#region: Mini Functions
  1402. /** Add svg css */
  1403. _css(`svg[data-improve-scc-svg] {
  1404.     path { stroke-linecap: round; stroke-linejoin: round; }
  1405.     path.bag { stroke: black; fill-opacity: 0.75; }
  1406.     path.bag.out { fill-opacity: 1; }
  1407.     path.box { fill: #FF7F00; }
  1408.     path.tape { fill: #000000; }
  1409.     path.label { fill: #FFFFFF; }
  1410.     &.cart {
  1411.         path.cage { stroke: yellow; fill: none; }
  1412.         path.cage.floor { fill: #000000; }
  1413.         circle.wheel { fill: #7F7F7F; }
  1414.     }
  1415.     &.van {
  1416.         .van { fill: #232F3E; stroke: #0096D6; }
  1417.         .window { fill: white; stroke: #0096D6; }
  1418.         .smile { fill: #0096D6; stroke: #0096D6; }
  1419.         .wheel { fill: white; stroke: white; }
  1420.         path.wheelnut { fill: #0096D6; stroke: #0096D6; }
  1421.     }
  1422.     &:is(.trailer, .in_trailer) {
  1423.         path.cab { fill: #232f3e; stroke: black; }
  1424.         path.trailer { fill: #0096d6; stroke: black; }
  1425.         path.window { fill: #afafFF; stroke: black; }
  1426.         path.tsmile { fill: #ffffff; stroke: #ffffff; }
  1427.         circle.wheel { fill: #404040; stroke: black; }
  1428.     }
  1429.     &:is(.avery){
  1430.         path.print { fill: black; }
  1431.         path.deco { fill: #bb0000; }
  1432.         path.clip { fill: #bbbb00; }
  1433.     }
  1434. }`);
  1435. /** @type {(type: string, title?: string?, colour?: string) => Extended<SVGSVGElement>} */
  1436. function svg(type, title, colour) {
  1437.     const svg = _svg('svg', { dataset: { improveSccSvg: '' }, attributeList: { viewBox: '0 0 60 60' }, classList: [type, 'bag', colour] })._(title && _svg('title')._(title));
  1438.     switch (type) {
  1439.         case 'bag':
  1440.             svg.setAttribute('viewBox', '0 10 60 40');
  1441.             svg._(
  1442.                 _svg('path', { classList: ['bag', 'colour'], attributeList: { d: 'M 20,15 h 40 v 20 h -40 z' } }),
  1443.                 _svg('path', { classList: ['bag', 'colour'], attributeList: { d: 'M 0,45 L 20,35 h 40 L 40,45 z' } }),
  1444.                 _svg('path', { classList: ['bag', 'colour'], attributeList: { d: 'M 0,25 L 20,15 v 20 L 0,45 z' } }),
  1445.                 _svg('path', { classList: ['bag', 'out', 'colour'], attributeList: { d: 'M 0,25 L 20,15 h 40 L 40,25 z' } }),
  1446.                 _svg('path', { classList: ['bag', 'out', 'colour'], attributeList: { d: 'M 40,25 L 60,15 v 20 L 40,45 z' } }),
  1447.                 _svg('path', { classList: ['box'], attributeList: { d: 'M 15,34 h 15 v 10 h -15 z' } }),
  1448.                 _svg('path', { classList: ['box'], attributeList: { d: 'M 15,34 l 5,-5 h 15 l -5,5 z' } }),
  1449.                 _svg('path', { classList: ['box'], attributeList: { d: 'M 30,34 l 5,-5 v 10 l -5,5 z' } }),
  1450.                 _svg('path', { classList: ['tape'], attributeList: { d: 'M 21,34 h 3 v 10 h -3 z' } }),
  1451.                 _svg('path', { classList: ['tape'], attributeList: { d: 'M 21,34 l 5,-5 h 3 l -5,5 z' } }),
  1452.                 _svg('path', { classList: ['label'], attributeList: { d: 'M 19,33 l 3,-3 h 5 l -3,3 z' } }),
  1453.                 _svg('path', { classList: ['label'], attributeList: { d: 'M 0,25 h 40 v 20 h -40 z' }, style: { stroke: '#000000', fillOpacity: '0.25' } }),
  1454.             );
  1455.             break;
  1456.         case 'cart':
  1457.             svg._(
  1458.                 _svg('title')._(title),
  1459.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '2', cx: '3', cy: '56' } }),
  1460.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '2', cx: '37', cy: '56' } }),
  1461.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '2', cx: '57', cy: '47' } }),
  1462.                 _svg('path', { classList: ['cage'], attributeList: { d: 'M 20,45 v-40 h 40 v 40 z h 4 v -40 v 40 h 4 v -40 v 40 h 4 v -40 v 40 h 4 v -40 v 40 h 4 v -40 v 40 h 4 v -40 v 40 h 4 v -40 v 40 h 4 v -40 v 40 h 4 v -40 v 40z' } }),
  1463.                 _svg('path', { classList: ['cage', 'floor'], attributeList: { d: 'M 0,55 l 20,-10 h 40 l -20,10 z' } }),
  1464.                 _svg('path', { classList: ['cage'], attributeList: { d: 'M 0,15 l 20,-10 v 40 l -20,10 z l 4,-2 v 40 v -40 l 4,-2 v 40 v -40 l 4,-2 v 40 v -40 l 4,-2 v 40 v -40 z' } }),
  1465.                 _svg('path', { classList: ['box'], attributeList: { d: 'M 25,44 h 15 v 10 h -15 z' } }),
  1466.                 _svg('path', { classList: ['box'], attributeList: { d: 'M 25,44 l 5,-5 h 15 l -5,5 z' } }),
  1467.                 _svg('path', { classList: ['box'], attributeList: { d: 'M 40,44 l 5,-5 v 10 l -5,5 z' } }),
  1468.                 _svg('path', { classList: ['tape'], attributeList: { d: 'M 31,44 h 3 v 10 h -3 z' } }),
  1469.                 _svg('path', { classList: ['tape'], attributeList: { d: 'M 31,44 l 5,-5 h 3 l -5,5 z' } }),
  1470.                 _svg('path', { classList: ['label'], attributeList: { d: 'M 29,43 l 3,-3 h 5 l -3,3 z' } }),
  1471.                 _svg('path', { classList: ['cage'], attributeList: { d: 'M 40,15 l 20,-10 v 40 l -20,10 z l 4,-2 v 40 v -40 l 4,-2 v 40 v -40 l 4,-2 v 40 v -40 l 4,-2 v 40 v -40 z' } }),
  1472.             );
  1473.             break;
  1474.         case 'van':
  1475.             svg.setAttribute('viewBox', '-30 -30 60 60');
  1476.             svg._(
  1477.                 _svg('circle', { classList: ['van'], attributeList: { r: '6', cx: '-17.5', cy: '15' } }),
  1478.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '3', cx: '-17.5', cy: '15' } }),
  1479.                 _svg('path', { classList: ['wheelnut'], attributeList: { d: 'M -17.5,15 l-0.5,-0.5 l 0.5,0.5 l 0.5,-0.5 l -0.5,0.5 l 0.5,0.5 l -0.5,-0.5 l -0.5,0.5 l 0.5,-0.5 z' } }),
  1480.                 _svg('circle', { classList: ['van'], attributeList: { r: '6', cx: '17.5', cy: '15' } }),
  1481.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '3', cx: '17.5', cy: '15' } }),
  1482.                 _svg('path', { classList: ['wheelnut'], attributeList: { d: 'M 17.5,15 l-0.5,-0.5 l 0.5,0.5 l 0.5,-0.5 l -0.5,0.5 l 0.5,0.5 l -0.5,-0.5 l -0.5,0.5 l 0.5,-0.5 z' } }),
  1483.                 _svg('path', { classList: ['van'], attributeList: { d: 'M -27.5,15 v -15 l 15,-15 h 40 v 30 h -4 q 0,-6 -6,-6 q -6,0 -6,6 h -23 q 0,-6 -6,-6 q -6,0 -6,6 z' } }),
  1484.                 _svg('path', { classList: ['window'], attributeList: { d: 'M -25,0 l 12.5,-12.5 v 12.5 z' } }),
  1485.                 _svg('path', { classList: ['smile'], attributeList: { d: 'M -10,-7 q 15,10 30,2 q -15,12 -30,-2 m 28,0 q 7,-3 4,4 q 2,-6 -4,-4' } }),
  1486.             );
  1487.             break;
  1488.         case 'in_trailer':
  1489.             svg._(
  1490.                 _svg('path', { classList: ['cab'], attributeList: { d: 'M 60,45 v -10 l -15,-15 h -3 v 18 h -10 v 7 h 1 q 0,-3 3,-3 q 3,0 3,3 h 1 q 0,-3 3,-3 q 3,0 3,3 h 7 q 0,-3 3,-3 q 3,0 3,3 z' } }),
  1491.                 _svg('path', { classList: ['trailer'], attributeList: { d: 'M 30.5,45 v -8.5 h 10 v -20.5 h -40 v 29 h 1 q 0,-3 3,-3 q 3,0 3,3 h 1 q 0,-3 3,-3 q 3,0 3,3 h 7 q 0,-3 3,-3 q 3,0 3,3 z' } }),
  1492.                 _svg('path', { classList: ['window'], attributeList: { d: 'M 57.5,35 l -12.5,-12.5 v 12.5 z' } }),
  1493.                 _svg('path', { classList: ['tsmile'], attributeList: { d: 'M 3,25 q 15,10 30,2 q -15,12 -30,-2 m 28,0 q 7,-3 4,4 q 2,-6 -4,-4' } }),
  1494.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '2', cx: '56', cy: '45.5' } }),
  1495.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '2', cx: '43', cy: '45.5' } }),
  1496.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '2', cx: '36', cy: '45.5' } }),
  1497.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '2', cx: '24.5', cy: '45.5' } }),
  1498.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '2', cx: '11.5', cy: '45.5' } }),
  1499.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '2', cx: '4.5', cy: '45.5' } }),
  1500.             );
  1501.             break;
  1502.         case 'trailer':
  1503.             svg._(
  1504.                 _svg('path', { classList: ['cab'], attributeList: { d: 'M 0,45 v -10 l 15,-15 h 3 v 18 h 10 v 7 h -1 q 0,-3 -3,-3 q -3,0 -3,3 h -1 q 0,-3 -3,-3 q -3,0 -3,3 h -7 q 0,-3 -3,-3 q -3,0 -3,3 z' } }),
  1505.                 _svg('path', { classList: ['trailer'], attributeList: { d: 'M 29.5,45 v -8.5 h -10 v -20.5 h 40 v 29 h -1 q 0,-3 -3,-3 q -3,0 -3,3 h -1 q 0,-3 -3,-3 q -3,0 -3,3 h -7 q 0,-3 -3,-3 q -3,0 -3,3 z' } }),
  1506.                 _svg('path', { classList: ['window'], attributeList: { d: 'M 2.5,35 l 12.5,-12.5 v 12.5 z' } }),
  1507.                 _svg('path', { classList: ['tsmile'], attributeList: { d: 'M 23,25 q 15,10 30,2 q -15,12 -30,-2 m 28,0 q 7,-3 4,4 q 2,-6 -4,-4' } }),
  1508.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '2', cx: '4', cy: '45.5' } }),
  1509.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '2', cx: '17', cy: '45.5' } }),
  1510.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '2', cx: '24', cy: '45.5' } }),
  1511.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '2', cx: '35.5', cy: '45.5' } }),
  1512.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '2', cx: '48.5', cy: '45.5' } }),
  1513.                 _svg('circle', { classList: ['wheel'], attributeList: { r: '2', cx: '55.5', cy: '45.5' } }),
  1514.             );
  1515.             break;
  1516.         case 'avery':
  1517.             svg._(
  1518.                 _svg('g', { attributeList: { transform: 'rotate(-30 30 30)' } })._(
  1519.                     _svg('path', { classList: ['print'], attributeList: { d: 'M 20,12 l 24,-6 q 10,25 0,25 v 20 h 5 v 10 h -20 v -10 h 10 v -20 l -16,-4 q -4,-6 -4,-10 z' } }),
  1520.                     _svg('path', { classList: ['deco'], attributeList: { d: 'M 28,15 l 12,-3 q 0,6 -6,6  h -6 z' } }),
  1521.                     _svg('path', { classList: ['clip'], attributeList: { d: 'M 21,17 l 6,-2 v 3 h -6 z' } }),
  1522.                 ),
  1523.                 _svg('path', { classList: ['box'], attributeList: { d: 'M 5,44 h 15 v 10 h -15 z' } }),
  1524.                 _svg('path', { classList: ['box'], attributeList: { d: 'M 5,44 l 5,-5 h 15 l -5,5 z' } }),
  1525.                 _svg('path', { classList: ['box'], attributeList: { d: 'M 20,44 l 5,-5 v 10 l -5,5 z' } }),
  1526.                 _svg('path', { classList: ['tape'], attributeList: { d: 'M 11,44 h 3 v 10 h -3 z' } }),
  1527.                 _svg('path', { classList: ['tape'], attributeList: { d: 'M 11,44 l 5,-5 h 3 l -5,5 z' } }),
  1528.                 _svg('path', { classList: ['label'], attributeList: { d: 'M 9,43 l 3,-3 h 5 l -3,3 z' } }),
  1529.             );
  1530.             break;
  1531.         default:
  1532.             break;
  1533.     }
  1534.     return svg;
  1535. }
  1536. /** @type {(method: string | undefined | null, node: HTMLElement) => void} */
  1537. function colourResult(method, node) {
  1538.     if (!method) return;
  1539.     const m = S(method);
  1540.     m.contains('AGEVER') && node.classList.add('AVD');
  1541.     m.contains('OUT') && node.classList.add('SWA');
  1542.     m.contains('LOCKER') && node.classList.add('LOCK');
  1543.     m.contains('SAME') && node.classList.add('SAME');
  1544. }
  1545. /** @type {(node: HTMLElement | ParentNode | null, count?: number) => ParentNode?} */
  1546. const parentNode = (node, count = 1) => node && count ? (--count ? parentNode(node.parentNode, count) : node.parentNode) : node;
  1547. /** @type {(node: HTMLElement, parents?: number) => void} */
  1548. function miniBadge(node, parents = 1) {
  1549.     if (['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'Total', '...', '-'].includes(node?.innerText) || node?.classList.contains('badge') || !node?.innerText) return;
  1550.     node?.classList.add('badge');
  1551.     const oldInnerText = node.innerText.split('@')[0];
  1552.     parentNode(node, parents)?.append(_('a', { href: `https://fclm-portal.amazon.com/employee/ppaTimeDetails?employeeId=${oldInnerText}`, target: '_blank', classList: ['minibadge'] })._(_('img', { src: `https://internal-cdn.amazon.com/badgephotos.amazon.com/?login=${oldInnerText}`, loading: 'lazy', classList: ['minibadge'] })));
  1553. }
  1554. /** @type {(url: ExtendedString) => Extended<HTMLImageElement> | undefined} */
  1555. const _buttonImg = (url) => {
  1556.     if (url.contains('royalmail')) return _('img', { src: 'https://www.royalmail.com/themes/custom/rmlcwr/favicon.ico' });
  1557.     if (url.contains('maps.google.com')) return _('img', { src: 'https://www.google.com/images/branding/product/ico/maps15_bnuw3a_32dp.ico' });
  1558.     if (url.contains('bing.com')) return _('img', { src: 'https://www.bing.com/sa/simg/favicon-2x.ico' });
  1559.     if (url.contains('openstreetmap')) return _('img', { src: 'https://www.openstreetmap.org/assets/favicon-194x194-79d3fb0152c735866e64b1d7535d504483cd13c2fad0131a6142bd9629d30de2.png' });
  1560.     if (url.contains('duckduckgo')) return _('img', { src: 'https://duckduckgo.com/favicon.ico' });
  1561.     if (url.contains('gamtools')) return _('img', { src: 'https://m.media-amazon.com/images/G/01/ate/gam/tools/favicon.png' });
  1562.     if (url.contains('eagleeye.amazon.dev')) return _('img', { src: 'https://eagleeye.amazon.dev/favicon.ico' });
  1563.     if (url.contains('eagleeye')) return _('img', { src: 'data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsSAAALEgHS3X78AAADRElEQVQ4jYXTT2gcVRwH8O9v/tiNO5NkdhqNDVm3Zktg4qZqiKK4hcJGkBpYXBExIRjIRS8lnoRqIYcYySGXeiiIR9lK6CU5mIQcTIuwQQSFENvaCEm2lWRhszvzZgMh+35edpekTtffaXiP3+d9md97hIBi5ogQ4iMAKWa+CMAmIh/AAwB3ANwyTfPPoF56AtJ8378qpbwOoDWooVZVIroF4HPTNPcDQWY2hBC3mfmdJtDpNESPiOiKYRh/nAKZWRNC/MTMqZMNBwcHWF9fx+7uLjzPQ0dHB3p7ezE4OAgiqqMFXdffDIVCWw1QCPGFlHKmDm1ubmJ2dhaLi4uQUsJxHDiOA8uyUC6Xsb+/j+HhYYyPj4OIQER3DcO4TERVxfO856SU12pJcePbG0gmk1hYWMDIyAhyuRyWl5eRTqdx6Puw83kMDAzAdV2Mjo4im82iVColhRAfoJbuquu67LouT09Ps33W5mg0yisrK1wqldh1Xd7Y2OC1tTX+4eZNXotG+axtc39/P4+NjbFlWRyPx3lpaWkVAEgIsSilfO/erz9j8quvIZkwNzeHvr6+wEHk83nout74x0dHR2hpacHMzMzh/Px8hyalTMjjI7y6/hl+fKOIh5e/g+M4gVihUEAmk0E+n0cikUB3dzd830elUkFra2uL7/txDUD7/b+28Is/DKf9H7z+9ruNCZ4sZsbU1BT29vagqipSqRQmJiZgmiYKhQKy2SxUVW3TiKhcLpfbnnmhD1tKAm9p2lPv3dDASyjci+DDT68hk8k01js7OzE5OQlVVV2NmTfOhM5Eu7q6YNv2UzEASF+M4OXHOmLp9H/2iOhQ1/WHiqIoqxfiF9DT04Nnw+Gm4N/tl7Aafh+qqgZt54hIKACy4XC4EovF0HXuXFMwdv482jpfBDMHJfweqL0Uz/OuM/NUM4yZQUTwPA+hUKhxdWpYzjCMJBEdKwCwvb39DYC7zcD65A3DgHZ6cEVd1z8houNGQgAoFottmqYtALjUDH7ikD1FUa6Ew+Hf6mtK/SMSiZR3dnaGVFX9kpkr/2NJIrqtKMprJ7FTCU+WEOJ5AB8DGGLmV4jIYuZDAPeZ+U61Ws1alvV7UO+/+k9aMjlySqQAAAAASUVORK5CYII=' });
  1564.     if (url.contains('hero')) return _('img', { src: 'https://hero.eu.picking.aft.a2z.com/favicon.ico' });
  1565.     if (url.contains('sim.amazon.com')) return _('img', { src: 'https://sim.amazon.com/images/sim-favicon-new.ico' });
  1566.     if (url.contains('ordnancesurvey.co.uk')) return _('img', { src: 'https://osmaps.ordnancesurvey.co.uk/bundles/app/css/favicon.ico' });
  1567.     if (url.contains('explore.osmaps.com')) return _('img', { src: 'https://explore.osmaps.com/images/logo/osmaps-logo-triangle.svg' });
  1568. };
  1569. /** @type {(url: string, buttonText: string, order: number, windowProps?: {id?: string} & WindowProps) => void} */
  1570. function addButton(url, buttonText, order, { id, name, ...windowProps } = {}) {
  1571.     id ??= `${name ?? buttonText}_button`.replace(/[^a-zA-Z0-9\-_]/gm, '');
  1572.     promises.topBar.then((improveBoxes) => improveBoxes.buttons._(($(`button#${id}`, { style: { order: `${order}` } }) ?? _('button', { id, style: { order: `${order}` } })).on('click', () => buttonclick(url, { name, ...windowProps })).__(_buttonImg(S(url)), buttonText)));
  1573. }
  1574. /** @type {() => void} */
  1575. function specialButtons() {
  1576.     const
  1577.         qrButton = ($(`button#QR`) ?? _('button', { id: 'QR', style: { order: '-1' } })).__(s('qrCode')),
  1578.         podButton = ($(`button#POD`) ?? _('button', { id: 'POD', style: { order: '-1' } })).__(s('viewPOD'));
  1579.     qrButton.onclick = showQR; podButton.onclick = getPODData;
  1580.     promises.topBar.then((improveBoxes) => improveBoxes.buttons._(qrButton, podButton));
  1581. }
  1582. function showQR() {
  1583.     const contentSection = _('section'),
  1584.         dialog = _('dialog', { classList: ['QR'] })._(_('button', { classList: ['close'] })._('X').on('click', () => { dialog.close(); contentSection.remove(); dialog.remove(); }), contentSection);
  1585.     document.body.append(dialog);
  1586.     queueMicrotask(() => {
  1587.         dialog.showModal();
  1588.         new QRCode(contentSection, page.trackingId);
  1589.     });
  1590. }
  1591. /** @type {(url: string, windowProps?: WindowProps) => Extended<HTMLImageElement>} */
  1592. function miniButton(url, windowProps) {
  1593.     const img = _buttonImg(S(url));
  1594.     if (!img) { throw 'Unable to generate minibut img for url'; }
  1595.     img.classList.add('minibut');
  1596.     return img.on('click', () => buttonclick(url, windowProps));
  1597. }
  1598. function addrbuts(packageData) {
  1599.     debuglog('addrbuts()');
  1600.     if (packageData.customerInfo.customerAddress) {
  1601.         if (/^[A-Z]{1,2}[0-9]{1,2}[A-Z]{0,1} ?[0-9][A-Z]{2}$/i.test(packageData.pcd.trim().toUpperCase()) || S(packageData.customerInfo.customerAddress).contains('United Kingdom')) { addButton(`https://www.royalmail.com/find-a-postcode#${packageData.customerInfo.customerAddress}`, s('RoyalMail'), 3, { name: 'RMpostcode' }); }
  1602.         addAddrButs(s('Address'), packageData.customerInfo.customerAddress.replace(/\//g, '-').replace(/&/gi, 'and').replace('#', ''), 3);
  1603.     }
  1604.     if (/Amazon.*Locker/i.test(packageData.customerInfo.customerName)) {
  1605.         addButton(`https://locker${page.region == 'na' ? '' : `-${page.region}`}.amazon.com/search?searchType=kioskPostalCode&param=${packageData.pcd}`, s('LockerStatus'), 2);
  1606.         addButton(`https://locker${page.region == 'na' ? '' : `-${page.region}`}.amazon.com/search?searchType=externalReferenceID&param=${page.trackingId}`, s('LockerReserve'), 2);
  1607.         addAddrButs(s('Locker'), `${packageData.customerInfo.customerName} ${packageData.pcd}`, 5);
  1608.     }
  1609.     if (/Amazon.*Counter/i.test(packageData.customerInfo.customerName)) {
  1610.         addAddrButs(s('Counter'), `${packageData.customerInfo.customerName.replace(/.* - /i, '')} ${packageData.customerInfo.customerAddress.replace(/\//g, '-')}`, 5);
  1611.     }
  1612. }
  1613. /** @type {(buttonText: string, mapSearchString: string, order: number) => void} */
  1614. function addAddrButs(buttonText, mapSearchString, order) {
  1615.     const id = `${buttonText}_button`.replace(/[^a-zA-Z0-9\-_]/gm, '');
  1616.     promises.topBar?.then((improveBoxes) => {
  1617.         improveBoxes.buttons._(($(`div.button_group#${id}`) ?? _('div', { id, style: { order: `${order}` }, classList: ['button_group'] })).__(
  1618.             buttonText,
  1619.             miniButton(`http://maps.google.com/maps?t=h&q=loc:${mapSearchString}`),
  1620.             miniButton(`https://bing.com/maps?style=a&where1=${mapSearchString}`),
  1621.             miniButton(`https://www.openstreetmap.org/search?query=${mapSearchString}`),
  1622.             miniButton(`https://duckduckgo.com/?iaxm=maps&q=${mapSearchString}`),
  1623.         ));
  1624.     });
  1625. }
  1626. /** @type {(url: string, windowProps?: WindowProps) => void} */
  1627. function buttonclick(url, { w = 1200, h = 800, name = '' } = {}) { window.open(encodeURI(url).replace(/'/g, '%27'), name, `width=${w}, height=${h}, noopener, noreferrer`); }
  1628. /** @type {(lat: string|number, lon: string|number) => Extended<HTMLSpanElement>} */
  1629. function distanceNode(lat, lon) {
  1630.     debuglog('distanceNode()');
  1631.     const distSpan = _('span', { classList: ['dist'] })._('…');
  1632.     promises.geo?.then((geoData) => {
  1633.         if (!geoData.validLatLon) { return distSpan.remove(); }
  1634.         debuglog(`${lat} - ${lon} - ${geoData.latitude} - ${geoData.longitude}`);
  1635.         const clat_1 = (90.0 - Number(lat)) * Math.PI / 180.0,
  1636.             clon_1 = (Number(lon)) * Math.PI / 180.0,
  1637.             clat_2 = (90.0 - Number(geoData.latitude)) * Math.PI / 180.0,
  1638.             clon_2 = Number(geoData.longitude) * Math.PI / 180.0,
  1639.             d = Math.acos(Math.sin(clat_1) * Math.sin(clat_2) * Math.cos(clon_1 - clon_2) + Math.cos(clat_1) * Math.cos(clat_2));
  1640.         if (d >= 0.5 / 6370) { distSpan.classList.add('longDistance'); }
  1641.         distSpan._(
  1642.             `${s('calcText').replace('{{ft#}}', formatUnit({ value: (d * 3960 * 5280), unit: 'foot' })).replace('{{m#}}', formatUnit({ value: (d * 6370 * 1000), unit: 'meter' }))})\u2002`,
  1643.             miniButton(`http://maps.google.com/maps?t=h&saddr=${lat}+${lon}&daddr=${geoData.latitude}+${geoData.longitude}`),
  1644.             miniButton(`https://www.openstreetmap.org/directions?engine=fossgis_osrm_foot&route=${lat},${lon};${geoData.latitude},${geoData.longitude}`),
  1645.             miniButton(`https://duckduckgo.com/?iaxm=directions&q=${lat}+${lon}&end=what:${lat}%20${lon}&transport=walk&start=what:${geoData.latitude}%20${geoData.longitude}`)
  1646.         );
  1647.     }, () => distSpan.remove());
  1648.     return distSpan;
  1649. }
  1650. /** @type {(text?: string) => void} */
  1651. function copyText(text) {
  1652.     text && navigator.clipboard.writeText(text).then(() => notify("Copied to clipboard", text)).catch(e => { notify('Copy Failed', e); console.warn(e); });
  1653. }
  1654. function closeNotification() { notification?.close(); }
  1655. /** @type {(title: string, content: string, closeDelay?:number) => void} */
  1656. function notify(title, content, closeDelay = 3) {
  1657.     if (Notification.permission !== "denied" && Notification.permission !== "granted") { Notification.requestPermission(); }
  1658.     if (Notification.permission !== "granted") { alert(`${title}\n\n${content}`); return; }
  1659.     closeNotification();
  1660.     notification = new Notification(title, { body: content, silent: true });
  1661.     delay(closeDelay).then(closeNotification);
  1662. }
  1663. function historyFormatMenu() {
  1664.     const
  1665.         localOption = { colours: 'OnRoad', ...JSON.parse(localStorage.getItem('SCC_Search_CONFIG') ?? '{}') },
  1666.         onChange = (newValue) => {
  1667.             const tabs = $$("[role=tablist] label");
  1668.             localOption.colours = newValue;
  1669.             localStorage.setItem('SCC_Search_CONFIG', JSON.stringify(localOption));
  1670.             tabs[0].do('click'); tabs[3].do('click');
  1671.         };
  1672.     return {
  1673.         colourValue: localOption.colours,
  1674.         menuElement: _('div', { id: 'SCC_Search_CONFIG' })._(
  1675.             _('strong')._(s('formatTable')),
  1676.             [{ label: s('onRoadOption'), value: 'OnRoad' }, { label: s('inStationOption'), value: 'InStation' }].map(({ label, value }) => _('label')._(label, _('input', { type: 'radio', name: 'colours', value, checked: value == localOption.colours }).on('change', () => onChange(value))))
  1677.         )
  1678.     };
  1679. }
  1680. //#endregion
  1681.  
  1682. //#region: CSS
  1683. function addCSS() {
  1684.     wait$('head').then(head => head._(_('meta', { name: 'theme-color', content: '#ffffff' })));
  1685.     _css(`
  1686. /* All Pages */
  1687. :root {
  1688.     color-scheme: light;
  1689.     --redBG: #FFAAAA;
  1690.     --yellowBG: #FFFFAA;
  1691.     --greenBG: #AAFFAA;
  1692.     --blueBG: #AAFFFF;
  1693.     --matchBG: white;
  1694.     --greenTableBG: #96FF96;
  1695.     --yellowTableBG: #FFFF96;
  1696.     --redTableBG: #FF9696;
  1697.     --blueTableBG: #9696FF;
  1698.     --cyanTableBG: #96FFFF;
  1699.     --greenText: forestgreen;
  1700.     --orangeText: darkorange;
  1701.     --redText: firebrick;
  1702.     --smile: #FF9900;
  1703.     --squidInk: #232F3E;
  1704.     --primeBlue: #0096D6;
  1705. }
  1706. :root[data-improve-scc-css-dark-mode="dark"] {
  1707.     color-scheme: dark;
  1708.     --redBG: #640000;
  1709.     --yellowBG: #646400;
  1710.     --greenBG: #006400;
  1711.     --blueBG: #00004B;
  1712.     --matchBG: #232F3E;
  1713.     --greenTableBG: #003200;
  1714.     --yellowTableBG: #323200;
  1715.     --redTableBG: #320000;
  1716.     --blueTableBG: #000032;
  1717.     --cyanTableBG: #006464;
  1718.     --greenText: #00FF00;
  1719.     --orangeText: #FFFF00;
  1720.     --redText: #FF0000;
  1721.     & :is(.fp-navigation-container, .fp-navigation-container .fp-nav-menu, .fp-page-template, .css-avryxx, .css-m7c1h1, .css-1ekky2x, #verdiv, #changelog ul, #changelog li, .css-sdn4iy:hover) {
  1722.         background-color: var(--squidInk)!important;
  1723.     }
  1724. }
  1725. *, *:before, *:after {
  1726. 	box-sizing: border-box;
  1727. 	font-family: "Amazon Ember", Sans-serif;
  1728. 	margin: 0;
  1729. 	padding: 0;
  1730. 	border-collapse: collapse;
  1731.     vertical-align: middle;
  1732. }
  1733. ::-webkit-scrollbar, ::-webkit-scrollbar-track, ::-webkit-scrollbar-corner, ::-webkit-scrollbar-thumb {
  1734.     width: 1rem;
  1735.     height: 1rem;
  1736.     border: 0.25rem solid transparent;
  1737. }
  1738. ::-webkit-scrollbar, ::-webkit-scrollbar-corner {
  1739.     background: inherit;
  1740. }
  1741. ::-webkit-scrollbar-track {
  1742.     box-shadow: inset 0 0 0 0.0625rem var(--primeBlue);
  1743.     border-radius: 1rem;
  1744. }
  1745. ::-webkit-scrollbar-thumb {
  1746.     box-shadow: inset 0 0 0 1rem var(--primeBlue);
  1747.     border-radius: 1rem;
  1748. }
  1749. @supports not selector(::-webkit-scrollbar) {
  1750.     * {
  1751.         scrollbar-color: var(--primeBlue) transparent;
  1752.     }
  1753. }
  1754. dialog {
  1755.     max-height: 60vh;
  1756.     max-height: 60svh;
  1757.     padding-block-start: 3rem;
  1758.     & #debugModalButtons {
  1759.         position: absolute;
  1760.         inset-block-start: 1rem;
  1761.         inset-inline-end: 1rem;
  1762.         font-size: 200%;
  1763.         & > button {
  1764.             padding: 0.25rem;
  1765.             margin-inline: 0.25rem;
  1766.         }
  1767.     }
  1768. }
  1769. :root[data-improve-scc-css-noframe] {
  1770.     zoom: 0.9;
  1771.     &:not([data-improve-scc-show-top-menu]) {
  1772.         display: flex;
  1773.         flex-flow: column nowrap;
  1774.         height: 100%;
  1775.         overflow: auto;
  1776.         & :is(header.fp-header, div.fp-navigation-container) {
  1777.             display: none;
  1778.         }
  1779.         & .is-it-down-stripe {
  1780.             flex: 0 0 0;
  1781.             z-index: unset;
  1782.             position: unset;
  1783.             overflow: unset;
  1784.         }
  1785.         & body {
  1786.             flex: 1 1 100%;
  1787.             overflow: auto;
  1788.             margin: 0;
  1789.             padding: 0;
  1790.             height: unset;
  1791.             min-height: unset;
  1792.             & > div {
  1793.                 display: flex;
  1794.                 flex-flow: column nowrap;
  1795.                 height: 100%;
  1796.                 overflow: auto;
  1797.             }
  1798.             & .boson-meridian-frame-dimension {
  1799.                 position: unset;
  1800.                 top: unset;
  1801.                 bottom: unset;
  1802.                 flex: 1 1 100%;
  1803.             }
  1804.         }
  1805.     }
  1806.     & #scc_alert {
  1807.         padding: 0;
  1808.         :root[data-improve-scc-css-hide-alerts] &, & .boson-display-none {
  1809.             display: none!important;
  1810.         }
  1811.     }
  1812.     & #dkingamzNav {
  1813.         color: canvastext;
  1814.         text-align: center;
  1815.         border-top: 1px solid #BBC0C1;
  1816.         & li {
  1817.             list-style: none;
  1818.             & button {
  1819.                 background: transparent;
  1820.                 border: none;
  1821.             }
  1822.         }
  1823.     }
  1824.     & #main_row {
  1825.         position: relative;
  1826.     }
  1827.     & #taskContainer {
  1828.         background: var(--matchBG);
  1829.         border-block-end: 1px solid #C0C0C0;
  1830.     }
  1831.     & #verdiv {
  1832.         position: absolute;
  1833.         top: -1px;
  1834.         right: -0.125rem;
  1835.         color: canvastext;
  1836.         background: var(--matchBG);
  1837.         padding: 0.5rem;
  1838.         border-radius: 0 0 0 1em;
  1839.         border: 1px solid #C0C0C0;
  1840.         font-size: 1.2rem;
  1841.         &.hidden {
  1842.             transform: translate(100%) translate(-2rem);
  1843.             &::before {
  1844.                 content: '<\u2003';
  1845.             }
  1846.         }
  1847.     }
  1848.     & :is(#dkingamzNav, #verdiv) a {
  1849.         color: inherit;
  1850.         text-decoration: underline;
  1851.         & strong {
  1852.             padding: 0.25em;
  1853.         }
  1854.     }
  1855. }
  1856. :root[data-improve-scc-css-iframe] {
  1857.     margin-block-start: 0.5rem;
  1858.     & img.minibadge {
  1859.         border: 0.125rem ridge silver;
  1860.         border-radius: 0.5rem;
  1861.         &:not(.pkmn) {
  1862.             max-height: 80px;
  1863.             max-width: 60px;
  1864.         }
  1865.     }
  1866.     & :has( > a.minibadge) {
  1867.         display: inline-flex;
  1868.         flex-flow: column-reverse nowrap;
  1869.         align-items: center;
  1870.         align-content: center;
  1871.         padding: 0.375rem;
  1872.         & a {
  1873.             padding: 0!important;
  1874.             margin: 0!important;
  1875.         }
  1876.     }
  1877.     & #exportLogs {
  1878.         position: fixed;
  1879.         inset-block-start: 3rem;
  1880.         inset-inline-end: 2rem;
  1881.         background: canvas;
  1882.         padding: 0.5rem;
  1883.         font-size: 200%;
  1884.     }
  1885. }
  1886. :root:is([data-improve-scc-css-search-page],[data-improve-scc-css-details-page]) {
  1887.     & #root#root {
  1888.         & .AVD {
  1889.             &, & th, & td {
  1890.                 background: var(--redBG);
  1891.             }
  1892.         }
  1893.         & .LOCK {
  1894.             &, & th, & td {
  1895.                 background: var(--yellowBG);
  1896.             }
  1897.         }
  1898.         & .SAME {
  1899.             &, & th, & td {
  1900.                 background: var(--greenBG);
  1901.             }
  1902.         }
  1903.         & .SWA {
  1904.             &, & th, & td {
  1905.                 background: var(--blueBG);
  1906.             }
  1907.         }
  1908.     }
  1909. }
  1910. :root[data-improve-scc-css-search-page] {
  1911.     & :is(tr, th, td)  {
  1912.         background-color: inherit;
  1913.         border-block-end: 1px outset;
  1914.     }
  1915.     & tr[data-row-number]::before {
  1916.         content: attr(data-row-number);
  1917.         display: table-cell;
  1918.         color: canvastext;
  1919.         padding: 8px;
  1920.         border-block-end: 1px outset;
  1921.     }
  1922.     & tr[data-vrid]::after {
  1923.         content: attr(data-vrid);
  1924.         display: table-cell;
  1925.         color: canvastext;
  1926.         padding: 8px;
  1927.         border-block-end: 1px outset;
  1928.     }
  1929.     & tr[data-exchange-id] td:last-child::after {
  1930.         content: attr(data-exchange-id);
  1931.         display: table-cell;
  1932.         color: canvastext;
  1933.         padding: 8px;
  1934.         border-block-end: 1px outset;
  1935.     }
  1936.     & .css-vps56m {
  1937.         margin-block-end: 0!important;
  1938.         padding: 0;
  1939.     }
  1940. }
  1941. :root[data-improve-scc-css-details-page] {
  1942.     /*main box below root*/
  1943.     & .css-xx5nu9 {
  1944.         padding: 2px!important;
  1945.         /*main rows below main box*/
  1946.         & > :is(div,ul) {
  1947.             margin: 2px!important;
  1948.             padding: 0 2px!important;
  1949.         }
  1950.     }
  1951.     &[data-improve-scc-xhr] :is(.css-rx4572, .css-rx4572 + .css-14fuupd) {
  1952.         display: none!important;
  1953.     }
  1954.     & #SCC_Search_CONFIG {
  1955.         display: flex;
  1956.         gap: 0.5rem;
  1957.         & label {
  1958.             display: inline-flex;
  1959.             gap: 0.5rem;
  1960.         }
  1961.     }
  1962.     & #improveRoot {
  1963.         margin-block-start: -1px;
  1964.         & > div {
  1965.             border-block-end: 2px groove;
  1966.             border-radius: 0;
  1967.         }
  1968.         & #improveHead {
  1969.             font-family: "Amazon Ember", "Amazon Ember Arabic", Arial, sans-serif;
  1970.             color: canvastext;
  1971.             display: grid;
  1972.             grid-template-columns: max-content min-content max-content 1fr;
  1973.             column-rule: 2px solid currentcolor;
  1974.             column-rule-outset: 0;
  1975.             gap: 4px;
  1976.             align-items: center;
  1977.             border-radius: 1em 1em 0 0;
  1978.             & h1 {
  1979.                 font-weight: 600;
  1980.                 font-size: 36px;
  1981.                 line-height: 48px;
  1982.                 margin: 0;
  1983.             }
  1984.             & > div {
  1985.                 display: flex;
  1986.                 flex-flow: column nowrap;
  1987.                 &:not(#customerColumn) * {
  1988.                     text-align: center;
  1989.                 }
  1990.                 &:first-of-type > * {
  1991.                     padding-inline-start: 0;
  1992.                 }
  1993.                 &:last-of-type > * {
  1994.                     padding-inline-end: 0;
  1995.                 }
  1996.             }
  1997.             & div {
  1998.                 & > * {
  1999.                     padding: 0 0.25em;
  2000.                 }
  2001.                 &.spaced {
  2002.                     display:flex;
  2003.                     flex-flow: row nowrap;
  2004.                     justify-content: space-around;
  2005.                     & > * {
  2006.                         margin: 0 0.5em;
  2007.                         &:first-of-type {
  2008.                             margin-left: 0;
  2009.                         }
  2010.                         &:last-of-type {
  2011.                             margin-right: 0;
  2012.                         }
  2013.                     }
  2014.                 }
  2015.                 &.simple-flex {
  2016.                     display:flex
  2017.                 }
  2018.             }
  2019.             & #oid {
  2020.                 &.vret {
  2021.                     background: var(--yellowTableBG);
  2022.                 }
  2023.                 &.covid {
  2024.                     background: var(--redTableBG);
  2025.                 }
  2026.             }
  2027.             & #flags {
  2028.                 justify-content: space-evenly;
  2029.                 align-self: stretch;
  2030.                 padding-inline: 0.25rem;
  2031.                 & > strong {
  2032.                     margin: 0;
  2033.                     font-size: 1.2rem;
  2034.                 }
  2035.             }
  2036.             & #customerColumn {
  2037.                 flex-grow: 1;
  2038.                 flex-shrink: 1;
  2039.                 & > div > strong {
  2040.                     padding: 0;
  2041.                 }
  2042.                 & #custNotes {
  2043.                     padding-left: 3em!important;
  2044.                     & > div {
  2045.                         text-indent: -1.5em;
  2046.                     }
  2047.                 }
  2048.             }
  2049.         }
  2050.         & #podContainer {
  2051.             padding:0.125rem;
  2052.             &:not(:has(>*)) {
  2053.                 display:none;
  2054.             }
  2055.             & section {
  2056.                 min-height: 2rem;
  2057.                 display: grid;
  2058.                 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  2059.                 grid-auto-rows: max-content;
  2060.                 & .pod-item {
  2061.                     display:grid;
  2062.                     grid-template-columns: 1fr;
  2063.                     text-align: center;
  2064.                     & .pod-img {
  2065.                         max-width: 100%;
  2066.                         margin-inline: auto;
  2067.                     }
  2068.                     & :has(> .minibut) {
  2069.                         padding-block: 0.6rem;
  2070.                     }
  2071.                 }
  2072.             }
  2073.         }
  2074.         & #transport {
  2075.             &, & > div {
  2076.                 display: flex;
  2077.                 flex-flow: row wrap;
  2078.                 justify-content: space-around;
  2079.             }
  2080.             & > div {
  2081.                 flex: 1 1 auto;
  2082.                 border-radius: 0;
  2083.                 &:not(:first-child) {
  2084.                     border-inline-start: 1px groove currentcolor;
  2085.                 }
  2086.             }
  2087.         }
  2088.         & #gamrow {
  2089.             text-align: center;
  2090.         }
  2091.         & #buttons {
  2092.             display: flex;
  2093.             flex-flow: row wrap;
  2094.             align-content: space-around;
  2095.             justify-content: space-around;
  2096.             padding-block: 0.375rem;
  2097.             & > :is(button, div) {
  2098.                 appearance: none;
  2099.                 display: flex;
  2100.                 flex-flow: row nowrap;
  2101.                 align-items: center;
  2102.                 justify-content: center;
  2103.                 font-family: "Amazon Ember";
  2104.                 font-size: 1.1rem;
  2105.                 line-height: 1.1rem;
  2106.                 background: #077398;
  2107.                 color: white;
  2108.                 margin: 0.375rem;
  2109.                 padding: 0.125rem 0.5rem;
  2110.                 border: none;
  2111.                 border-radius: 0.25rem;
  2112.                 &, & img {
  2113.                     box-shadow: 0 0 0.25rem 0 #077398;
  2114.                 }
  2115.             }
  2116.             & button {
  2117.                 margin-inline-start: 0.5rem;
  2118.                 cursor: pointer;
  2119.                 &:hover {
  2120.                     &, & img {
  2121.                         box-shadow: inset 0 0 0.25rem 0 canvas, 0 0 0.5rem 0 canvastext;
  2122.                     }
  2123.                 }
  2124.                 & img {
  2125.                     margin-inline-start: -1rem;
  2126.                     margin-inline-end: 0.25rem;
  2127.                 }
  2128.             }
  2129.         }
  2130.         & .errMsg {
  2131.             color: var(--redText);
  2132.             font-size: small;
  2133.         }
  2134.         & :is(.AVD, .LOCK, .SAME, .SWA) {
  2135.             padding-left: 12px;
  2136.             border-radius: 1em 1em 0 0;
  2137.         }
  2138.     }
  2139.     & :is(#buttons button img, .minibut) {
  2140.         height: 2.2rem;
  2141.         padding: 0.25rem;
  2142.         background: white;
  2143.         border-radius: 100%;
  2144.         overflow: hidden;
  2145.         cursor: pointer;
  2146.         margin-block: -1.5rem;
  2147.     }
  2148.     & .minibut{
  2149.         margin-inline: 0.125rem;
  2150.         margin-block: -0.6rem;
  2151.         vertical-align: middle;
  2152.         &:hover {
  2153.             box-shadow: inset 0 0 0.25rem 0 canvas, 0 0 0.5rem 0 canvastext;
  2154.         }
  2155.         &:first-of-type {
  2156.             margin-inline-start: 0.75rem;
  2157.         }
  2158.         &:last-of-type {
  2159.             margin-inline-end: -0.25rem;
  2160.         }
  2161.     }
  2162.     & table[data-improve-scc=true] {
  2163.         & button {
  2164.             border-radius: 0.375rem;
  2165.             margin-inline: 0.125rem;
  2166.             padding-inline: 0.25rem;
  2167.             padding-block: 0.125rem;
  2168.             &.copyButton {
  2169.                 display: inline-block;
  2170.             }
  2171.         }
  2172.         & :is(thead, tfoot) th {
  2173.             text-align: start;
  2174.             padding: 0;
  2175.             &:not(:has( > *)) {
  2176.                 border: none;
  2177.             }
  2178.             & > * {
  2179.                 margin: 0.5rem;
  2180.             }
  2181.         }
  2182.         & td:first-child {
  2183.             white-space: nowrap;
  2184.         }
  2185.         & :is(.newRow, .newRow td, .newRow th) {
  2186.             border: 2px inset;
  2187.             border-block-end: none;
  2188.         }
  2189.         & tr.newRow {
  2190.             & td > * {
  2191.                 margin-inline-end: 0.75rem;
  2192.             }
  2193.             & td > .photoImg {
  2194.                 display: block;
  2195.                 width: 100%;
  2196.                 max-width: calc(120vw - 1rem);
  2197.                 max-height: calc(120vh - 1rem);
  2198.                 object-fit: contain;
  2199.                 margin-block-start: 0.75rem;
  2200.                 &.hide {
  2201.                     display: none;
  2202.                 }
  2203.             }
  2204.         }
  2205.         & tr.newRow + tr {
  2206.             border: 2px inset;
  2207.             border-top: none;
  2208.             &, & td, & th {
  2209.                 border-block-end: 2px outset;
  2210.             }
  2211.             & :is(td:first-of-type, th:first-of-type) {
  2212.                 border-left: 2px inset;
  2213.             }
  2214.             & :is(td:last-of-type, th:last-of-type) {
  2215.                 border-right: 2px inset;
  2216.             }
  2217.         }
  2218.         & .newDay.newRow:not(.newRow + tr) {
  2219.             &, & td, & th {
  2220.                 border-top: 3px solid currentcolor;
  2221.             }
  2222.         }
  2223.         & :is(.delSuc, .delSuc td, .delSuc th) {
  2224.             background: var(--greenTableBG)!important;
  2225.         }
  2226.         & :is(.delFail, .delFail td, .delFail th) {
  2227.             background: var(--yellowTableBG)!important;
  2228.         }
  2229.         & :is(.endFail, .endFail td, .endFail th) {
  2230.             background: var(--redTableBG)!important;
  2231.         }
  2232.         & :is(.rts, .rts td, .rts th) {
  2233.             background: var(--blueTableBG)!important;
  2234.         }
  2235.         & :is(.oor, .oor td, .oor th) {
  2236.             background: var(--cyanTableBG)!important;
  2237.         }
  2238.         & .goodTime {
  2239.             color: var(--greenText)!important;
  2240.         }
  2241.         & .poorTime {
  2242.             color: var(--orangeText)!important;
  2243.         }
  2244.         & :is(.badTime, .longDistance) {
  2245.             color: var(--redText)!important;
  2246.         }
  2247.         & svg.bag {
  2248.             background: silver;
  2249.             border-radius: 0.75rem;
  2250.             max-height: 100%;
  2251.             position: absolute;
  2252.             inset-block: 0;
  2253.             inset-inline-end: 0;
  2254.             margin-block: auto;
  2255.             max-width: 3rem;
  2256.             &.BLK .colour{
  2257.                 fill: black;
  2258.             }
  2259.             &.GRN .colour{
  2260.                 fill: green;
  2261.             }
  2262.             &.NVY .colour{
  2263.                 fill: blue;
  2264.             }
  2265.             &.YLO .colour{
  2266.                 fill: yellow;
  2267.             }
  2268.             &.ORG .colour{
  2269.                 fill: orange;
  2270.             }
  2271.         }
  2272.         & .die {
  2273.             display: none;
  2274.         }
  2275.     }
  2276.     & [role=tablist] label {
  2277.         line-height: 1rem;
  2278.         flex: 1 1 auto;
  2279.         & > div:last-child {
  2280.             margin-block: 0;
  2281.         }
  2282.         & > span > div {
  2283.             padding-block: 0.125rem;
  2284.             padding-inline: 1rem;
  2285.         }
  2286.     }
  2287.     & :is(#flags > strong, .goodTime, .poorTime, .badTime, .longDistance) {
  2288.         background: canvas;
  2289.         border-radius: 0.5rem;
  2290.         padding: 0.0625em 0.25rem;
  2291.         margin-block: 0.125rem;
  2292.     }
  2293.     & div > a.minibadge {
  2294.         position: absolute;
  2295.         display: none;
  2296.         right: 8px;
  2297.         top: -32px;
  2298.         z-index: 10;
  2299.     }
  2300.     & div:hover > .minibadge {
  2301.         display: initial;
  2302.     }
  2303.     & :is(b,strong) > .minibadge {
  2304.         display: none;
  2305.         position: relative;
  2306.         background: white;
  2307.         border: 3px ridge silver;
  2308.         border-radius: 8px;
  2309.         margin: -3em 0;
  2310.         height: 7em;
  2311.         z-index: 10;
  2312.     }
  2313.     & :is(b,strong):hover > .minibadge {
  2314.         display: block;
  2315.     }
  2316. }
  2317. :root[data-improve-scc-css-receive-page] {
  2318.     & .fmcdone {
  2319.         text-decoration: underline;
  2320.     }
  2321. }
  2322. :root[data-improve-scc-css-outbound-page] {
  2323.     font-size: 0.8rem;
  2324.     & * {
  2325.         font-size: inherit!important;
  2326.         line-height: inherit!important;
  2327.     }
  2328.     & div:has( table) {
  2329.         overflow-x: unset!important;
  2330.     }
  2331.     & th {
  2332.         padding-inline-end: 0.25rem;
  2333.     }
  2334.     & :is(th, td) {
  2335.         padding-inline-start: 0.25rem;
  2336.         padding-block: 0.25rem;
  2337.     }
  2338.     & #root div.highlighted-warning {
  2339.         color: black;
  2340.         text-align: center;
  2341.     }
  2342. }
  2343. :root[data-improve-scc-css-badges-page] {
  2344.     & :is(tr, th, td) {
  2345.         border-block-end: 2px solid silver;
  2346.     }
  2347.     & :is(span, a).badge {
  2348.         display: flex;
  2349.         align-content: center;
  2350.         justify-content: center;
  2351.         align-items: center;
  2352.         justify-items: center;
  2353.         flex-flow: column-reverse nowrap;
  2354.     }
  2355. }
  2356. dialog {
  2357.     inset: 50vh 50vw;
  2358.     inset: 50dvh 50dvw;
  2359.     transform: translate(-50%, -50%);
  2360.     background: canvas;
  2361.     color: canvastext;
  2362.     border: 2px ridge #0096D6;
  2363.     border-radius: 1em;
  2364.     padding: 3rem;
  2365.     width: max-content;
  2366.     &.QR {
  2367.         color-scheme: light;
  2368.     }
  2369.     & button.close {
  2370.         position: absolute;
  2371.         inset: 0.5rem 0.5rem auto auto;
  2372.         margin: 0;
  2373.     }
  2374. }
  2375. div.button-align:has(> button.close) {
  2376.     width: 100%;
  2377.     height: 0;
  2378.     overflow: visible;
  2379.     display: flex;
  2380.     flex-flow: row-reverse nowrap;
  2381.     margin: 0.125rem;
  2382. }
  2383. button.close {
  2384.     cursor: pointer;
  2385.     background: firebrick;
  2386.     color: white;
  2387.     border: 0.125rem ridge red;
  2388.     border-radius: 1rem;
  2389.     padding: 0;
  2390.     width: 2em;
  2391.     height: 2em;
  2392.     z-index: 3;
  2393.     &:is(:hover, :focus, :active) {
  2394.         box-shadow: inset 0 0 0.125rem 0.125rem red;
  2395.         background: firebrick;
  2396.         color: white;
  2397.     }
  2398. }
  2399. ::backdrop {
  2400.     backdrop-filter: blur(5px) brightness(50%);
  2401. }
  2402. @-moz-document url-prefix() {
  2403.     ::backdrop {
  2404.         background: #00000088;
  2405.     }
  2406. }
  2407. `);
  2408. }
  2409. //#endregion
  2410.  
  2411. //#region: non-SCC pages | start SCC
  2412. (() => {
  2413.     debuglog(`multiple check - ${window.ImproveSCC}`);
  2414.     if (window.ImproveSCC) return;
  2415.     window.ImproveSCC = true;
  2416.     if (hrefContains('midway-auth')) {
  2417.         if (window.name == 'midwayAuth') {
  2418.             debuglog('midwayAuthPage');
  2419.             wait$('#auth-success-view').then(success => {
  2420.                 new MutationObserver(() => {
  2421.                     if (success?.style?.display == 'block') { window.close(); }
  2422.                 }).observe(success, { characterData: false, attributes: true, childList: false, subtree: false });
  2423.             });
  2424.         }
  2425.         return;
  2426.     }
  2427.     if (hrefContains('siw-eu-dub.dub.') || hrefContains('siw-na-iad.iad')) {
  2428.         debuglog('GCRSsearchPage');
  2429.         const tId = window.location.hash.slice(1);
  2430.         debuglog(tId);
  2431.         return tId && wait$('[ng-model="vm.queryItems"]', { customProps: { input: tId } }).then(input => {
  2432.             debuglog(input);
  2433.             input.do('input');
  2434.             wait$('[ng-click="vm.query()"]:not([disabled])').then(button => button.do('click'));
  2435.         });
  2436.     }
  2437.     if (hrefContains('royalmail')) {
  2438.         debuglog('RMpostcodePage');
  2439.         const addr = decodeURI(window.location.hash.slice(1));
  2440.         debuglog(addr);
  2441.         return addr && wait$('#edit-rml-postcode-finder-postal-code').then(input => {
  2442.             debuglog(input);
  2443.             input.focus();
  2444.             input.value = addr;
  2445.             input.do('input');
  2446.         });
  2447.     }
  2448.     if (GM.info.scriptHandler == 'Greasemonkey') {
  2449.         alert('Improve SCC Search\n\nThis script will not run in Greasemonkey due to a limitation with how the extension handles iframes.\nPlease install with Tampermonkey.');
  2450.         window.open('https://www.tampermonkey.net');
  2451.         return;
  2452.     }
  2453.     addCSS();
  2454.     startup();
  2455. })();
  2456. //#endregion