@modernman00/shared-js-lib 1.2.2

package/Cookie.js

@@ -0,0 +1,49 @@
+/**
+ * Sets a cookie with the given name, value, and number of days until it expires.
+ * By default, the cookie will expire in 365 days.
+ * @param {string} cname - The name of the cookie.
+ * @param {string} cvalue - The value of the cookie.
+ * @param {number} [exdays=365] - The number of days until the cookie expires.
+ */
+export const setCookie = (cname, cvalue, exdays = 365) => {
+    const d = new Date(Date.now() + exdays * 864e5);
+    document.cookie = `${cname}=${cvalue}; expires=${d.toUTCString()}; path=/`;
+}
+
+/**
+ * Retrieves the value of a cookie by name.
+ * @param {string} cname - The name of the cookie to retrieve.
+ * @returns {string} The value of the cookie, or an empty string if the cookie does not exist.
+ */
+export const getCookie = (cname) => {
+    const name = cname + "=";
+    const cookies = document.cookie.split(';').map(cookie => cookie.trim());
+    for (const cookie of cookies) {
+        if (cookie.startsWith(name)) {
+            return cookie.substring(name.length);
+        }
+    }
+    return "";
+}
+
+
+
+/**
+ * Checks if a cookie with the given name exists. If not, prompts the user
+ * for a name and sets the cookie for 365 days. If the cookie does exist,
+ * alerts the user with a welcome message.
+ * @param {string} name - The name of the cookie to check.
+ */
+export const checkCookie = (name) => {
+    let user = getCookie(name);
+    if (!user) {
+        const askName = prompt("Please enter your name:", "");
+        if (askName) {
+            setCookie(name, askName, 365);
+            user = askName;
+        }
+    }
+    if (user) {
+        alert(`Welcome again ${user}`);
+    }
+}

package/CountryCode.js

@@ -0,0 +1,214 @@
+import {id} from "./UtilityHtml.js";
+
+// inject the country code once one of the country is picked
+
+// Object to map countries to country codes
+
+const countryCodes = {
+  Afghanistan: "93",
+  Albania: "355",
+  Algeria: "213",
+  Andorra: "376",
+  Angola: "244",
+  "Antigua and Barbuda": "1-268",
+  Argentina: "54",
+  Armenia: "374",
+  Australia: "61",
+  Austria: "43",
+  Azerbaijan: "994",
+  Bahamas: "1-242",
+  Bahrain: "973",
+  Bangladesh: "880",
+  Barbados: "1-246",
+  Belarus: "375",
+  Belgium: "32",
+  Belize: "501",
+  Benin: "229",
+  Bhutan: "975",
+  Bolivia: "591",
+  "Bosnia and Herzegovina": "387",
+  Botswana: "267",
+  Brazil: "55",
+  Brunei: "673",
+  Bulgaria: "359",
+  "Burkina Faso": "226",
+  Burundi: "257",
+  Cambodia: "855",
+  Cameroon: "237",
+  Canada: "1",
+  "Cape Verde": "238",
+  "Central African Republic": "236",
+  Chad: "235",
+  Chile: "56",
+  China: "86",
+  Colombia: "57",
+  Comoros: "269",
+  "Congo (Brazzaville)": "242",
+  "Congo (Kinshasa)": "243",
+  "Costa Rica": "506",
+  "Côte d'Ivoire": "225",
+  Croatia: "385",
+  Cuba: "53",
+  Cyprus: "357",
+  "Czech Republic": "420",
+  Denmark: "45",
+  Djibouti: "253",
+  Dominica: "1-767",
+  "Dominican Republic": "1-809, 1-829, 1-849",
+  "East Timor": "670",
+  Ecuador: "593",
+  Egypt: "20",
+  "El Salvador": "503",
+  "Equatorial Guinea": "240",
+  Eritrea: "291",
+  Estonia: "372",
+  Ethiopia: "251",
+  Fiji: "679",
+  Finland: "358",
+  France: "33",
+  Gabon: "241",
+  Gambia: "220",
+  Georgia: "995",
+  Germany: "49",
+  Ghana: "233",
+  Greece: "30",
+  Grenada: "1-473",
+  Guatemala: "502",
+  Guinea: "224",
+  "Guinea-Bissau": "245",
+  Guyana: "592",
+  Haiti: "509",
+  Honduras: "504",
+  Hungary: "36",
+  Iceland: "354",
+  India: "91",
+  Indonesia: "62",
+  Iran: "98",
+  Iraq: "964",
+  Ireland: "353",
+  Israel: "972",
+  Italy: "39",
+  Jamaica: "1-876",
+  Japan: "81",
+  Jordan: "962",
+  Kazakhstan: "7",
+  Kenya: "254",
+  Kiribati: "686",
+  "North Korea": "850",
+  "South Korea": "82",
+  Kosovo: "383",
+  Kuwait: "965",
+  Kyrgyzstan: "996",
+  Laos: "856",
+  Latvia: "371",
+  Lebanon: "961",
+  Lesotho: "266",
+  Liberia: "231",
+  Libya: "218",
+  Liechtenstein: "423",
+  Lithuania: "370",
+  Luxembourg: "352",
+  Macedonia: "389",
+  Madagascar: "261",
+  Malawi: "265",
+  Malaysia: "60",
+  Maldives: "960",
+  Mali: "223",
+  Malta: "356",
+  "Marshall Islands": "692",
+  Mauritania: "222",
+  Mauritius: "230",
+  Mexico: "52",
+  Micronesia: "691",
+  Moldova: "373",
+  Monaco: "377",
+  Mongolia: "976",
+  Montenegro: "382",
+  Morocco: "212",
+  Mozambique: "258",
+  Myanmar: "95",
+  Namibia: "264",
+  Nauru: "674",
+  Nepal: "977",
+  Netherlands: "31",
+  "New Zealand": "64",
+  Nicaragua: "505",
+  Niger: "227",
+  Nigeria: "234",
+  Norway: "47",
+  Oman: "968",
+  Pakistan: "92",
+  Palau: "680",
+  Panama: "507",
+  "Papua New Guinea": "675",
+  Paraguay: "595",
+  Peru: "51",
+  Philippines: "63",
+  Poland: "48",
+  Portugal: "351",
+  Qatar: "974",
+  Romania: "40",
+  Russia: "7",
+  Rwanda: "250",
+  "Saint Kitts and Nevis": "1-869",
+  "Saint Lucia": "1-758",
+  "Saint Vincent and the Grenadines": "1-784",
+  Samoa: "685",
+  "San Marino": "378",
+  "Sao Tome and Principe": "239",
+  "Saudi Arabia": "966",
+  Senegal: "221",
+  Serbia: "381",
+  Seychelles: "248",
+  "Sierra Leone": "232",
+  Singapore: "65",
+  Slovakia: "421",
+  Slovenia: "386",
+  "Solomon Islands": "677",
+  Somalia: "252",
+  "South Africa": "27",
+  "South Sudan": "211",
+  Spain: "34",
+  "Sri Lanka": "94",
+  Sudan: "249",
+  Suriname: "597",
+  Swaziland: "268",
+  Sweden: "46",
+  Switzerland: "41",
+  Syria: "963",
+  Taiwan: "886",
+  Tajikistan: "992",
+  Tanzania: "255",
+  Thailand: "66",
+  Togo: "228",
+  Tonga: "676",
+  "Trinidad and Tobago": "1-868",
+  Tunisia: "216",
+  Turkey: "90",
+  Turkmenistan: "993",
+  Tuvalu: "688",
+  Uganda: "256",
+  Ukraine: "380",
+  "United Arab Emirates": "971",
+  "United Kingdom": "44",
+  "United States": "1",
+  Uruguay: "598",
+  Uzbekistan: "998",
+  Vanuatu: "678",
+  "Vatican City": "379",
+  Venezuela: "58",
+  Vietnam: "84",
+  Yemen: "967",
+  Zambia: "260",
+  Zimbabwe: "263"
+}
+
+
+export const injectCountryCode = async (countryId, mobileId) => {
+  id(countryId).addEventListener('change', async (e) => {
+    const value = e.target.value;
+    id(mobileId).value = await countryCodes[value] || '';
+  });
+};
+
+injectCountryCode();

