{"version":3,"file":"socialWallMarkup-CazB7pYx.js","sources":["../../node_modules/date-fns/esm/startOfDay/index.js","../../node_modules/date-fns/esm/differenceInCalendarDays/index.js","../../node_modules/date-fns/esm/differenceInDays/index.js","../../node_modules/date-fns/esm/differenceInMinutes/index.js","../../src/foundation/Icons/play.ts","../../src/foundation/Icons/socials/socials.ts","../../src/project/AramcoLife/social-wall/markup/socialWallMarkup.ts"],"sourcesContent":["import toDate from '../toDate/index.js';\nimport requiredArgs from '../_lib/requiredArgs/index.js';\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * var result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\n\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import getTimezoneOffsetInMilliseconds from '../_lib/getTimezoneOffsetInMilliseconds/index.js';\nimport startOfDay from '../startOfDay/index.js';\nimport requiredArgs from '../_lib/requiredArgs/index.js';\nvar MILLISECONDS_IN_DAY = 86400000;\n/**\n * @name differenceInCalendarDays\n * @category Day Helpers\n * @summary Get the number of calendar days between the given dates.\n *\n * @description\n * Get the number of calendar days between the given dates. This means that the times are removed\n * from the dates and then the difference in days is calculated.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @returns {Number} the number of calendar days\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many calendar days are between\n * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?\n * var result = differenceInCalendarDays(\n *   new Date(2012, 6, 2, 0, 0),\n *   new Date(2011, 6, 2, 23, 0)\n * )\n * //=> 366\n * // How many calendar days are between\n * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?\n * var result = differenceInCalendarDays(\n *   new Date(2011, 6, 3, 0, 1),\n *   new Date(2011, 6, 2, 23, 59)\n * )\n * //=> 1\n */\n\nexport default function differenceInCalendarDays(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var startOfDayLeft = startOfDay(dirtyDateLeft);\n  var startOfDayRight = startOfDay(dirtyDateRight);\n  var timestampLeft = startOfDayLeft.getTime() - getTimezoneOffsetInMilliseconds(startOfDayLeft);\n  var timestampRight = startOfDayRight.getTime() - getTimezoneOffsetInMilliseconds(startOfDayRight); // Round the number of days to the nearest integer\n  // because the number of milliseconds in a day is not constant\n  // (e.g. it's different in the day of the daylight saving time clock shift)\n\n  return Math.round((timestampLeft - timestampRight) / MILLISECONDS_IN_DAY);\n}","import toDate from '../toDate/index.js';\nimport differenceInCalendarDays from '../differenceInCalendarDays/index.js';\nimport requiredArgs from '../_lib/requiredArgs/index.js'; // Like `compareAsc` but uses local time not UTC, which is needed\n// for accurate equality comparisons of UTC timestamps that end up\n// having the same representation in local time, e.g. one hour before\n// DST ends vs. the instant that DST ends.\n\nfunction compareLocalAsc(dateLeft, dateRight) {\n  var diff = dateLeft.getFullYear() - dateRight.getFullYear() || dateLeft.getMonth() - dateRight.getMonth() || dateLeft.getDate() - dateRight.getDate() || dateLeft.getHours() - dateRight.getHours() || dateLeft.getMinutes() - dateRight.getMinutes() || dateLeft.getSeconds() - dateRight.getSeconds() || dateLeft.getMilliseconds() - dateRight.getMilliseconds();\n\n  if (diff < 0) {\n    return -1;\n  } else if (diff > 0) {\n    return 1; // Return 0 if diff is 0; return NaN if diff is NaN\n  } else {\n    return diff;\n  }\n}\n/**\n * @name differenceInDays\n * @category Day Helpers\n * @summary Get the number of full days between the given dates.\n *\n * @description\n * Get the number of full day periods between two dates. Fractional days are\n * truncated towards zero.\n *\n * One \"full day\" is the distance between a local time in one day to the same\n * local time on the next or previous day. A full day can sometimes be less than\n * or more than 24 hours if a daylight savings change happens between two dates.\n *\n * To ignore DST and only measure exact 24-hour periods, use this instead:\n * `Math.floor(differenceInHours(dateLeft, dateRight)/24)|0`.\n *\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @returns {Number} the number of full days according to the local timezone\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many full days are between\n * // 2 July 2011 23:00:00 and 2 July 2012 00:00:00?\n * var result = differenceInDays(\n *   new Date(2012, 6, 2, 0, 0),\n *   new Date(2011, 6, 2, 23, 0)\n * )\n * //=> 365\n * // How many full days are between\n * // 2 July 2011 23:59:00 and 3 July 2011 00:01:00?\n * var result = differenceInDays(\n *   new Date(2011, 6, 3, 0, 1),\n *   new Date(2011, 6, 2, 23, 59)\n * )\n * //=> 0\n * // How many full days are between\n * // 1 March 2020 0:00 and 1 June 2020 0:00 ?\n * // Note: because local time is used, the\n * // result will always be 92 days, even in\n * // time zones where DST starts and the\n * // period has only 92*24-1 hours.\n * var result = differenceInDays(\n *   new Date(2020, 5, 1),\n *   new Date(2020, 2, 1)\n * )\n//=> 92\n */\n\n\nexport default function differenceInDays(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  var sign = compareLocalAsc(dateLeft, dateRight);\n  var difference = Math.abs(differenceInCalendarDays(dateLeft, dateRight));\n  dateLeft.setDate(dateLeft.getDate() - sign * difference); // Math.abs(diff in full days - diff in calendar days) === 1 if last calendar day is not full\n  // If so, result must be decreased by 1 in absolute value\n\n  var isLastDayNotFull = compareLocalAsc(dateLeft, dateRight) === -sign;\n  var result = sign * (difference - isLastDayNotFull); // Prevent negative zero\n\n  return result === 0 ? 0 : result;\n}","import differenceInMilliseconds from '../differenceInMilliseconds/index.js';\nimport requiredArgs from '../_lib/requiredArgs/index.js';\nvar MILLISECONDS_IN_MINUTE = 60000;\n/**\n * @name differenceInMinutes\n * @category Minute Helpers\n * @summary Get the number of minutes between the given dates.\n *\n * @description\n * Get the signed number of full (rounded towards 0) minutes between the given dates.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the later date\n * @param {Date|Number} dateRight - the earlier date\n * @returns {Number} the number of minutes\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // How many minutes are between 2 July 2014 12:07:59 and 2 July 2014 12:20:00?\n * var result = differenceInMinutes(\n *   new Date(2014, 6, 2, 12, 20, 0),\n *   new Date(2014, 6, 2, 12, 7, 59)\n * )\n * //=> 12\n *\n * @example\n * // How many minutes are from 10:01:59 to 10:00:00\n * var result = differenceInMinutes(\n *   new Date(2000, 0, 1, 10, 0, 0),\n *   new Date(2000, 0, 1, 10, 1, 59)\n * )\n * //=> -1\n */\n\nexport default function differenceInMinutes(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var diff = differenceInMilliseconds(dirtyDateLeft, dirtyDateRight) / MILLISECONDS_IN_MINUTE;\n  return diff > 0 ? Math.floor(diff) : Math.ceil(diff);\n}","export const playIcon = `\r\n\t<svg width=\"15\" height=\"17\" viewBox=\"0 0 15 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t<path d=\"M13.75 7.15213C14.75 7.72948 14.75 9.17286 13.75 9.75021L3.25 15.8124C2.25 16.3897 1 15.6681 1 14.5134L1 2.38899C1 1.23429 2.25 0.512606 3.25 1.08996L13.75 7.15213Z\" stroke=\"black\"/>\r\n\t</svg>\r\n`;","export const instagramLogo = `\r\n\t<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t<path d=\"M6.21197 8.99917C6.21197 7.45938 7.45868 6.21081 8.99698 6.21081C10.5353 6.21081 11.7827 7.45938 11.7827 8.99917C11.7827 10.539 10.5353 11.7875 8.99698 11.7875C7.45868 11.7875 6.21197 10.539 6.21197 8.99917ZM4.70609 8.99917C4.70609 11.3713 6.62712 13.2942 8.99698 13.2942C11.3668 13.2942 13.2879 11.3713 13.2879 8.99917C13.2879 6.62702 11.3668 4.70415 8.99698 4.70415C6.62712 4.70415 4.70609 6.62702 4.70609 8.99917ZM12.455 4.53385C12.4549 4.73237 12.5136 4.92645 12.6237 5.09156C12.7339 5.25666 12.8904 5.38538 13.0736 5.46142C13.2568 5.53746 13.4584 5.55742 13.653 5.51877C13.8475 5.48012 14.0262 5.38459 14.1665 5.24428C14.3068 5.10396 14.4024 4.92515 14.4412 4.73046C14.4799 4.53577 14.4601 4.33395 14.3843 4.15051C14.3085 3.96707 14.18 3.81026 14.0152 3.6999C13.8503 3.58955 13.6565 3.5306 13.4581 3.53052H13.4577C13.1919 3.53065 12.937 3.63638 12.749 3.8245C12.5609 4.01262 12.4552 4.26775 12.455 4.53385ZM5.62101 15.8076C4.8063 15.7704 4.36348 15.6346 4.0692 15.5199C3.67906 15.3678 3.4007 15.1867 3.10802 14.8942C2.81535 14.6016 2.63418 14.3233 2.48297 13.9328C2.36825 13.6383 2.23254 13.195 2.19551 12.3795C2.155 11.4978 2.14691 11.2329 2.14691 8.99923C2.14691 6.76554 2.15567 6.50142 2.19551 5.61901C2.23261 4.80352 2.36932 4.36101 2.48297 4.06571C2.63485 3.67519 2.81575 3.39656 3.10802 3.1036C3.40029 2.81065 3.67839 2.62931 4.0692 2.47795C4.36335 2.36312 4.8063 2.22728 5.62101 2.19021C6.50184 2.14966 6.76644 2.14156 8.99698 2.14156C11.2275 2.14156 11.4924 2.15033 12.374 2.19021C13.1887 2.22735 13.6307 2.36419 13.9258 2.47795C14.3159 2.62931 14.5943 2.81105 14.8869 3.1036C15.1796 3.39616 15.3601 3.67519 15.512 4.06571C15.6267 4.36014 15.7624 4.80352 15.7995 5.61901C15.84 6.50142 15.8481 6.76554 15.8481 8.99923C15.8481 11.2329 15.84 11.497 15.7995 12.3795C15.7624 13.195 15.626 13.6382 15.512 13.9328C15.3601 14.3233 15.1792 14.6019 14.8869 14.8942C14.5947 15.1865 14.3159 15.3678 13.9258 15.5199C13.6316 15.6347 13.1887 15.7705 12.374 15.8076C11.4931 15.8481 11.2285 15.8562 8.99698 15.8562C6.76543 15.8562 6.50157 15.8481 5.62101 15.8076ZM5.55182 0.68542C4.66224 0.725971 4.05436 0.867162 3.5235 1.07393C2.97372 1.28746 2.5083 1.57392 2.04322 2.03871C1.57814 2.50351 1.29269 2.97011 1.07937 3.52042C0.872798 4.05213 0.731743 4.66025 0.691231 5.55069C0.650051 6.44254 0.640625 6.72766 0.640625 8.99917C0.640625 11.2707 0.650051 11.5558 0.691231 12.4476C0.731743 13.3381 0.872798 13.9462 1.07937 14.4779C1.29269 15.0279 1.57821 15.495 2.04322 15.9596C2.50824 16.4242 2.97372 16.7103 3.5235 16.9244C4.05537 17.1312 4.66224 17.2724 5.55182 17.3129C6.44328 17.3535 6.72766 17.3636 8.99698 17.3636C11.2663 17.3636 11.5512 17.3541 12.4421 17.3129C13.3318 17.2724 13.9393 17.1312 14.4705 16.9244C15.0199 16.7103 15.4857 16.4244 15.9507 15.9596C16.4158 15.4948 16.7007 15.0279 16.9146 14.4779C17.1212 13.9462 17.2629 13.3381 17.3027 12.4476C17.3432 11.5551 17.3527 11.2707 17.3527 8.99917C17.3527 6.72766 17.3432 6.44254 17.3027 5.55069C17.2622 4.66018 17.1212 4.05179 16.9146 3.52042C16.7007 2.97044 16.4151 2.50424 15.9507 2.03871C15.4864 1.57318 15.0199 1.28746 14.4711 1.07393C13.9393 0.867162 13.3317 0.725302 12.4428 0.68542C11.5518 0.64487 11.267 0.634766 8.99765 0.634766C6.72833 0.634766 6.44328 0.644201 5.55182 0.68542Z\" fill=\"#222222\"/>\r\n\t</svg>\r\n`;\r\n\r\nexport const linkedinLogo = `\r\n\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t<path d=\"M15.4383 15.1097C14.4457 15.0862 13.4766 15.0862 12.484 15.1097C12.2713 15.1097 12.224 15.0627 12.224 14.8512C12.224 13.1121 12.224 11.3495 12.224 9.61047C12.224 9.21095 12.2004 8.81144 12.0822 8.43542C11.7277 7.21338 10.3096 6.76686 9.29331 7.58939C8.74971 8.01241 8.537 8.59993 8.537 9.30495C8.537 10.95 8.537 12.5951 8.537 14.2401C8.537 14.4516 8.51336 14.6631 8.537 14.8982C8.56063 15.0862 8.46609 15.1332 8.30065 15.1097C7.28436 15.1097 6.2917 15.1097 5.27541 15.1097C5.08633 15.1097 5.03906 15.0627 5.03906 14.8747C5.0627 13.3941 5.0627 11.9135 5.0627 10.4095C5.0627 8.57643 5.0627 6.74336 5.03906 4.9338C5.03906 4.72229 5.08633 4.67529 5.27541 4.67529C6.2917 4.67529 7.28436 4.67529 8.30065 4.67529C8.48973 4.67529 8.537 4.72229 8.537 4.9103C8.537 5.28631 8.537 5.66233 8.537 6.10884C8.6079 6.03834 8.63153 6.01484 8.65517 5.99134C9.57692 4.65179 10.8768 4.27578 12.4131 4.51078C14.1857 4.79279 15.3201 6.01484 15.6038 7.8949C15.6747 8.34142 15.6983 8.78794 15.6983 9.23445C15.6983 11.1145 15.6983 12.9711 15.6983 14.8512C15.6983 15.0392 15.651 15.1097 15.4383 15.1097Z\" fill=\"#222222\"/>\r\n\t\t<path d=\"M3.81008 10.3711C3.81008 11.8664 3.81008 13.3617 3.81008 14.857C3.81008 15.0492 3.76238 15.1133 3.54777 15.1133C2.54623 15.0919 1.54469 15.1133 0.543149 15.1133C0.35238 15.1133 0.304688 15.0706 0.304688 14.8997C0.304688 11.8877 0.304688 8.85445 0.304688 5.84252C0.304688 5.69299 0.35238 5.62891 0.543149 5.62891C1.56853 5.62891 2.59392 5.62891 3.61931 5.62891C3.83392 5.62891 3.85777 5.69299 3.85777 5.86388C3.81008 7.35917 3.81008 8.85445 3.81008 10.3711Z\" fill=\"#222222\"/>\r\n\t\t<path d=\"M3.80198 3.13341C3.58805 4.0595 2.71094 4.592 1.70546 4.40679C0.635804 4.22157 0.0367969 3.0871 0.421873 1.97579C0.67859 1.28122 1.29899 0.864483 2.09054 0.887636C3.28855 0.864483 4.08009 1.90634 3.80198 3.13341Z\" fill=\"#222222\"/>\r\n\t</svg>\r\n`;\r\n\r\nexport const xLogo = `\r\n\t<svg width=\"18\" height=\"16\" viewBox=\"0 0 18 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.79425 0.427734H0.92573L1.9622 1.98243L6.37946 8.60833L0.695312 14.9241H1.92225L6.99602 9.53317L10.7261 15.1282L11.0229 15.5735H11.5581H15.4142H17.3035L16.2411 14.0112L10.7071 5.87288L15.0666 1.07736H13.8397L10.2103 5.1423L7.302 0.865424L7.00437 0.427734H6.47507H2.79425ZM12.0933 13.5735L4.66276 2.42773H5.94578L13.5249 13.5735H12.0933Z\" fill=\"#222222\"/>\r\n\t</svg>\r\n`;\r\n\r\nexport const facebookLogo = `\r\n\t<svg width=\"8\" height=\"18\" viewBox=\"0 0 8 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t\t<path d=\"M5.05172 17.3635V9.73267H7.12634L7.43695 6.75882H5.05172V4.8601C5.05172 3.99912 5.2454 3.41232 6.24551 3.41232L7.52102 3.41159V0.75182C7.30033 0.71571 6.54322 0.634766 5.66239 0.634766C3.82339 0.634766 2.56436 2.02059 2.56436 4.56573V6.7589H0.484375V9.73275H2.5643V17.3636L5.05172 17.3635Z\" fill=\"#222222\"/>\r\n\t</svg>\r\n`;\r\n","import { differenceInDays, differenceInHours, differenceInMinutes, format } from \"date-fns\";\r\nimport { playIcon } from \"~/foundation/Icons/play\";\r\nimport { facebookLogo, instagramLogo, linkedinLogo, xLogo } from \"~/foundation/Icons/socials/socials\";\r\nimport { type DistinctSocialWallElements, type SocialWallElement, type SocialWallListDictionary } from \"../../generated-types\";\r\n\r\ntype ExtendedSocialWallElement = SocialWallElement & {\r\n\tpostImage: string;\r\n};\r\n\r\nexport const removeLoader = (container: HTMLElement) => {\r\n\tconst loaderElement = container.querySelector(\".loader\");\r\n\tif (loaderElement) {\r\n\t\tloaderElement.remove();\r\n\t}\r\n};\r\n\r\nexport const addVideoEventListeners = (mediaWrappers: NodeListOf<Element>) => {\r\n\tmediaWrappers.forEach(wrapper => {\r\n\t\tconst thumbnail = wrapper.querySelector(\".thumbnail\") as HTMLElement;\r\n\t\tconst playIcon = wrapper.querySelector(\".thumbnail__play-icon\") as HTMLElement;\r\n\t\tconst video = wrapper.querySelector(\"video\") as HTMLVideoElement;\r\n\r\n\t\tif (playIcon && video) {\r\n\t\t\tconst playVideo = () => {\r\n\t\t\t\tthumbnail.classList.add(\"hidden\");\r\n\t\t\t\tvideo.classList.remove(\"hidden\");\r\n\t\t\t\tvideo.play();\r\n\t\t\t};\r\n\r\n\t\t\tplayIcon.addEventListener(\"click\", playVideo);\r\n\t\t\tplayIcon.addEventListener(\"keydown\", (event) => {\r\n\t\t\t\tif (event.key === \"Enter\" || event.key === \" \") {\r\n\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\tplayVideo();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t});\r\n};\r\n\r\nexport const handleMediaLoad = async (mediaWrapper: Element) => {\r\n\treturn new Promise<void>((resolve) => {\r\n\t\tconst img = mediaWrapper.querySelector<HTMLImageElement>('img.social-image');\r\n\t\tconst video = mediaWrapper.querySelector('video');\r\n\r\n\t\tif (img) {\r\n\t\t\timg.onload = () => {\r\n\t\t\t\timg.classList.remove(\"hidden\");\r\n\t\t\t\tresolve();\r\n\t\t\t};\r\n\t\t\timg.onerror = () => {\r\n\t\t\t\tmediaWrapper?.classList.add(\"no-img\");\r\n\t\t\t\tresolve();\r\n\t\t\t};\r\n\t\t\t// // Trigger load for images that might be cached\r\n\t\t\t// if (img.complete) {\r\n\t\t\t// \timg.onload!(new Event('load'));\r\n\t\t\t// }\r\n\t\t} else if (video) {\r\n\t\t\t// For videos, we don't actually load the video, just make sure the thumbnail is visible\r\n\t\t\tconst thumbnail = mediaWrapper.querySelector('.thumbnail');\r\n\t\t\tconst thumbnailImg = mediaWrapper.querySelector<HTMLImageElement>('.thumbnail img');\r\n\r\n\t\t\tthumbnailImg!.onload = () => {\r\n\t\t\t\tthumbnail!.classList.remove(\"hidden\");\r\n\t\t\t\tresolve();\r\n\t\t\t};\r\n\t\t\tthumbnailImg!.onerror = () => {\r\n\t\t\t\tmediaWrapper?.classList.add(\"no-img\");\r\n\t\t\t\tresolve();\r\n\t\t\t};\r\n\t\t} else {\r\n\t\t\tresolve();\r\n\t\t}\r\n\r\n\t});\r\n};\r\n\r\nexport const formatDate = (postDate: string, dictionary?: SocialWallListDictionary): string => {\r\n\tconst now = new Date();\r\n\tconst postDateObj = new Date(postDate);\r\n\tconst minutesDiff = differenceInMinutes(now, postDateObj);\r\n\tconst hoursDiff = differenceInHours(now, postDateObj);\r\n\tconst daysDiff = differenceInDays(now, postDateObj);\r\n\r\n\tif (minutesDiff < 60) {\r\n\t\treturn `${minutesDiff} ${dictionary?.minutesLabel || \"minutes\"}`;\r\n\t} else if (hoursDiff < 24) {\r\n\t\treturn `${hoursDiff} ${hoursDiff === 1 ? `${dictionary?.hourLabel || \"hour\"}` : `${dictionary?.hoursLabel || \"hours\"}`}`;\r\n\t} else if (daysDiff < 7) {\r\n\t\tconst remainingHours = hoursDiff % 24;\r\n\t\treturn `${daysDiff} ${daysDiff === 1 ? `${dictionary?.dayLabel || \"day\"}` : `${dictionary?.daysLabel || \"days\"}`}${remainingHours ? ` ${remainingHours} ${remainingHours === 1 ? `${dictionary?.hourLabel || \"hour\"}` : `${dictionary?.hoursLabel || \"hours\"}`}` : \"\"}`;\r\n\t} else {\r\n\t\treturn format(postDateObj, \"dd MMMM HH:mm\");\r\n\t}\r\n};\r\n\r\n// Get social icon based on the platform\r\nexport const renderSocialIcon = (socialIcon: string) => {\r\n\tswitch (socialIcon) {\r\n\t\tcase \"facebook\": return facebookLogo;\r\n\t\tcase \"twitter\": return xLogo;\r\n\t\tcase \"instagram\": return instagramLogo;\r\n\t\tcase \"linkedin\": return linkedinLogo;\r\n\t\tdefault: return null;\r\n\t}\r\n};\r\n\r\n// Render social links\r\nexport const renderSocialLinks = (elements: SocialWallElement[]) => {\r\n\treturn elements.map(item => `\r\n    <a href=\"${item.postLink}\" target=\"_blank\" class=\"post-social\">\r\n      ${renderSocialIcon(item.platform || \"\")}\r\n    </a>`).join(\"\");\r\n};\r\n\r\n// Render media (image or video)\r\nexport const renderMedia = async (item: DistinctSocialWallElements) => {\r\n\tconst mediaWrapper = document.createElement(\"div\");\r\n\tmediaWrapper.classList.add(\"media-wrapper\");\r\n\r\n\tconst selectedImage = item.elements\r\n\t\t?.sort((a, b) => {\r\n\t\t\t// Image order: facebook, x (twitter string in the API), linkedin, instagram - prioritize facebook\r\n\t\t\tconst platformOrder = [\"facebook\", \"twitter\", \"linkedin\", \"instagram\"];\r\n\t\t\tconst aIndex = platformOrder.indexOf(a.platform || \"\");\r\n\t\t\tconst bIndex = platformOrder.indexOf(b.platform || \"\");\r\n\t\t\treturn aIndex - bIndex;\r\n\t\t})\r\n\t\t?.find(\r\n\t\t\t(x): x is ExtendedSocialWallElement =>\r\n\t\t\t\t!!(x as ExtendedSocialWallElement).postImage &&\r\n      (x as ExtendedSocialWallElement).postImage !== item.imageUrl\r\n\t\t)?.postImage || item.imageUrl;\r\n\r\n\tif (item.videoUrl) {\r\n\t\tmediaWrapper.innerHTML = `\r\n\t\t\t<div class=\"thumbnail hidden\">\r\n\t\t\t\t<button tabindex=\"0\" aria-label=\"Play video\" class=\"thumbnail__play-icon\">\r\n\t\t\t\t\t\t${playIcon}\r\n\t\t\t\t</button>\r\n\t\t\t\t<div class=\"thumbnail__wrapper\">\r\n\t\t\t\t\t<img src=\"${selectedImage || \"\"}\" alt=\"Post thumbnail\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"thumbnail__wrapper\">\r\n\t\t\t\t<video class=\"hidden\" controls>\r\n\t\t\t\t\t<source src=\"${item.videoUrl}\" type=\"video/mp4\">\r\n\t\t\t\t</video>\r\n\t\t\t</div>\r\n\t\t`;\r\n\t} else {\r\n\t\tmediaWrapper.innerHTML = `\r\n\t\t\t<div class=\"thumbnail__wrapper\">\r\n\t\t\t\t<img src=\"${selectedImage || \"\"}\" alt=\"Post thumbnail\" class=\"hidden social-image\" />\r\n\t\t\t</div>`;\r\n\t}\r\n\r\n\tawait handleMediaLoad(mediaWrapper);\r\n\r\n\treturn mediaWrapper;\r\n};\r\n\r\n// Render social wall item\r\n// Use all above functions to create the DOM element and validate img + video + create thumbnail etc.\r\nexport const renderSocialWallItem = async (item: DistinctSocialWallElements, dictionary?: SocialWallListDictionary, isSwiperSlide?: boolean) => {\r\n\tconst mediaWrapper = await renderMedia(item);\r\n\tconst hasNoImage = mediaWrapper.classList.contains(\"no-img\");\r\n\r\n\tconst element = document.createElement(isSwiperSlide ? \"div\" : \"li\");\r\n\tconst classPrefix = isSwiperSlide ? \"social-wall-slider\" : \"social-wall\";\r\n\r\n\tif (isSwiperSlide) {\r\n\t\telement.classList.add(\"social-wall-slider__slide\", \"swiper-slide\");\r\n\t} else {\r\n\t\telement.classList.add(\"social-wall__list-item\");\r\n\t}\r\n\r\n\telement.innerHTML = `\r\n    <div class=\"${classPrefix}__item ${(hasNoImage ? \"no-img\" : \"\")}\">\r\n      ${mediaWrapper?.outerHTML}\r\n      <div class=\"${classPrefix}__item-container\">\r\n        <div class=\"post-socials\">\r\n          ${item?.elements?.length ? renderSocialLinks(item.elements) : \"\"}\r\n        </div>\r\n        <div class=\"post-details\">\r\n          <p class=\"post-date\">${formatDate(item.postDate.toString(), dictionary)}</p>\r\n          <h4 class=\"post-text\">${item.text}</h4>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  `;\r\n\r\n\treturn element;\r\n};"],"names":["startOfDay","dirtyDate","requiredArgs","date","toDate","MILLISECONDS_IN_DAY","differenceInCalendarDays","dirtyDateLeft","dirtyDateRight","startOfDayLeft","startOfDayRight","timestampLeft","getTimezoneOffsetInMilliseconds","timestampRight","compareLocalAsc","dateLeft","dateRight","diff","differenceInDays","sign","difference","isLastDayNotFull","result","MILLISECONDS_IN_MINUTE","differenceInMinutes","differenceInMilliseconds","playIcon","instagramLogo","linkedinLogo","xLogo","facebookLogo","removeLoader","container","loaderElement","addVideoEventListeners","mediaWrappers","wrapper","thumbnail","video","playVideo","event","handleMediaLoad","mediaWrapper","resolve","img","thumbnailImg","formatDate","postDate","dictionary","now","postDateObj","minutesDiff","hoursDiff","differenceInHours","daysDiff","remainingHours","format","renderSocialIcon","socialIcon","renderSocialLinks","elements","item","renderMedia","selectedImage","_c","_b","_a","b","platformOrder","aIndex","bIndex","x","renderSocialWallItem","isSwiperSlide","hasNoImage","element","classPrefix"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}