Function loadModal

scripts/fb_moreReactionStory.js:30–135

(EMOJI_LIST)

      loadModal(emojiData);

      function loadModal(EMOJI_LIST) {
        const timeoutCheckStoriesFooter = setInterval(async () => {
          if (!window.location.href.includes("facebook.com/stories")) return;
          if (!!document.querySelector(".ufs-more-react-story")) return;

          const fb_dtsg = await getFbdtsg();
          const user_id = await getYourUserId();

          window.ufs_reactStory = async (text) => {
            const storyId = getStoryId();
            if (!isEmoji(text)) {
              alert("Must be emoji");
              return;
            }
            return await reactStory(user_id, fb_dtsg, storyId, text);
          };

          /* HTML template
        <div class="ufs-more-react-story">
            <button class="btn-react">More</button>
            <div class="emoji-container">
                <div class="emoji-tab-container">
                    <div class="emoji-tab">😀</div>
                    ...
                </div>
                <ul class="emoji-list-container">
                    <li class="emoji">😀</li>
                    ...
                </ul>
            </div>
        </div>
        */

          const container = document.createElement("div");
          container.className = "ufs-more-react-story";

          const btnReact = document.createElement("div");
          btnReact.textContent = "MORE";
          btnReact.className = "btn-react";
          const emojiContainer = document.createElement("div");
          emojiContainer.className = "emoji-container";
          const emojiTabContener = document.createElement("div");
          emojiTabContener.className = "emoji-tab-container";
          const emojiListContainer = document.createElement("div");
          emojiListContainer.className = "emoji-list-container";

          let allTabs = [];
          Object.keys(EMOJI_LIST).map((key) => {
            const emojiTab = document.createElement("div");
            emojiTab.className = "emoji-tab";
            emojiTab.textContent = key;
            allTabs.push(emojiTab);

            emojiTab.onclick = () => {
              allTabs.forEach((tab) => tab.classList.remove("active"));
              emojiTab.classList.add("active");
              emojiListContainer.innerHTML = "";