package/DateTime.js

@@ -0,0 +1,101 @@
+/**
+ * Returns a string representing the time elapsed since the given date.
+ * The string is in the format "[number] [unit]s", where [number] is the number of the unit,
+ * and [unit] is the name of the unit. The unit is the largest unit that is at least one,
+ * for example "3 days" or "1 year". If the time elapsed is less than one second, returns "0 seconds".
+ * @param {Date} date - The date to calculate the time elapsed since.
+ * @returns {string} - The time elapsed since the given date.
+ */
+export const calTiming = (date) => {
+    const seconds = Math.floor((new Date() - date) / 1000);
+    const epochs = [
+        { name: "year", seconds: 31536000 },
+        { name: "month", seconds: 2592000 },
+        { name: "day", seconds: 86400 },
+        { name: "hour", seconds: 3600 },
+        { name: "minute", seconds: 60 },
+        { name: "second", seconds: 1 }
+    ];
+    
+    for (const epoch of epochs) {
+        const interval = Math.floor(seconds / epoch.seconds);
+        if (interval > 1) {
+            return `${interval} ${epoch.name}s`;
+        } else if (interval === 1) {
+            return `1 ${epoch.name}`;
+        }
+    }
+};
+const aDay = 24 * 60 * 60 * 1000;
+
+
+let element = document.querySelectorAll('time[data-time]')
+
+/**
+ * Updates all elements with a 'data-time' attribute with the time that has
+ * elapsed since the given time, in real time.
+ *
+ * The function works by looping through all elements with the 'data-time'
+ * attribute and calculating the time elapsed since the given time. It then
+ * updates the content of the element with the time that has elapsed.
+ *
+ * The function then waits 60 seconds before calling itself again.
+ *
+ * @returns {void}
+ */
+export const updateTimeRealTime = () => {
+    for (const entry of element) {
+        const seconds = (Date.now() - new Date(entry.dataset.time).getTime()) / 1000;
+        entry.textContent = getDuration(seconds);
+    }
+    setTimeout(updateTimeRealTime, 1000 * 60);
+};
+setTimeout(updateTimeRealTime, 1000 * 60);
+
+
+const epochs = [
+    ['year', 31536000],
+    ['month', 2592000],
+    ['day', 86400],
+    ['hour', 3600],
+    ['minute', 60],
+    ['second', 1]
+];
+
+/**
+ * Takes a time in seconds and returns an object with the largest unit of time
+ * that is at least one, and the number of those units.
+ *
+ * @param {number} timeAgoInSeconds - The time in seconds to calculate the duration of.
+ * @returns {Object} - An object with an interval and epoch, where interval is the number of those units,
+ *                    and epoch is the name of the unit.
+ */
+const getDuration = (timeAgoInSeconds) => {
+    for (let [name, seconds] of epochs) {
+        const interval = Math.floor(timeAgoInSeconds / seconds);
+        if (interval >= 1) {
+            return {
+                interval: interval,
+                epoch: name
+            };
+        }
+    }
+};
+
+/**
+ * Returns a string representing the time elapsed since the given date.
+ * The time elapsed is presented as a string in the form of "X epochs ago",
+ * where X is the number of epochs, and epochs is the largest unit of time that
+ * is at least one, e.g. "1 hour ago", "2 days ago", etc.
+ *
+ * @param {Date|string} date - The date from which to calculate the time elapsed.
+ * @returns {string} - A string representing the time elapsed since the given date.
+ */
+export const timeAgo = (date) => {
+    const timeAgoInSeconds = Math.floor((new Date() - new Date(date)) / 1000);
+    const { interval, epoch } = getDuration(timeAgoInSeconds);
+    const suffix = interval === 1 ? '' : 's';
+    return `${interval} ${epoch}${suffix} ago`;
+};
+
+export const date2String = (date) => new Date().toDateString(date)

