New paste
Recent API Trending Blog
Guest
 
Guest

Untitled 1415

Guest
Apr 18th, 2026
13
0
Never
Not a member of GistPad yet? Sign Up, it unlocks many cool features!
None 257.98 KB | None | 0 0
copy raw download clone embed print report
  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
RAW Paste Data Copied
Public Pastes
Hello
Not a member of Fast Pastebin Alternative yet?
Sign Up, it unlocks many cool features!
 
We use cookies for various purposes including analytics. By continuing to use Fast Pastebin Alternative, you agree to our use of cookies as described in the Privacy Policy.  OK, I Understand