package/ForgotPassword.js

@@ -0,0 +1,102 @@
+"use strict";
+import { id } from './UtilityHtml.js'
+import { postFormData } from "./Http.js"
+import { emailVal } from "./Utility.js"
+import { showError } from "./ShowResponse.js";
+
+// Environment detection
+const isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
+
+// Log warning for browser-only features
+const warnNodeEnvironment = (feature) => {
+  if (!isBrowser) {
+    console.warn(`Warning: ${feature} is only available in browser environments. This code may not work as expected in Node.js.`);
+    return false;
+  }
+  return true;
+};
+
+// Initialize UI - only in browser environment
+if (isBrowser) {
+  const loaderElement = id("setLoader");
+  if (loaderElement) {
+    loaderElement.style.display = "none";
+  } else {
+    console.warn("Element 'setLoader' not found in the DOM");
+  }
+} else {
+  console.warn("Running in Node.js environment. DOM manipulation is not available.");
+}
+
+/**
+ * @description Handles the forgot password submission process.
+ * @param {string} formId - The ID of the form to submit.
+ * @param {string} url - The URL to make the POST request to.
+ * @param {string} redirectUrl - The URL to redirect the user to after the submission is complete.
+ * @returns {function} - A function that handles the submission process.
+ */
+export const forgotPasswordSubmission = (formId, url, redirectUrl) => {
+  // Check if we're in a browser environment before creating the helper
+  if (!warnNodeEnvironment('forgotPasswordSubmission')) {
+    // Return a no-op function in Node.js environment
+    return (e) => {
+      if (e && typeof e.preventDefault === 'function') {
+        e.preventDefault();
+      }
+      console.warn("Forgot password functionality is only available in browser environments");
+    };
+  }
+
+  const emailInput = id('email_id');
+  if (!emailInput) {
+    console.warn("Email input element not found");
+    return (e) => {
+      if (e && typeof e.preventDefault === 'function') {
+        e.preventDefault();
+      }
+      console.error("Email input element not found");
+    };
+  }
+
+  /**
+   * @description Handles the submission of the forgot password form.
+   * @param {Event} e - The event object passed by the event listener.
+   * @returns {void}
+   * @throws {Error} - If there is an error with the submission
+   */
+  const forgotPasswordSubmissionHelper = (e) => {
+    try {
+      if (e && typeof e.preventDefault === 'function') {
+        e.preventDefault();
+      }
+
+      // Ensure emailInput still exists in the DOM
+      if (!emailInput) {
+        throw new Error("Email input element not found");
+      }
+
+      const email = emailInput.value.trim();
+      if (!emailVal(email)) {
+        const loaderElement = id("setLoader");
+        if (loaderElement) {
+          loaderElement.style.display = "block";
+        }
+
+        // Only use localStorage in browser environment
+        if (typeof localStorage !== 'undefined') {
+          localStorage.setItem('redirect', redirectUrl);
+        }
+
+        postFormData(url, formId, redirectUrl);
+      }
+    } catch (error) {
+      if (typeof showError === 'function') {
+        showError(error);
+      } else {
+        console.error("Error in forgot password submission:", error);
+      }
+    }
+  };
+  
+  return forgotPasswordSubmissionHelper;
+};