\n
\n )}\n ![](\"/images/files/pdfFile.svg\")
\n \n \n ),\n \"application/csv\": (\n \n ![](\"/images/files/csvFile.svg\")
\n \n ),\n \"application/xlsx\": (\n \n {\" \"}\n ![](\"/images/files/xlsFile.svg\")
\n \n ),\n };\n return obj[mimeType];\n } else if (\n [\n \"image/jpg\",\n \"image/jpeg\",\n \"image/png\",\n \"image/webp\",\n \"image/gif\",\n ].includes(mimeType)\n ) {\n return (\n \n ![](\"/images/files/image.svg\")
\n \n );\n } else if (\n [\n \"video/mp4\",\n \"video/ogg\",\n \"video/3gp\",\n \"video/3gpp\",\n \"video/3gpp2\",\n \"video/mpeg\",\n \"video/quicktime\",\n \"video/x-msvideo\",\n \"video/x-ms-wmv\",\n ].includes(mimeType)\n ) {\n return (\n \n ![](\"/images/files/video.svg\")
\n \n );\n } else {\n return (\n \n ![](\"/images/files/docFile.svg\")
\n \n );\n }\n};\n\nconst mediaRender = (attachment) => {\n switch (attachment.mimeType) {\n case \"image/jpeg\":\n case \"image/webp\":\n case \"image/gif\":\n case \"image/png\":\n case \"image/jpg\":\n return (\n ![](\"/images/MdIcons/doublecheck.svg\")
;\n case \"delivered\":\n return ;\n case \"read\":\n return ![](\"/images/MdIcons/doublecheckgreen.svg\")
;\n case \"failed\":\n return (\n \n ![\"img\"]({\"/images/Workbench/eventBlb.svg\"})
\n ![](\"/images/editor/ChatSend.svg\")
\n ![](\"/images/Product.svg\")
,\n exact: true,\n menu: false,\n },\n {\n component: DummyScreen,\n path: \"/calendar\",\n title: \"Calendar\",\n icon: ![](\"/images/Calendar.svg\")
,\n exact: true,\n menu: false,\n },\n {\n component: Campaigns,\n path: \"/campaign\",\n title: \"Campaign\",\n icon: ![](\"/images/revirew.svg\")
,\n // exact: false,\n // menu: true,\n // },\n // {\n // component: Review,\n // path: \"/review/:id\",\n // title: \"Review\",\n // icon: ,\n // exact: false,\n // menu: false,\n // },\n // {\n // component: DummyScreen,\n // path: \"/feedback\",\n // title: \"Feedback\",\n // icon: ![](\"/images/feedback.svg\")
,\n // exact: true,\n // menu: true,\n // },\n // {\n // component: Payment,\n // path: \"/payment\",\n // title: ![](\"/images/payment.svg\")
,\n // exact: true,\n // menu: true,\n // key: \"payment\",\n // },\n {\n component: ListTemplate,\n path: \"/knowledge-base\",\n title: ![](\"/images/adminRoutr.svg\")
,\n exact: false,\n menu: true,\n key: \"whatsappstore\",\n },\n {\n component: Oath,\n path: \"/connect-oath\",\n title: \"Admin\",\n icon: ,\n exact: true,\n menu: false,\n },\n {\n component: WhatsAppBusinessAccRedirect,\n path: \"/whatsapp-business-acc-redirect\",\n title: \"Whatsapp Business Account\",\n exact: true,\n menu: false,\n },\n\n // {\n // component: IntentData,\n // path: \"/bot-ai/:bid/:id\",\n // title: \"Intent List\",\n // exact: true,\n // },\n // {\n // component: SelectList,\n // path: \"/bot-ai/:id\",\n // title: \"Intent List\",\n // exact: true,\n // },\n // {\n // component: BotAi,\n // path: \"/bot-ai\",\n // title: \"BotAi\",\n // icon: (\n // ![](\"/images/Workbench/botaiNav.svg\")
\n // ),\n // exact: true,\n // menu: true,\n // },\n {\n component: UserProfile,\n path: \"/user-profile\",\n title: \"User Profile\",\n icon: ![](\"/images/userProfile.svg\")
,\n exact: true,\n bottom: true,\n },\n\n {\n component: DummyScreen,\n path: \"/support\",\n title: \"Support\",\n icon: ![](\"/images/supportRoutr.svg\")
,\n exact: true,\n bottom: true,\n },\n {\n component: Logout,\n path: \"/logout\",\n title: \"Logout\",\n icon: ,\n exact: true,\n bottom: true,\n },\n {\n component: CreateTemplate,\n path: \"/knowledge-base/create-template\",\n title: \"Template\",\n permission: [Roles.SUPER_ADMIN, Roles.ADMIN],\n },\n {\n component: ListTemplate,\n path: \"/knowledge-base/template\",\n title: \"Template\",\n permission: [Roles.SUPER_ADMIN, Roles.ADMIN],\n },\n {\n component: EmailTemplateCreate,\n path: \"/knowledge-base/email-template/create\",\n title: \"Template\",\n permission: [Roles.SUPER_ADMIN, Roles.ADMIN],\n },\n {\n component: EmailTemplateEdit,\n path: \"/knowledge-base/email-template/update/:id\",\n title: \"Template\",\n permission: [Roles.SUPER_ADMIN, Roles.ADMIN],\n },\n {\n component: EmailTemplate,\n path: \"/knowledge-base/email-template\",\n title: \"Template\",\n permission: [Roles.SUPER_ADMIN, Roles.ADMIN],\n },\n\n {\n component: CreateTemplate,\n path: \"/knowledge-base/view-template/:id\",\n title: \"Template\",\n permission: [Roles.SUPER_ADMIN, Roles.ADMIN],\n },\n {\n component: SmsTemplateCreate,\n path: \"/knowledge-base/sms-template/create\",\n title: \"Template\",\n permission: [Roles.SUPER_ADMIN, Roles.ADMIN],\n },\n {\n component: SmsTemplateCreate,\n path: \"/knowledge-base/sms-template/edit/:id\",\n title: \"Template\",\n permission: [Roles.SUPER_ADMIN, Roles.ADMIN],\n },\n {\n component: SMSTemplate,\n path: \"/knowledge-base/sms-template\",\n title: \"Template\",\n permission: [Roles.SUPER_ADMIN, Roles.ADMIN],\n },\n];\n","/*\n * These are the placeholder roles you can replace these with yours\n */\nexport default {\n SUPER_ADMIN: \"super_admin\",\n ADMIN: \"admin\",\n MANAGER: \"manager\",\n CUSTOMER: \"customer\",\n GUEST: \"guest\",\n};\n","module.exports = {\n authUrl: \"https://api.hirebound.io/auth\",\n appId: \"885af225-2142-44ba-b647-79a875e0e39f\",\n apiUrl: \"https://api.hirebound.io/v1\",\n // apiUrl: \"http://localhost:8900/v1\",\n socketUrl: \"wss://wss.hirebound.io\",\n workbenchUrl: \"https://api.hirebound.io/admin/api\",\n oauthUrl: \"https://api.hirebound.io/public/oauth2\",\n publicUrl: \"https://api.hirebound.io/admin/api\",\n publicAuthUrl: \"https://api.hirebound.io\",\n notificationUrl: \"https://inapiprod.hirebound.io/messaging\",\n time: 3000,\n};\n","// Handles the main site navigation\nexport const TOGGLE_MAIN_MENU = \"TOGGLE_MAIN_MENU\";\nexport const RESPONSIVE_MAIN_MENU = \"RESPONSIVE_MAIN_MENU\";\nexport const RESPONSIVE_WIDTH = \"RESPONSIVE_WIDTH\";\n\n// Handles the chat screen side bar\nexport const TOGGLE_CHAT_SIDE_BAR = \"TOGGLE_CHAT_SIDE_BAR\";\n\n// Handles the chat screen tool bar\nexport const TOGGLE_CHAT_TOOL_BAR = \"TOGGLE_CHAT_TOOL_BAR\";\n\n// Handles the chat screen component\nexport const CHAT_SCREEN_COMPONENT = \"CHAT_SCREEN_COMPONENT\";\n\n// Handles the chat container component\nexport const CHAT_CONTAINER_COMPONENT = \"CHAT_CONTAINER_COMPONENT\";\n\n// Handles the settings screen side bar\nexport const TOGGLE_SETTINGS_SIDE_BAR = \"TOGGLE_SETTINGS_SIDE_BAR\";\n\n//Handles tasks > addNewCard side bar\nexport const TOGGLE_ADD_CARD_SIDE_BAR = \"TOGGLE_ADD_CARD_SIDE_BAR\";\n\n//Handles tasks > addNewBot side bar\nexport const TOGGLE_ADD_BOT_SIDE_BAR = \"TOGGLE_ADD_BOT_SIDE_BAR\";\n\nexport const DROP_CONTENT = \"DROP_CONTENT\";\n\nexport const SET_ACTIVE_CONVID = \"SET_ACTIVE_CONVID\";\nexport const SET_ACTIVE_CH_CONVID = \"SET_ACTIVE_CH_CONVID\";\nexport const SET_ACTIVE_TM_CONVID = \"SET_ACTIVE_TM_CONVID\";\nexport const SET_CHAT_BOT_SWITCH = \"SET_CHAT_BOT_SWITCH\";\n\nexport const MARK_READ_TRIGGER = \"MARK_READ_TRIGGER\";\nexport const SET_NOTIF_COUNT = \"SET_NOTIF_COUNT\";\n","export const LOGIN_ACTION_TRIGGER = \"LOGIN_ACTION_TRIGGER\";\nexport const LOGIN_ACTION_RESPONSE = \"LOGIN_ACTION_RESPONSE\";\nexport const LOGIN_ACTION_ERROR = \"LOGIN_ACTION_ERROR\";\nexport const SET_MFA = \"SET_MFA\";\n\nexport const GET_USER_ACTION_TRIGGER = \"GET_USER_ACTION_TRIGGER\";\nexport const GET_USER_ACTION_RESPONSE = \"GET_USER_ACTION_RESPONSE\";\nexport const GET_USER_ACTION_ERROR = \"GET_USER_ACTION_ERROR\";\nexport const GET_SYSTEM_ACTION_TRIGGER = \"GET_SYSTEM_ACTION_TRIGGER\";\nexport const GET_SYSTEM_ACTION_RESPONSE = \"GET_SYSTEM_ACTION_RESPONSE\";\nexport const GET_SYSTEM_ACTION_ERROR = \"GET_SYSTEM_ACTION_ERROR\";\n\n// Content\nexport const GET_CONTENT_ACTION_TRIGGER = \"GET_CONTENT_ACTION_TRIGGER\";\nexport const GET_CONTENT_ACTION_RESPONSE = \"GET_CONTENT_ACTION_RESPONSE\";\nexport const GET_CONTENT_ACTION_ERROR = \"GET_CONTENT_ACTION_ERROR\";\nexport const REPLY_THREAD_ACTIVE = \"REPLY_THREAD_ACTIVE\";\nexport const REPLY_ID = \"REPLY_ID\";\nexport const THREAD_LOAD = \"THREAD_LOAD\";\n\nexport const GET_SINGLE_CONTENT_ACTION_TRIGGER =\n \"GET_SINGLE_CONTENT_ACTION_TRIGGER\";\nexport const GET_SINGLE_CONTENT_ACTION_RESPONSE =\n \"GET_SINGLE_CONTENT_ACTION_RESPONSE\";\nexport const GET_SINGLE_CONTENT_ACTION_ERROR =\n \"GET_SINGLE_CONTENT_ACTION_ERROR\";\n\nexport const CREATE_CONTENT_ACTION_TRIGGER = \"CREATE_CONTENT_ACTION_TRIGGER\";\nexport const CREATE_CONTENT_ACTION_RESPONSE = \"CREATE_CONTENT_ACTION_RESPONSE\";\nexport const CREATE_CONTENT_ACTION_ERROR = \"CREATE_CONTENT_ACTION_ERROR\";\n\nexport const UPDATE_CONTENT_ACTION_TRIGGER = \"UPDATE_CONTENT_ACTION_TRIGGER\";\nexport const UPDATE_CONTENT_ACTION_RESPONSE = \"UPDATE_CONTENT_ACTION_RESPONSE\";\nexport const UPDATE_CONTENT_ACTION_ERROR = \"UPDATE_CONTENT_ACTION_ERROR\";\n\nexport const UPDATE_CONTENT_TAG_ACTION_TRIGGER =\n \"UPDATE_CONTENT_TAG_ACTION_TRIGGER\";\nexport const UPDATE_CONTENT_TAG_ACTION_RESPONSE =\n \"UPDATE_CONTENT_TAG_ACTION_RESPONSE\";\nexport const UPDATE_CONTENT_TAG_ACTION_ERROR =\n \"UPDATE_CONTENT_TAG_ACTION_ERROR\";\n\nexport const DELETE_CONTENT_ACTION_TRIGGER = \"DELETE_CONTENT_ACTION_TRIGGER\";\nexport const DELETE_CONTENT_ACTION_RESPONSE = \"DELETE_CONTENT_ACTION_RESPONSE\";\nexport const DELETE_CONTENT_ACTION_ERROR = \"DELETE_CONTENT_ACTION_ERROR\";\n\nexport const SEARCH_CONTENT_ACTION_TRIGGER = \"SEARCH_CONTENT_ACTION_TRIGGER\";\nexport const SEARCH_CONTENT_ACTION_RESPONSE = \"SEARCH_CONTENT_ACTION_RESPONSE\";\nexport const SEARCH_CONTENT_ACTION_ERROR = \"SEARCH_CONTENT_ACTION_ERROR\";\n\n// Faq\nexport const GET_FAQ_ACTION_TRIGGER = \"GET_FAQ_ACTION_TRIGGER\";\nexport const GET_FAQ_ACTION_RESPONSE = \"GET_FAQ_ACTION_RESPONSE\";\nexport const GET_FAQ_ACTION_ERROR = \"GET_FAQ_ACTION_ERROR\";\n\nexport const CREATE_FAQ_ACTION_TRIGGER = \"CREATE_FAQ_ACTION_TRIGGER\";\nexport const CREATE_FAQ_ACTION_RESPONSE = \"CREATE_FAQ_ACTION_RESPONSE\";\nexport const CREATE_FAQ_ACTION_ERROR = \"CREATE_FAQ_ACTION_ERROR\";\n\nexport const UPDATE_FAQ_ACTION_TRIGGER = \"UPDATE_FAQ_ACTION_TRIGGER\";\nexport const UPDATE_FAQ_ACTION_RESPONSE = \"UPDATE_FAQ_ACTION_RESPONSE\";\nexport const UPDATE_FAQ_ACTION_ERROR = \"UPDATE_FAQ_ACTION_ERROR\";\n\nexport const DELETE_FAQ_ACTION_TRIGGER = \"DELETE_FAQ_ACTION_TRIGGER\";\nexport const DELETE_FAQ_ACTION_RESPONSE = \"DELETE_FAQ_ACTION_RESPONSE\";\nexport const DELETE_FAQ_ACTION_ERROR = \"DELETE_FAQ_ACTION_ERROR\";\n\nexport const SEARCH_FAQ_ACTION_TRIGGER = \"SEARCH_FAQ_ACTION_TRIGGER\";\nexport const SEARCH_FAQ_ACTION_RESPONSE = \"SEARCH_FAQ_ACTION_RESPONSE\";\nexport const SEARCH_FAQ_ACTION_ERROR = \"SEARCH_FAQ_ACTION_ERROR\";\n\nexport const FAQ_LIST_TRIGGER = \"FAQ_LIST_TRIGGER\";\nexport const GET_FAQ_LIST_RESPONSE = \"GET_FAQ_LIST_RESPONSE\";\nexport const FAQ_LIST_RESPONSE_ERROR = \"FAQ_LIST_RESPONSE_ERROR\";\n\nexport const GET_FAQ_CONTENTS_ACTION_TRIGGER =\n \"GET_FAQ_CONTENTS_ACTION_TRIGGER\";\nexport const GET_FAQ_CONTENTS_ACTION_RESPONSE =\n \"GET_FAQ_CONTENTS_ACTION_RESPONSE\";\nexport const GET_FAQ_CONTENTS_ACTION_ERROR = \"GET_FAQ_CONTENTS_ACTION_ERROR\";\nexport const GET_COLLECTION_LIST_RESPONSE = \"GET_COLLECTION_LIST_RESPONSE\";\nexport const GET_ARTICLE_LIST_RESPONSE = \"GET_ARTICLE_LIST_RESPONSE\";\n\n// Tag\nexport const CREATE_TAG_ACTION_TRIGGER = \"CREATE_TAG_ACTION_TRIGGER\";\nexport const CREATE_TAG_ACTION_RESPONSE = \"CREATE_TAG_ACTION_RESPONSE\";\nexport const CREATE_TAG_ACTION_ERROR = \"CREATE_TAG_ACTION_ERROR\";\n\nexport const GET_TEAMCONV_ACTION_TRIGGER = \"GET_TEAMCONV_ACTION_TRIGGER\";\nexport const GET_TEAMCONV_ACTION_RESPONSE = \"GET_TEAMCONV_ACTION_RESPONSE\";\nexport const GET_TEAMCONV_ACTION_ERROR = \"GET_TEAMCONV_ACTION_ERROR\";\n\nexport const SEARCH_TAG_ACTION_TRIGGER = \"SEARCH_TAG_ACTION_TRIGGER\";\nexport const SEARCH_TAG_ACTION_RESPONSE = \"SEARCH_TAG_ACTION_RESPONSE\";\nexport const SEARCH_TAG_ACTION_ERROR = \"SEARCH_TAG_ACTION_ERROR\";\n\n// Conv\nexport const GET_CONV_ACTION_TRIGGER = \"GET_CONV_ACTION_TRIGGER\";\nexport const GET_CONV_ACTION_RESPONSE = \"GET_CONV_ACTION_RESPONSE\";\nexport const GET_CONV_ACTION_ERROR = \"GET_CONV_ACTION_ERROR\";\nexport const GET_CONV_NOTIFICATION_RESPONSE = \"GET_CONV_NOTIFICATION_RESPONSE\";\nexport const GET_TEAMCONV_NOATIFICATION_RESPONSE =\n \"GET_TEAMCONV_NOATIFICATION_RESPONSE\";\nexport const ASSIGN_AGENT_ACTION_TRIGGER = \"ASSIGN_AGENT_ACTION_TRIGGER\";\nexport const ASSIGN_AGENT_ACTION_RESPONSE = \"ASSIGN_AGENT_ACTION_RESPONSE\";\nexport const ASSIGN_AGENT_ACTION_ERROR = \"ASSIGN_AGENT_ACTION_ERROR\";\nexport const GET_GROUP_NOATIFICATION_RESPONSE =\n \"GET_GROUP_NOATIFICATION_RESPONSE\";\n\nexport const GET_SINGLE_CONV_ACTION_TRIGGER = \"GET_SINGLE_CONV_ACTION_TRIGGER\";\nexport const GET_SINGLE_CONV_ACTION_RESPONSE =\n \"GET_SINGLE_CONV_ACTION_RESPONSE\";\nexport const GET_SINGLE_CONV_ACTION_ERROR = \"GET_SINGLE_CONV_ACTION_ERROR\";\n\nexport const UPDATE_CONV_ACTION_TRIGGER = \"UPDATE_CONV_ACTION_TRIGGER\";\nexport const UPDATE_CONV_ACTION_RESPONSE = \"UPDATE_CONV_ACTION_RESPONSE\";\nexport const UPDATE_CONV_ACTION_ERROR = \"UPDATE_CONV_ACTION_ERROR\";\nexport const GET_CONV_SEARCH_RESPONSE = \"GET_CONV_SEARCH_RESPONSE\";\n\nexport const SET_WIDGET_REQUEST = \"SET_WIDGET_REQUEST\";\n\n// Message\nexport const NEW_MESSAGE_ACTION_TRIGGER = \"NEW_MESSAGE_ACTION_TRIGGER\";\nexport const SEND_MESSAGE_ACTION_TRIGGER = \"SEND_MESSAGE_ACTION_TRIGGER\";\nexport const SEND_MESSAGE_ACTION_ACCOUNT_LOCKED_TRIGGER =\n \"SEND_MESSAGE_ACTION_ACCOUNT_LOCKED_TRIGGER\";\nexport const SOCKET_SENT_MESSAGE_ACTION_TRIGGER =\n \"SOCKET_SENT_MESSAGE_ACTION_TRIGGER\";\nexport const SOCKET_DELIVERED_MESSAGE_ACTION_TRIGGER =\n \"SOCKET_DELIVERED_MESSAGE_ACTION_TRIGGER\";\nexport const SOCKET_READ_MESSAGE_ACTION_TRIGGER =\n \"SOCKET_READ_MESSAGE_ACTION_TRIGGER\";\nexport const SOCKET_FAILED_MESSAGE_ACTION_TRIGGER =\n \"SOCKET_FAILED_MESSAGE_ACTION_TRIGGER\";\nexport const LOGOUT_ACTION_TRIGGER = \"LOGOUT_ACTION_TRIGGER\";\nexport const CLEAR_MESSAGE = \"CLEAR_MESSAGE\";\n\nexport const HISTORICAL_MESSAGE_ACTION_TRIGGER =\n \"HISTORICAL_MESSAGE_ACTION_TRIGGER\";\nexport const HISTORICAL_MESSAGE_ACTION_RESPONSE =\n \"HISTORICAL_MESSAGE_ACTION_RESPONSE\";\nexport const HISTORICAL_MESSAGE_ACTION_ERROR =\n \"HISTORICAL_MESSAGE_ACTION_ERROR\";\nexport const TOTAL_UNREAD_MSG_COUNT = \"TOTAL_UNREAD_MSG_COUNT\";\nexport const SET_TEAM_MESSAGE = \"SET_TEAM_MESSAGE\";\nexport const SET_CHANNEL_MESSAGE = \"SET_CHANNEL_MESSAGE\";\nexport const CLEAR_TEAM_MESSAGE = \"CLEAR_TEAM_MESSAGE\";\nexport const CLEAR_CHANNEL_MESSAGE = \"CLEAR_CHANNEL_MESSAGE\";\n\n// Call\nexport const INITIATE_CALL_ACTION_TRIGGER = \"INITIATE_CALL_ACTION_TRIGGER\";\nexport const INITIATE_CALL_ACTION_RESPONSE = \"INITIATE_CALL_ACTION_RESPONSE\";\nexport const INITIATE_CALL_ACTION_ERROR = \"INITIATE_CALL_ACTION_ERROR\";\n\n// Task\nexport const GET_PROJECT_DATA = \"GET_PROJECT_DATA\";\nexport const BOARD_ACTION_TRIGGER = \"BOARD_ACTION_TRIGGER\";\nexport const BOARD_ACTION_ERROR = \"BOARD_ACTION_ERROR\";\nexport const GET_TASK_BOARD = \"GET_TASK_BOARD\";\nexport const SET_CARD_VIEW = \"SET_CARD_VIEW\";\nexport const CARD_VIEW_DATA = \"CARD_VIEW_DATA\";\nexport const GET_LABEL_DATA = \"GET_LABEL_DATA\";\nexport const GET_USER_TASK_ACTION_TRIGGER = \"GET_USER_TASK_ACTION_TRIGGER\";\nexport const GET_USER_TASK_ACTION_RESPONSE = \"GET_USER_TASK_ACTION_RESPONSE\";\nexport const GET_USER_TASK_ACTION_ERROR = \"GET_USER_TASK_ACTION_ERROR\";\n//TaskModals\nexport const SET_CARD_ASSIGN_POP = \"SET_CARD_ASSIGN_POP\";\nexport const SET_CARD_LABEL_POP = \"SET_CARD_LABEL_POP\";\n\n// Agent\nexport const GET_AGENTS_ACTION_TRIGGER = \"GET_AGENTS_ACTION_TRIGGER\";\nexport const GET_AGENTS_ACTION_RESPONSE = \"GET_AGENTS_ACTION_RESPONSE\";\nexport const GET_AGENTS_ACTION_ERROR = \"GET_AGENTS_ACTION_ERROR\";\n\n// Contact\nexport const GET_ALL_CONTACT_ACTION_TRIGGER = \"GET_ALL_CONTACT_ACTION_TRIGGER\";\nexport const GET_ALL_CONTACT_ACTION_RESPONSE =\n \"GET_ALL_CONTACT_ACTION_RESPONSE\";\nexport const GET_ALL_CONTACT_ACTION_ERROR = \"GET_ALL_CONTACT_ACTION_ERROR\";\n\nexport const GET_CONTACT_ACTION_TRIGGER = \"GET_CONTACT_ACTION_TRIGGER\";\nexport const GET_CONTACT_ACTION_RESPONSE = \"GET_CONTACT_ACTION_RESPONSE\";\nexport const GET_CONTACT_ACTION_ERROR = \"GET_CONTACT_ACTION_ERROR\";\n\nexport const UPDATE_CONTACT_ACTION_TRIGGER = \"UPDATE_CONTACT_ACTION_TRIGGER\";\nexport const UPDATE_CONTACT_ACTION_RESPONSE = \"UPDATE_CONTACT_ACTION_RESPONSE\";\nexport const UPDATE_CONTACT_ACTION_ERROR = \"UPDATE_CONTACT_ACTION_ERROR\";\nexport const ACTIVE_LIST_CONTACT = \"ACTIVE_LIST_CONTACT\";\nexport const GET_CONTACT_FORM = \"GET_CONTACT_FORM\";\nexport const GET_CONTACT_FORM_RESPONSE = \"GET_CONTACT_FORM_RESPONSE\";\nexport const GET_CONTACT_GRP_RESPONSE = \"GET_CONTACT_GRP_RESPONSE\";\nexport const GET_ACTIVE_GRP_RESPONSE = \"GET_ACTIVE_GRP_RESPONSE\";\nexport const GET_LOCATION_ACTION_TRIGGER = \"GET_LOCATION_ACTION_TRIGGER\";\nexport const GET_LOCATION_ACTION_RESPONSE = \"GET_LOCATION_ACTION_RESPONSE\";\nexport const GET_LOCATION_ACTION_ERROR = \"GET_LOCATION_ACTION_ERROR\";\nexport const CREATE_CONTACT_FORM_FIELD_RESPONSE =\n \"CREATE_CONTACT_FORM_FIELD_RESPONSE\";\nexport const CREATE_CONTACT_FORM_FIELD_ERROR =\n \"CREATE_CONTACT_FORM_FIELD_ERROR\";\nexport const SEARCH_CONTACT_RESPONSE = \"SEARCH_CONTACT_RESPONSE\";\n\n// File\nexport const GET_FILE_ACTION_TRIGGER = \"GET_FILE_ACTION_TRIGGER\";\nexport const GET_FILE_ACTION_RESPONSE = \"GET_FILE_ACTION_RESPONSE\";\nexport const GET_FILE_ACTION_ERROR = \"GET_FILE_ACTION_ERROR\";\n\nexport const SEARCH_FILE_ACTION_RESPONSE = \"SEARCH_FILE_ACTION_RESPONSE\";\nexport const SEARCH_FILE_ACTION_ERROR = \"SEARCH_FILE_ACTION_ERROR\";\nexport const SEARCH_FILE_ACTION_TRIGGER = \"SEARCH_FILE_ACTION_TRIGGER\";\n\nexport const UPLOAD_FILE_ACTION_RESPONSE = \"UPLOAD_FILE_ACTION_RESPONSE\";\nexport const UPLOAD_FILE_ACTION_ERROR = \"UPLOAD_FILE_ACTION_ERROR\";\nexport const UPLOAD_FILE_ACTION_TRIGGER = \"UPLOAD_FILE_ACTION_TRIGGER\";\n\nexport const UPLOAD_MESSAGE_FILE_ACTION_RESPONSE =\n \"UPLOAD_MESSAGE_FILE_ACTION_RESPONSE\";\nexport const UPLOAD_MESSAGE_FILE_ACTION_ERROR =\n \"UPLOAD_MESSAGE_FILE_ACTION_ERROR\";\nexport const UPLOAD_MESSAGE_FILE_ACTION_TRIGGER =\n \"UPLOAD_MESSAGE_FILE_ACTION_TRIGGER\";\n// workBench\nexport const CREATE_CONVERSATION = \"CREATE_CONVERSATION\";\nexport const GET_ALL_CONVERSATION = \"GET_ALL_CONVERSATION\";\nexport const GET_ALL_CONVERSATION_BY_IDS = \"GET_ALL_CONVERSATION_BY_IDS\";\nexport const CREATE_CONV_NODE = \"CREATE_CONV_NODE\";\nexport const LINK_CONV_NODE = \"LINK_CONV_NODE\";\nexport const ACTIVE_WORKBENCH = \"ACTIVE_WORKBENCH\";\nexport const SET_LOGOURL = \"SET_LOGOURL\";\nexport const SET_LAUNCHERURL = \"SET_LAUNCHERURL\";\nexport const SET_WIDGET_COLOR = \"SET_WIDGET_COLOR\";\nexport const SET_WIDGET_ENABLED = \"SET_WIDGET_ENABLED\";\nexport const WB_DESIGN_JSON = \"WB_DESIGN_JSON\";\nexport const LOGO_UPLOAD = \"LOGO_UPLOAD\";\nexport const LAUNCHER_UPLOAD = \"LAUNCHER_UPLOAD\";\nexport const DEPLOY_URL = \"DEPLOY_URL\";\nexport const SELECTED_NODE = \"SELECTED_NODE\";\nexport const UPDATE_SELECTED_NODE = \"UPDATE_SELECTED_NODE\";\nexport const SET_WIDGET = \"SET_WIDGET\";\nexport const SET_WIDGET_DRAWER = \"SET_WIDGET_DRAWER\";\nexport const DATA_LOAD = \"DATA_LOAD\";\nexport const ADD_NODE = \"ADD_NODE\";\nexport const BOT_SKELETON = \"BOT_SKELETON\";\nexport const SET_ACTIVE_STEPPER = \"SET_ACTIVE_STEPPER\";\nexport const SET_NODE_DRAG = \"SET_NODE_DRAG\";\nexport const LANGUAGE_SET = \"LANGUAGE_SET\";\nexport const CONDITIONS_VAR_SET = \"CONDITIONS_VAR_SET\";\nexport const JUMP_LOCATIONS_SET = \"JUMP_LOCATIONS_SET\";\nexport const WB_BASE_URL = \"WB_BASE_URL\";\nexport const WB_ALL_API = \"WB_ALL_API\";\nexport const WB_WEBHOOK_BY_ID = \"WB_WEBHOOK_BY_ID\";\nexport const WB_SOPIFI_CAT = \"WB_SOPIFI_CAT\";\nexport const WB_SOPIFI_ITEM = \"WB_SOPIFI_ITEM\";\nexport const WB_SOPIFI_VAR = \"WB_SOPIFI_VAR\";\nexport const CONFIG_CHANNELS = \"CONFIG_CHANNELS\";\n\n//Botapi\nexport const GET_ALL_BOTS = \"GET_ALL_BOTS\";\nexport const ACTIVE_BOT = \"ACTIVE_BOT\";\n// Tenant\nexport const GET_TENANT_ACTION_TRIGGER = \"GET_TENANT_ACTION_TRIGGER\";\nexport const GET_TENANT_ACTION_RESPONSE = \"GET_TENANT_ACTION_RESPONSE\";\nexport const GET_TENANT_ACTION_ERROR = \"GET_TENANT_ACTION_ERROR\";\n\n// botAi\n\nexport const ACTIVE_LIST_BOT_AI = \"ACTIVE_LIST_BOT_AI\";\nexport const BOT_AI_SIDER = \"BOT_AI_SIDER\";\nexport const USED_ENTITIES = \"USED_ENTITIES\";\nexport const INTENT_QUESTIONS = \"INTENT_QUESTIONS\";\nexport const INTENT_LIST = \"INTENT_LIST\";\nexport const INTENT_DATA = \"INTENT_DATA\";\nexport const ACTIVE_INTENT = \"ACTIVE_INTENT\";\nexport const ENTITY_LIST = \"ENTITY_LIST\";\nexport const ACTIVE_ENTITY = \"ACTIVE_ENTITY\";\n\n//Admin\nexport const LOADING_TRIGGER = \"LOADING_TRIGGER\";\nexport const ACTIVE_LIST_ADMIN = \"ACTIVE_LIST_ADMIN\";\nexport const SIDEBAR_ADMIN = \"SIDEBAR_ADMIN\";\nexport const CONN_ACCOUNT = \"CONN_ACCOUNT\";\nexport const CONNECT_SIDEBAR_VIEW = \"CONNECT_SIDEBAR_VIEW\";\nexport const CHECK_EMAIL_AVL = \"CHECK_EMAIL_AVL\";\nexport const DEF_EMAIL_CONFIG = \"DEF_EMAIL_CONFIG\";\nexport const DEF_SMS_CONFIG = \"DEF_SMS_CONFIG\";\nexport const ALL_CONFIG = \"ALL_CONFIG\";\nexport const ACTIVE_INDEX = \"ACTIVE_INDEX\";\nexport const CHECK_PHONE_AVL = \"CHECK_PHONE_AVL\";\nexport const SMS_SEARCH = \"SMS_SEARCH\";\nexport const USER_TENANT_LIST = \"USER_TENANT_LIST\";\nexport const CHANNEL_ACCOUNT = \"CHANNEL_ACCOUNT\";\nexport const EMAIL_RECIPIENT = \"EMAIL_RECIPIENT\";\nexport const CC_EMAIL_RECIPERNT = \"CC_EMAIL_RECIPERNT\";\nexport const BCC_EMAIL_RECIPERNT = \"BCC_EMAIL_RECIPERNT\";\nexport const EMAIL_SUBJECT = \"EMAIL_SUBJECT\";\nexport const CHECKED_LIST = \"CHECKED_LIST\";\nexport const SMS_NO_DATA = \"SMS_NO_DATA\";\nexport const CONTENT_LOADING = \"CONTENT_LOADING\";\nexport const WHATSAPP_RESPONSE = \"WHATSAPP_RESPONSE\";\nexport const WHATSAPP_ERROR = \"WHATSAPP_ERROR\";\nexport const GET_LANGUAGES = \"GET_LANGUAGES\";\nexport const GET_LANGUAGES_FORM = \"GET_LANGUAGES_FORM\";\nexport const STORE_SHOPIFY = \"STORE_SHOPIFY\";\nexport const STORE_FACEBOOK = \"STORE_FACEBOOK\";\nexport const STORE_SETTINGS = \"STORE_SETTINGS\";\nexport const STORE_COLLECTIONS = \"STORE_COLLECTIONS\";\nexport const STORE_DATA = \"STORE_DATA\";\nexport const PRODUCT_COLLECTIONS = \"PRODUCT_COLLECTIONS\";\nexport const BUSINESS_INFO = \"BUSINESS_INFO\";\nexport const META_CONNECTION_INFO = \"META_CONNECTION_INFO\";\nexport const WHATSAPP_WEBHOOK = \"WHATSAPP_WEBHOOK\";\nexport const CONNECTED_BOT = \"CONNECTED_BOT\";\nexport const GET_INTEGRATION_PAYMENT_TRIGGER =\n \"GET_INTEGRATION_PAYMENT_TRIGGER\";\nexport const GET_INTEGRATION_PAYMENT_RESPONSE =\n \"GET_INTEGRATION_PAYMENT_RESPONSE\";\nexport const GET_INTEGRATION_PAYMENT_ERROR = \"GET_INTEGRATION_PAYMENT_ERROR\";\nexport const GET_INTEGRATION_SHOPIFY_TRIGGER =\n \"GET_INTEGRATION_SHOPIFY_TRIGGER\";\nexport const GET_INTEGRATION_SHOPIFY_RESPONSE =\n \"GET_INTEGRATION_SHOPIFY_RESPONSE\";\nexport const GET_INTEGRATION_SHOPIFY_ERROR = \"GET_INTEGRATION_SHOPIFY_ERROR\";\nexport const NOTIFICATION_PREFERENCE_TRIGGER =\n \"NOTIFICATION_PREFERENCE_TRIGGER\";\nexport const NOTIFICATION_PREFERENCE_RESPONSE =\n \"NOTIFICATION_PREFERENCE_RESPONSE\";\n\nexport const WHATSAPP_CONNECT_SETTINGS = \"WHATSAPP_CONNECT_SETTINGS\";\nexport const META_APIS_BUSINESS_INFO = \"META_APIS_BUSINESS_INFO\";\nexport const META_APIS_WEB_ID = \"META_APIS_WEB_ID\";\nexport const META_APIS_NUMBER = \"META_APIS_NUMBER\";\n\n//notification\nexport const READ_MESSAGE_ACTION_TRIGGER = \"READ_MESSAGE_ACTION_TRIGGER\";\nexport const READ_MESSAGE_ACTION_RESPONSE = \"READ_MESSAGE_ACTION_RESPONSE\";\nexport const READ_MESSAGE_ACTION_ERROR = \"READ_MESSAGE_ACTION_ERROR\";\n\nexport const CREATE_GROUP_CONV_ACTION_TRIGGER =\n \"CREATE_GROUP_CONV_ACTION_TRIGGER\";\n\nexport const CREATE_GROUP_CONV_ACTION_RESPONSE =\n \"CREATE_GROUP_CONV_ACTION_RESPONSE\";\nexport const CREATE_GROUP_CONV_ACTION_ERROR = \"CREATE_GROUP_CONV_ACTION_ERROR\";\nexport const GET_GROUP_CONV_ACTION_TRIGGER = \"GET_GROUP_CONV_ACTION_TRIGGER\";\nexport const GET_GROUP_CONV_ACTION_RESPONSE = \"GET_GROUP_CONV_ACTION_RESPONSE\";\nexport const GET_GROUP_CONV_ACTION_ERROR = \"GET_GROUP_CONV_ACTION_ERROR\";\nexport const SET_CHANNEL_TOPBAR = \"SET_CHANNEL_TOPBAR\";\nexport const UPDATE_GROUP_CONV_ACTION_TRIGGER =\n \"UPDATE_GROUP_CONV_ACTION_TRIGGER\";\nexport const UPDATE_GROUP_CONV_ACTION_RESPONSE =\n \"UPDATE_GROUP_CONV_ACTION_RESPONSE\";\nexport const UPDATE_GROUP_CONV_ACTION_ERROR = \"UPDATE_GROUP_CONV_ACTION_ERROR\";\n\n// dashboard\nexport const DASHBOARD_CARDS = \"DASHBOARD_CARDS\";\nexport const DASHBOARD_VISITORS = \"DASHBOARD_VISITORS\";\nexport const DASHBOARD_CONTACT = \"DASHBOARD_CONTACT\";\nexport const DASHBOARD_CARDS_TRIGGER = \"DASHBOARD_CARDS_TRIGGER\";\nexport const DASHBOARD_UNMOUNT = \"DASHBOARD_UNMOUNT\";\n\n// payment\nexport const CREATE_PAYMENTS_ACTION_TRIGGER = \"CREATE_PAYMENTS_ACTION_TRIGGER\";\nexport const CREATE_PAYMENTS_ACTION_RESPONSE =\n \"CREATE_PAYMENTS_ACTION_RESPONSE\";\nexport const CREATE_PAYMENTS_ACTION_ERROR = \"CREATE_PAYMENTS_ACTION_ERROR\";\n\nexport const GET_PAYMENTS_ACTION_TRIGGER = \"GET_PAYMENTS_ACTION_TRIGGER\";\nexport const GET_PAYMENTS_ACTION_RESPONSE = \"GET_PAYMENTS_ACTION_RESPONSE\";\nexport const GET_PAYMENTS_ACTION_ERROR = \"GET_PAYMENTS_ACTION_ERROR\";\n\nexport const GET_PAYMENTS_CARD_ACTION_TRIGGER =\n \"GET_PAYMENTS_CARD_ACTION_TRIGGER\";\nexport const GET_PAYMENTS_CARD_ACTION_RESPONSE =\n \"GET_PAYMENTS_CARD_ACTION_RESPONSE\";\nexport const GET_PAYMENTS_CARD_ACTION_ERROR = \"GET_PAYMENTS_CARD_ACTION_ERROR\";\n\nexport const GET_ALL_ITEM_ACTION_TRIGGER = \"GET_ALL_ITEM_ACTION_TRIGGER\";\nexport const GET_ALL_ITEM_ACTION_RESPONSE = \"GET_ALL_ITEM_ACTION_RESPONSE\";\nexport const GET_ALL_ITEM_ACTION_ERROR = \"GET_ALL_ITEM_ACTION_ERROR\";\n\nexport const GET_INTEGRATION_ACCOUNT_ACTION_TRIGGER =\n \"GET_INTEGRATION_ACCOUNT_ACTION_TRIGGER\";\nexport const GET_INTEGRATION_ACCOUNT_ACTION_RESPONSE =\n \"GET_INTEGRATION_ACCOUNT_ACTION_RESPONSE\";\nexport const GET_INTEGRATION_ACCOUNT_ACTION_ERROR =\n \"GET_INTEGRATION_ACCOUNT_ACTION_ERROR\";\n\nexport const GET_TEMPLATES_ACTION_TRIGGER = \"GET_TEMPLATES_ACTION_TRIGGER\";\nexport const GET_TEMPLATES_ACTION_RESPONSE = \"GET_TEMPLATES_ACTION_RESPONSE\";\nexport const GET_TEMPLATES_ACTION_ERROR = \"GET_TEMPLATES_ACTION_ERROR\";\nexport const CREATE_TEMPLATES_ACTION_TRIGGER =\n \"CREATE_TEMPLATES_ACTION_TRIGGER\";\nexport const CREATE_TEMPLATES_ACTION_RESPONSE =\n \"CREATE_TEMPLATES_ACTION_RESPONSE\";\nexport const CREATE_TEMPLATES_ACTION_ERROR = \"CREATE_TEMPLATES_ACTION_ERROR\";\n\nexport const BOT_PROCESSING_START = \"BOT_PROCESSING_START\";\nexport const BOT_PROCESSING_END = \"BOT_PROCESSING_END\";\nexport const TYPING_START = \"TYPING_START\";\nexport const TYPING_END = \"TYPING_END\";\nexport const EMIT_TYPING = \"EMIT_TYPING\";\n\n// campaign\nexport const GET_CAMPAIGNS_TRIGGER = \"GET_CAMPAIGNS_TRIGGER\";\nexport const GET_CAMPAIGNS_RESPONSE = \"GET_CAMPAIGNS_RESPONSE\";\nexport const GET_CAMPAIGNS_ERROR = \"GET_CAMPAIGNS_ERROR\";\nexport const CAMPAIGN_UPDATE_SIDEBAR = \"CAMPAIGN_UPDATE_SIDEBAR\";\nexport const WAIT_FOR_CAMPAIGN_RESPONSE = \"WAIT_FOR_CAMPAIGN_RESPONSE\";\nexport const GET_CAMPAIGNS_PLAN_STATUS_TRIGGER =\n \"GET_CAMPAIGNS_PLAN_STATUS_TRIGGER\";\nexport const GET_CAMPAIGNS_PLAN_STATUS_RESPONSE =\n \"GET_CAMPAIGNS_PLAN_STATUS_RESPONSE\";\nexport const GET_CAMPAIGNS_PLAN_STATUS_ERROR =\n \"GET_CAMPAIGNS_PLAN_STATUS_ERROR\";\n// create campaign\nexport const CREATE_CAMPAIGNS_TRIGGER = \"CREATE_CAMPAIGNS_TRIGGER\";\nexport const CREATE_CAMPAIGNS_RESPONSE = \"CREATE_CAMPAIGNS_RESPONSE\";\n// create campaign step\nexport const CREATE_CAMPAIGN_STEP_TRIGGER = \"CREATE_CAMPAIGN_STEP_TRIGGER\";\nexport const CREATE_CAMPAIGN_STEP_RESPONSE = \"CREATE_CAMPAIGN_STEP_RESPONSE\";\n// Get campaign by id\nexport const GET_CAMPAIGN_BY_ID_TRIGGER = \"GET_CAMPAIGN_BY_ID_TRIGGER\";\nexport const GET_CAMPAIGN_BY_ID_RESPONSE = \"GET_CAMPAIGN_BY_ID_RESPONSE\";\nexport const ACTIVE_CAMPAIGN_SIDEBAR = \"ACTIVE_CAMPAIGN_SIDEBAR\";\nexport const CAMPAIGN_UPDATE_DATA = \"CAMPAIGN_UPDATE_DATA\";\nexport const CAMPAIGN_AT_VIEW = \"CAMPAIGN_AT_VIEW\";\nexport const GET_CAMPAIGNS_PLANS_RESPONSE = \"GET_CAMPAIGNS_PLANS_RESPONSE\";\n\nexport const GET_CAMPAIGNS_STEPS_CONDITIONS_TRIGGER =\n \"GET_CAMPAIGNS_STEPS_CONDITIONS_TRIGGER\";\nexport const GET_CAMPAIGNS_STEPS_CONDITIONS_RESPONSE =\n \"GET_CAMPAIGNS_STEPS_CONDITIONS_RESPONSE\";\nexport const GET_CAMPAIGNS_STEPS_CONDITIONS_ERROR =\n \"GET_CAMPAIGNS_STEPS_CONDITIONS_ERROR\";\n\n// User\nexport const GET_USER_DETAILS = \"GET_USER_DETAILS\";\nexport const GET_USER_DETAILS_ERROR = \"GET_USER_DETAILS_ERROR\";\nexport const GET_USER_DETAILS_SUCCESS = \"GET_USER_DETAILS_SUCCESS\";\n\n// SignUP\nexport const SUPPORTED_LANGUAGES = \"SUPPORTED_LANGUAGES\";\nexport const POSTAL_CODE = \"POSTAL_CODE\";\nexport const STEP_ONE_DATA = \"STEP_ONE_DATA\";\n\n// UnVarified User\nexport const UNVERIFIED_USER = \"UNVERIFIED_USER\";\n\n// email Template\n\nexport const EMAIL_TEMPLATES_ACTION_RESPONSE =\n \"EMAIL_TEMPLATES_ACTION_RESPONSE\";\nexport const EMAIL_TEMPLATES_ACTION_ERROR = \"EMAIL_TEMPLATES_ACTION_ERROR\";\n\nexport const GET_EMAIL_TEMPLATES_VARIABLES_RESPONSE =\n \"GET_EMAIL_TEMPLATES_VARIABLES_RESPONSE\";\nexport const GET_EMAIL_TEMPLATES_VARIABLES_ERROR =\n \"GET_EMAIL_TEMPLATES_VARIABLES_ERROR\";\nexport const TEMPLATE_DETAILS_BY_ID_RESPONSE =\n \"TEMPLATE_DETAILS_BY_ID_RESPONSE\";\nexport const TEMPLATE_DETAILS_BY_ID_ERROR = \"TEMPLATE_DETAILS_BY_ID_ERROR\";\n\nexport const GET_EMAIL_PLATEFORM_TEMPLATES_RESPONSE =\n \"GET_EMAIL_PLATEFORM_TEMPLATES_RESPONSE\";\n\nexport const GET_EMAIL_PLATEFORM_TEMPLATES_ERROR =\n \"GET_EMAIL_PLATEFORM_TEMPLATES_ERROR\";\nexport const EMAIL_TEMPLATES_ACTION_CLEAR = \"EMAIL_TEMPLATES_ACTION_CLEAR\";\nexport const STORE_DATA_LIST = \"STORE_DATA_LIST\";\n\nexport const GET_WHATSAPP_TEMPLATES_TRIGGER = \"GET_WHATSAPP_TEMPLATES_TRIGGER\";\nexport const GET_WHATSAPP_TEMPLATES_RESPONSE =\n \"GET_WHATSAPP_TEMPLATES_RESPONSE\";\nexport const GET_WHATSAPP_TEMPLATES_ERROR = \"GET_WHATSAPP_TEMPLATES_ERROR\";\nexport const PUT_WHATSAPP_TEMPLATE_TRIGGER = \"PUT_WHATSAPP_TEMPLATE_TRIGGER\";\nexport const PUT_WHATSAPP_TEMPLATE_RESPONSE = \"PUT_WHATSAPP_TEMPLATE_RESPONSE\";\nexport const PUT_WHATSAPP_TEMPLATE_ERROR = \"PUT_WHATSAPP_TEMPLATE_ERROR\";\nexport const GET_WHATSAPP_TEMPLATE_BY_ID_TRIGGER =\n \"GET_WHATSAPP_TEMPLATE_BY_ID_TRIGGER\";\nexport const GET_WHATSAPP_TEMPLATE_BY_ID_RESPONSE =\n \"GET_WHATSAPP_TEMPLATE_BY_ID_RESPONSE\";\nexport const GET_WHATSAPP_TEMPLATE_BY_ID_ERROR =\n \"GET_WHATSAPP_TEMPLATE_BY_ID_ERROR\";\nexport const CLEAN_UP = \"CLEAN_UP\";\nexport const GET_TEMPLATE_VARIABLES_RESPONSE =\n \"GET_TEMPLATE_VARIABLES_RESPONSE\";\nexport const GET_TEMPLATE_VARIABLES_ERROR = \"GET_TEMPLATE_VARIABLES_ERROR\";\n\nexport const TAG_LIST_TRIGGER = \"TAG_LIST_TRIGGER\";\nexport const TAG_LIST_RESPONSE = \"TAG_LIST_RESPONSE\";\nexport const TAG_LIST_ERROR = \"TAG_LIST_ERROR\";\nexport const IMPORT_TEMPLATE_RESPONSE = \"IMPORT_TEMPLATE_RESPONSE\";\nexport const RESET_TEMPLATE_RESPONSE = \"RESET_TEMPLATE_RESPONSE\";\n\n// notification\n\nexport const GET_UNREAD_NOTIFICATION = \"GET_UNREAD_NOTIFICATION\";\nexport const GET_UNREAD_NOTIFICATION_RESPONSE =\n \"GET_UNREAD_NOTIFICATION_RESPONSE\";\nexport const SET_INCOMMING_MSG = \"SET_INCOMMING_MSG\";\n\n// subscription\nexport const GET_SUBSCRIPTIONS_TRIGGER = \"GET_SUBSCRIPTIONS_TRIGGER\";\nexport const GET_SUBSCRIPTIONS_RESPONSE = \"GET_SUBSCRIPTIONS_RESPONSE\";\nexport const GET_SUBSCRIPTIONS_ERROR = \"GET_SUBSCRIPTIONS_ERROR\";\n\n// opening\nexport const SET_OPENING_TAB = \"SET_OPENING_TAB\";\nexport const SET_OPENING_SIDEBAR_VIEW = \"SET_OPENING_SIDEBAR_VIEW\";\nexport const SET_OPENING_SIDEBAR_DATA = \"SET_OPENING_SIDEBAR_DATA\";\nexport const GET_OPEN_POSITIONS_TRIGGER = \"GET_OPEN_POSITIONS_TRIGGER\";\nexport const GET_OPEN_POSITIONS_RESPONSE = \"GET_OPEN_POSITIONS_RESPONSE\";\nexport const GET_OPEN_POSITIONS_ERROR = \"GET_OPEN_POSITIONS_ERROR\";\nexport const GET_ALL_CANDIDATES_BY_POSITION_TRIGGER =\n \"GET_ALL_CANDIDATES_BY_POSITION_TRIGGER\";\nexport const GET_ALL_CANDIDATES_BY_POSITION_RESPONSE =\n \"GET_ALL_CANDIDATES_BY_POSITION_RESPONSE\";\nexport const GET_ALL_CANDIDATES_BY_POSITION_ERROR =\n \"GET_ALL_CANDIDATES_BY_POSITION_ERROR\";\n\nexport const GET_ALL_COMPANIES_TRIGGER = \"GET_ALL_COMPANIES_TRIGGER\";\nexport const GET_ALL_COMPANIES_RESPONSE = \"GET_ALL_COMPANIES_RESPONSE\";\nexport const GET_ALL_COMPANIES_ERROR = \"GET_ALL_COMPANIES_ERROR\";\nexport const GET_CANDIDATE_STAGE_TRIGGER = \"GET_CANDIDATE_STAGE_TRIGGER\";\nexport const GET_CANDIDATE_STAGE_RESPONSE = \"GET_CANDIDATE_STAGE_RESPONSE\";\nexport const GET_CANDIDATE_STAGE_ERROR = \"GET_CANDIDATE_STAGE_ERROR\";\n\n// MailPreview from inbox\nexport const SET_MAIL_PREVIEW_DATA = \"SET_MAIL_PREVIEW_DATA\";\nexport const REMOVE_MAIL_PREVIEW_DATA = \"REMOVE_MAIL_PREVIEW_DATA\";\nexport const SET_MAIL_PREVIEW_DATA_THREAD = \"SET_MAIL_PREVIEW_DATA_THREAD\";\n\n// account variables\nexport const GET_ACCOUNT_VARIABLES_RESPONSE = \"GET_ACCOUNT_VARIABLES_RESPONSE\";\nexport const GET_ACCOUNT_VARIABLES_ERROR = \"GET_ACCOUNT_VARIABLES_ERROR\";\n\n// Thread email\n\nexport const GET_THREAD_EMAIL_MESSAGES_TRIGGER =\n \"GET_THREAD_EMAIL_MESSAGES_TRIGGER\";\nexport const GET_THREAD_EMAIL_MESSAGES_RESPONSE =\n \"GET_THREAD_EMAIL_MESSAGES_RESPONSE\";\nexport const GET_THREAD_EMAIL_MESSAGES_ERROR =\n \"GET_THREAD_EMAIL_MESSAGES_ERROR\";\n","/**\n * FingerprintJS v3.4.2 - Copyright (c) FingerprintJS, Inc, 2023 (https://fingerprint.com)\n * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.\n *\n * This software contains code from open-source projects:\n * MurmurHash3 by Karan Lyons (https://github.com/karanlyons/murmurHash3.js)\n */\n\nimport { __awaiter, __generator, __assign, __spreadArray } from 'tslib';\n\nvar version = \"3.4.2\";\n\nfunction wait(durationMs, resolveWith) {\n return new Promise(function (resolve) { return setTimeout(resolve, durationMs, resolveWith); });\n}\nfunction requestIdleCallbackIfAvailable(fallbackTimeout, deadlineTimeout) {\n if (deadlineTimeout === void 0) { deadlineTimeout = Infinity; }\n var requestIdleCallback = window.requestIdleCallback;\n if (requestIdleCallback) {\n // The function `requestIdleCallback` loses the binding to `window` here.\n // `globalThis` isn't always equal `window` (see https://github.com/fingerprintjs/fingerprintjs/issues/683).\n // Therefore, an error can occur. `call(window,` prevents the error.\n return new Promise(function (resolve) { return requestIdleCallback.call(window, function () { return resolve(); }, { timeout: deadlineTimeout }); });\n }\n else {\n return wait(Math.min(fallbackTimeout, deadlineTimeout));\n }\n}\nfunction isPromise(value) {\n return !!value && typeof value.then === 'function';\n}\n/**\n * Calls a maybe asynchronous function without creating microtasks when the function is synchronous.\n * Catches errors in both cases.\n *\n * If just you run a code like this:\n * ```\n * console.time('Action duration')\n * await action()\n * console.timeEnd('Action duration')\n * ```\n * The synchronous function time can be measured incorrectly because another microtask may run before the `await`\n * returns the control back to the code.\n */\nfunction awaitIfAsync(action, callback) {\n try {\n var returnedValue = action();\n if (isPromise(returnedValue)) {\n returnedValue.then(function (result) { return callback(true, result); }, function (error) { return callback(false, error); });\n }\n else {\n callback(true, returnedValue);\n }\n }\n catch (error) {\n callback(false, error);\n }\n}\n/**\n * If you run many synchronous tasks without using this function, the JS main loop will be busy and asynchronous tasks\n * (e.g. completing a network request, rendering the page) won't be able to happen.\n * This function allows running many synchronous tasks such way that asynchronous tasks can run too in background.\n */\nfunction mapWithBreaks(items, callback, loopReleaseInterval) {\n if (loopReleaseInterval === void 0) { loopReleaseInterval = 16; }\n return __awaiter(this, void 0, void 0, function () {\n var results, lastLoopReleaseTime, i, now;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n results = Array(items.length);\n lastLoopReleaseTime = Date.now();\n i = 0;\n _a.label = 1;\n case 1:\n if (!(i < items.length)) return [3 /*break*/, 4];\n results[i] = callback(items[i], i);\n now = Date.now();\n if (!(now >= lastLoopReleaseTime + loopReleaseInterval)) return [3 /*break*/, 3];\n lastLoopReleaseTime = now;\n // Allows asynchronous actions and microtasks to happen\n return [4 /*yield*/, wait(0)];\n case 2:\n // Allows asynchronous actions and microtasks to happen\n _a.sent();\n _a.label = 3;\n case 3:\n ++i;\n return [3 /*break*/, 1];\n case 4: return [2 /*return*/, results];\n }\n });\n });\n}\n/**\n * Makes the given promise never emit an unhandled promise rejection console warning.\n * The promise will still pass errors to the next promises.\n *\n * Otherwise, promise emits a console warning unless it has a `catch` listener.\n */\nfunction suppressUnhandledRejectionWarning(promise) {\n promise.then(undefined, function () { return undefined; });\n}\n\n/*\n * Taken from https://github.com/karanlyons/murmurHash3.js/blob/a33d0723127e2e5415056c455f8aed2451ace208/murmurHash3.js\n */\n//\n// Given two 64bit ints (as an array of two 32bit ints) returns the two\n// added together as a 64bit int (as an array of two 32bit ints).\n//\nfunction x64Add(m, n) {\n m = [m[0] >>> 16, m[0] & 0xffff, m[1] >>> 16, m[1] & 0xffff];\n n = [n[0] >>> 16, n[0] & 0xffff, n[1] >>> 16, n[1] & 0xffff];\n var o = [0, 0, 0, 0];\n o[3] += m[3] + n[3];\n o[2] += o[3] >>> 16;\n o[3] &= 0xffff;\n o[2] += m[2] + n[2];\n o[1] += o[2] >>> 16;\n o[2] &= 0xffff;\n o[1] += m[1] + n[1];\n o[0] += o[1] >>> 16;\n o[1] &= 0xffff;\n o[0] += m[0] + n[0];\n o[0] &= 0xffff;\n return [(o[0] << 16) | o[1], (o[2] << 16) | o[3]];\n}\n//\n// Given two 64bit ints (as an array of two 32bit ints) returns the two\n// multiplied together as a 64bit int (as an array of two 32bit ints).\n//\nfunction x64Multiply(m, n) {\n m = [m[0] >>> 16, m[0] & 0xffff, m[1] >>> 16, m[1] & 0xffff];\n n = [n[0] >>> 16, n[0] & 0xffff, n[1] >>> 16, n[1] & 0xffff];\n var o = [0, 0, 0, 0];\n o[3] += m[3] * n[3];\n o[2] += o[3] >>> 16;\n o[3] &= 0xffff;\n o[2] += m[2] * n[3];\n o[1] += o[2] >>> 16;\n o[2] &= 0xffff;\n o[2] += m[3] * n[2];\n o[1] += o[2] >>> 16;\n o[2] &= 0xffff;\n o[1] += m[1] * n[3];\n o[0] += o[1] >>> 16;\n o[1] &= 0xffff;\n o[1] += m[2] * n[2];\n o[0] += o[1] >>> 16;\n o[1] &= 0xffff;\n o[1] += m[3] * n[1];\n o[0] += o[1] >>> 16;\n o[1] &= 0xffff;\n o[0] += m[0] * n[3] + m[1] * n[2] + m[2] * n[1] + m[3] * n[0];\n o[0] &= 0xffff;\n return [(o[0] << 16) | o[1], (o[2] << 16) | o[3]];\n}\n//\n// Given a 64bit int (as an array of two 32bit ints) and an int\n// representing a number of bit positions, returns the 64bit int (as an\n// array of two 32bit ints) rotated left by that number of positions.\n//\nfunction x64Rotl(m, n) {\n n %= 64;\n if (n === 32) {\n return [m[1], m[0]];\n }\n else if (n < 32) {\n return [(m[0] << n) | (m[1] >>> (32 - n)), (m[1] << n) | (m[0] >>> (32 - n))];\n }\n else {\n n -= 32;\n return [(m[1] << n) | (m[0] >>> (32 - n)), (m[0] << n) | (m[1] >>> (32 - n))];\n }\n}\n//\n// Given a 64bit int (as an array of two 32bit ints) and an int\n// representing a number of bit positions, returns the 64bit int (as an\n// array of two 32bit ints) shifted left by that number of positions.\n//\nfunction x64LeftShift(m, n) {\n n %= 64;\n if (n === 0) {\n return m;\n }\n else if (n < 32) {\n return [(m[0] << n) | (m[1] >>> (32 - n)), m[1] << n];\n }\n else {\n return [m[1] << (n - 32), 0];\n }\n}\n//\n// Given two 64bit ints (as an array of two 32bit ints) returns the two\n// xored together as a 64bit int (as an array of two 32bit ints).\n//\nfunction x64Xor(m, n) {\n return [m[0] ^ n[0], m[1] ^ n[1]];\n}\n//\n// Given a block, returns murmurHash3's final x64 mix of that block.\n// (`[0, h[0] >>> 1]` is a 33 bit unsigned right shift. This is the\n// only place where we need to right shift 64bit ints.)\n//\nfunction x64Fmix(h) {\n h = x64Xor(h, [0, h[0] >>> 1]);\n h = x64Multiply(h, [0xff51afd7, 0xed558ccd]);\n h = x64Xor(h, [0, h[0] >>> 1]);\n h = x64Multiply(h, [0xc4ceb9fe, 0x1a85ec53]);\n h = x64Xor(h, [0, h[0] >>> 1]);\n return h;\n}\n//\n// Given a string and an optional seed as an int, returns a 128 bit\n// hash using the x64 flavor of MurmurHash3, as an unsigned hex.\n//\nfunction x64hash128(key, seed) {\n key = key || '';\n seed = seed || 0;\n var remainder = key.length % 16;\n var bytes = key.length - remainder;\n var h1 = [0, seed];\n var h2 = [0, seed];\n var k1 = [0, 0];\n var k2 = [0, 0];\n var c1 = [0x87c37b91, 0x114253d5];\n var c2 = [0x4cf5ad43, 0x2745937f];\n var i;\n for (i = 0; i < bytes; i = i + 16) {\n k1 = [\n (key.charCodeAt(i + 4) & 0xff) |\n ((key.charCodeAt(i + 5) & 0xff) << 8) |\n ((key.charCodeAt(i + 6) & 0xff) << 16) |\n ((key.charCodeAt(i + 7) & 0xff) << 24),\n (key.charCodeAt(i) & 0xff) |\n ((key.charCodeAt(i + 1) & 0xff) << 8) |\n ((key.charCodeAt(i + 2) & 0xff) << 16) |\n ((key.charCodeAt(i + 3) & 0xff) << 24),\n ];\n k2 = [\n (key.charCodeAt(i + 12) & 0xff) |\n ((key.charCodeAt(i + 13) & 0xff) << 8) |\n ((key.charCodeAt(i + 14) & 0xff) << 16) |\n ((key.charCodeAt(i + 15) & 0xff) << 24),\n (key.charCodeAt(i + 8) & 0xff) |\n ((key.charCodeAt(i + 9) & 0xff) << 8) |\n ((key.charCodeAt(i + 10) & 0xff) << 16) |\n ((key.charCodeAt(i + 11) & 0xff) << 24),\n ];\n k1 = x64Multiply(k1, c1);\n k1 = x64Rotl(k1, 31);\n k1 = x64Multiply(k1, c2);\n h1 = x64Xor(h1, k1);\n h1 = x64Rotl(h1, 27);\n h1 = x64Add(h1, h2);\n h1 = x64Add(x64Multiply(h1, [0, 5]), [0, 0x52dce729]);\n k2 = x64Multiply(k2, c2);\n k2 = x64Rotl(k2, 33);\n k2 = x64Multiply(k2, c1);\n h2 = x64Xor(h2, k2);\n h2 = x64Rotl(h2, 31);\n h2 = x64Add(h2, h1);\n h2 = x64Add(x64Multiply(h2, [0, 5]), [0, 0x38495ab5]);\n }\n k1 = [0, 0];\n k2 = [0, 0];\n switch (remainder) {\n case 15:\n k2 = x64Xor(k2, x64LeftShift([0, key.charCodeAt(i + 14)], 48));\n // fallthrough\n case 14:\n k2 = x64Xor(k2, x64LeftShift([0, key.charCodeAt(i + 13)], 40));\n // fallthrough\n case 13:\n k2 = x64Xor(k2, x64LeftShift([0, key.charCodeAt(i + 12)], 32));\n // fallthrough\n case 12:\n k2 = x64Xor(k2, x64LeftShift([0, key.charCodeAt(i + 11)], 24));\n // fallthrough\n case 11:\n k2 = x64Xor(k2, x64LeftShift([0, key.charCodeAt(i + 10)], 16));\n // fallthrough\n case 10:\n k2 = x64Xor(k2, x64LeftShift([0, key.charCodeAt(i + 9)], 8));\n // fallthrough\n case 9:\n k2 = x64Xor(k2, [0, key.charCodeAt(i + 8)]);\n k2 = x64Multiply(k2, c2);\n k2 = x64Rotl(k2, 33);\n k2 = x64Multiply(k2, c1);\n h2 = x64Xor(h2, k2);\n // fallthrough\n case 8:\n k1 = x64Xor(k1, x64LeftShift([0, key.charCodeAt(i + 7)], 56));\n // fallthrough\n case 7:\n k1 = x64Xor(k1, x64LeftShift([0, key.charCodeAt(i + 6)], 48));\n // fallthrough\n case 6:\n k1 = x64Xor(k1, x64LeftShift([0, key.charCodeAt(i + 5)], 40));\n // fallthrough\n case 5:\n k1 = x64Xor(k1, x64LeftShift([0, key.charCodeAt(i + 4)], 32));\n // fallthrough\n case 4:\n k1 = x64Xor(k1, x64LeftShift([0, key.charCodeAt(i + 3)], 24));\n // fallthrough\n case 3:\n k1 = x64Xor(k1, x64LeftShift([0, key.charCodeAt(i + 2)], 16));\n // fallthrough\n case 2:\n k1 = x64Xor(k1, x64LeftShift([0, key.charCodeAt(i + 1)], 8));\n // fallthrough\n case 1:\n k1 = x64Xor(k1, [0, key.charCodeAt(i)]);\n k1 = x64Multiply(k1, c1);\n k1 = x64Rotl(k1, 31);\n k1 = x64Multiply(k1, c2);\n h1 = x64Xor(h1, k1);\n // fallthrough\n }\n h1 = x64Xor(h1, [0, key.length]);\n h2 = x64Xor(h2, [0, key.length]);\n h1 = x64Add(h1, h2);\n h2 = x64Add(h2, h1);\n h1 = x64Fmix(h1);\n h2 = x64Fmix(h2);\n h1 = x64Add(h1, h2);\n h2 = x64Add(h2, h1);\n return (('00000000' + (h1[0] >>> 0).toString(16)).slice(-8) +\n ('00000000' + (h1[1] >>> 0).toString(16)).slice(-8) +\n ('00000000' + (h2[0] >>> 0).toString(16)).slice(-8) +\n ('00000000' + (h2[1] >>> 0).toString(16)).slice(-8));\n}\n\n/**\n * Converts an error object to a plain object that can be used with `JSON.stringify`.\n * If you just run `JSON.stringify(error)`, you'll get `'{}'`.\n */\nfunction errorToObject(error) {\n var _a;\n return __assign({ name: error.name, message: error.message, stack: (_a = error.stack) === null || _a === void 0 ? void 0 : _a.split('\\n') }, error);\n}\n\n/*\n * This file contains functions to work with pure data only (no browser features, DOM, side effects, etc).\n */\n/**\n * Does the same as Array.prototype.includes but has better typing\n */\nfunction includes(haystack, needle) {\n for (var i = 0, l = haystack.length; i < l; ++i) {\n if (haystack[i] === needle) {\n return true;\n }\n }\n return false;\n}\n/**\n * Like `!includes()` but with proper typing\n */\nfunction excludes(haystack, needle) {\n return !includes(haystack, needle);\n}\n/**\n * Be careful, NaN can return\n */\nfunction toInt(value) {\n return parseInt(value);\n}\n/**\n * Be careful, NaN can return\n */\nfunction toFloat(value) {\n return parseFloat(value);\n}\nfunction replaceNaN(value, replacement) {\n return typeof value === 'number' && isNaN(value) ? replacement : value;\n}\nfunction countTruthy(values) {\n return values.reduce(function (sum, value) { return sum + (value ? 1 : 0); }, 0);\n}\nfunction round(value, base) {\n if (base === void 0) { base = 1; }\n if (Math.abs(base) >= 1) {\n return Math.round(value / base) * base;\n }\n else {\n // Sometimes when a number is multiplied by a small number, precision is lost,\n // for example 1234 * 0.0001 === 0.12340000000000001, and it's more precise divide: 1234 / (1 / 0.0001) === 0.1234.\n var counterBase = 1 / base;\n return Math.round(value * counterBase) / counterBase;\n }\n}\n/**\n * Parses a CSS selector into tag name with HTML attributes.\n * Only single element selector are supported (without operators like space, +, >, etc).\n *\n * Multiple values can be returned for each attribute. You decide how to handle them.\n */\nfunction parseSimpleCssSelector(selector) {\n var _a, _b;\n var errorMessage = \"Unexpected syntax '\".concat(selector, \"'\");\n var tagMatch = /^\\s*([a-z-]*)(.*)$/i.exec(selector);\n var tag = tagMatch[1] || undefined;\n var attributes = {};\n var partsRegex = /([.:#][\\w-]+|\\[.+?\\])/gi;\n var addAttribute = function (name, value) {\n attributes[name] = attributes[name] || [];\n attributes[name].push(value);\n };\n for (;;) {\n var match = partsRegex.exec(tagMatch[2]);\n if (!match) {\n break;\n }\n var part = match[0];\n switch (part[0]) {\n case '.':\n addAttribute('class', part.slice(1));\n break;\n case '#':\n addAttribute('id', part.slice(1));\n break;\n case '[': {\n var attributeMatch = /^\\[([\\w-]+)([~|^$*]?=(\"(.*?)\"|([\\w-]+)))?(\\s+[is])?\\]$/.exec(part);\n if (attributeMatch) {\n addAttribute(attributeMatch[1], (_b = (_a = attributeMatch[4]) !== null && _a !== void 0 ? _a : attributeMatch[5]) !== null && _b !== void 0 ? _b : '');\n }\n else {\n throw new Error(errorMessage);\n }\n break;\n }\n default:\n throw new Error(errorMessage);\n }\n }\n return [tag, attributes];\n}\n\nfunction ensureErrorWithMessage(error) {\n return error && typeof error === 'object' && 'message' in error ? error : { message: error };\n}\nfunction isFinalResultLoaded(loadResult) {\n return typeof loadResult !== 'function';\n}\n/**\n * Loads the given entropy source. Returns a function that gets an entropy component from the source.\n *\n * The result is returned synchronously to prevent `loadSources` from\n * waiting for one source to load before getting the components from the other sources.\n */\nfunction loadSource(source, sourceOptions) {\n var sourceLoadPromise = new Promise(function (resolveLoad) {\n var loadStartTime = Date.now();\n // `awaitIfAsync` is used instead of just `await` in order to measure the duration of synchronous sources\n // correctly (other microtasks won't affect the duration).\n awaitIfAsync(source.bind(null, sourceOptions), function () {\n var loadArgs = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n loadArgs[_i] = arguments[_i];\n }\n var loadDuration = Date.now() - loadStartTime;\n // Source loading failed\n if (!loadArgs[0]) {\n return resolveLoad(function () { return ({ error: ensureErrorWithMessage(loadArgs[1]), duration: loadDuration }); });\n }\n var loadResult = loadArgs[1];\n // Source loaded with the final result\n if (isFinalResultLoaded(loadResult)) {\n return resolveLoad(function () { return ({ value: loadResult, duration: loadDuration }); });\n }\n // Source loaded with \"get\" stage\n resolveLoad(function () {\n return new Promise(function (resolveGet) {\n var getStartTime = Date.now();\n awaitIfAsync(loadResult, function () {\n var getArgs = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n getArgs[_i] = arguments[_i];\n }\n var duration = loadDuration + Date.now() - getStartTime;\n // Source getting failed\n if (!getArgs[0]) {\n return resolveGet({ error: ensureErrorWithMessage(getArgs[1]), duration: duration });\n }\n // Source getting succeeded\n resolveGet({ value: getArgs[1], duration: duration });\n });\n });\n });\n });\n });\n suppressUnhandledRejectionWarning(sourceLoadPromise);\n return function getComponent() {\n return sourceLoadPromise.then(function (finalizeSource) { return finalizeSource(); });\n };\n}\n/**\n * Loads the given entropy sources. Returns a function that collects the entropy components.\n *\n * The result is returned synchronously in order to allow start getting the components\n * before the sources are loaded completely.\n *\n * Warning for package users:\n * This function is out of Semantic Versioning, i.e. can change unexpectedly. Usage is at your own risk.\n */\nfunction loadSources(sources, sourceOptions, excludeSources) {\n var includedSources = Object.keys(sources).filter(function (sourceKey) { return excludes(excludeSources, sourceKey); });\n // Using `mapWithBreaks` allows asynchronous sources to complete between synchronous sources\n // and measure the duration correctly\n var sourceGettersPromise = mapWithBreaks(includedSources, function (sourceKey) {\n return loadSource(sources[sourceKey], sourceOptions);\n });\n suppressUnhandledRejectionWarning(sourceGettersPromise);\n return function getComponents() {\n return __awaiter(this, void 0, void 0, function () {\n var sourceGetters, componentPromises, componentArray, components, index;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, sourceGettersPromise];\n case 1:\n sourceGetters = _a.sent();\n return [4 /*yield*/, mapWithBreaks(sourceGetters, function (sourceGetter) {\n var componentPromise = sourceGetter();\n suppressUnhandledRejectionWarning(componentPromise);\n return componentPromise;\n })];\n case 2:\n componentPromises = _a.sent();\n return [4 /*yield*/, Promise.all(componentPromises)\n // Keeping the component keys order the same as the source keys order\n ];\n case 3:\n componentArray = _a.sent();\n components = {};\n for (index = 0; index < includedSources.length; ++index) {\n components[includedSources[index]] = componentArray[index];\n }\n return [2 /*return*/, components];\n }\n });\n });\n };\n}\n/**\n * Modifies an entropy source by transforming its returned value with the given function.\n * Keeps the source properties: sync/async, 1/2 stages.\n *\n * Warning for package users:\n * This function is out of Semantic Versioning, i.e. can change unexpectedly. Usage is at your own risk.\n */\nfunction transformSource(source, transformValue) {\n var transformLoadResult = function (loadResult) {\n if (isFinalResultLoaded(loadResult)) {\n return transformValue(loadResult);\n }\n return function () {\n var getResult = loadResult();\n if (isPromise(getResult)) {\n return getResult.then(transformValue);\n }\n return transformValue(getResult);\n };\n };\n return function (options) {\n var loadResult = source(options);\n if (isPromise(loadResult)) {\n return loadResult.then(transformLoadResult);\n }\n return transformLoadResult(loadResult);\n };\n}\n\n/*\n * Functions to help with features that vary through browsers\n */\n/**\n * Checks whether the browser is based on Trident (the Internet Explorer engine) without using user-agent.\n *\n * Warning for package users:\n * This function is out of Semantic Versioning, i.e. can change unexpectedly. Usage is at your own risk.\n */\nfunction isTrident() {\n var w = window;\n var n = navigator;\n // The properties are checked to be in IE 10, IE 11 and not to be in other browsers in October 2020\n return (countTruthy([\n 'MSCSSMatrix' in w,\n 'msSetImmediate' in w,\n 'msIndexedDB' in w,\n 'msMaxTouchPoints' in n,\n 'msPointerEnabled' in n,\n ]) >= 4);\n}\n/**\n * Checks whether the browser is based on EdgeHTML (the pre-Chromium Edge engine) without using user-agent.\n *\n * Warning for package users:\n * This function is out of Semantic Versioning, i.e. can change unexpectedly. Usage is at your own risk.\n */\nfunction isEdgeHTML() {\n // Based on research in October 2020\n var w = window;\n var n = navigator;\n return (countTruthy(['msWriteProfilerMark' in w, 'MSStream' in w, 'msLaunchUri' in n, 'msSaveBlob' in n]) >= 3 &&\n !isTrident());\n}\n/**\n * Checks whether the browser is based on Chromium without using user-agent.\n *\n * Warning for package users:\n * This function is out of Semantic Versioning, i.e. can change unexpectedly. Usage is at your own risk.\n */\nfunction isChromium() {\n // Based on research in October 2020. Tested to detect Chromium 42-86.\n var w = window;\n var n = navigator;\n return (countTruthy([\n 'webkitPersistentStorage' in n,\n 'webkitTemporaryStorage' in n,\n n.vendor.indexOf('Google') === 0,\n 'webkitResolveLocalFileSystemURL' in w,\n 'BatteryManager' in w,\n 'webkitMediaStream' in w,\n 'webkitSpeechGrammar' in w,\n ]) >= 5);\n}\n/**\n * Checks whether the browser is based on mobile or desktop Safari without using user-agent.\n * All iOS browsers use WebKit (the Safari engine).\n *\n * Warning for package users:\n * This function is out of Semantic Versioning, i.e. can change unexpectedly. Usage is at your own risk.\n */\nfunction isWebKit() {\n // Based on research in September 2020\n var w = window;\n var n = navigator;\n return (countTruthy([\n 'ApplePayError' in w,\n 'CSSPrimitiveValue' in w,\n 'Counter' in w,\n n.vendor.indexOf('Apple') === 0,\n 'getStorageUpdates' in n,\n 'WebKitMediaKeys' in w,\n ]) >= 4);\n}\n/**\n * Checks whether the WebKit browser is a desktop Safari.\n *\n * Warning for package users:\n * This function is out of Semantic Versioning, i.e. can change unexpectedly. Usage is at your own risk.\n */\nfunction isDesktopSafari() {\n var w = window;\n return (countTruthy([\n 'safari' in w,\n !('DeviceMotionEvent' in w),\n !('ongestureend' in w),\n !('standalone' in navigator),\n ]) >= 3);\n}\n/**\n * Checks whether the browser is based on Gecko (Firefox engine) without using user-agent.\n *\n * Warning for package users:\n * This function is out of Semantic Versioning, i.e. can change unexpectedly. Usage is at your own risk.\n */\nfunction isGecko() {\n var _a, _b;\n var w = window;\n // Based on research in September 2020\n return (countTruthy([\n 'buildID' in navigator,\n 'MozAppearance' in ((_b = (_a = document.documentElement) === null || _a === void 0 ? void 0 : _a.style) !== null && _b !== void 0 ? _b : {}),\n 'onmozfullscreenchange' in w,\n 'mozInnerScreenX' in w,\n 'CSSMozDocumentRule' in w,\n 'CanvasCaptureMediaStream' in w,\n ]) >= 4);\n}\n/**\n * Checks whether the browser is based on Chromium version ≥86 without using user-agent.\n * It doesn't check that the browser is based on Chromium, there is a separate function for this.\n */\nfunction isChromium86OrNewer() {\n // Checked in Chrome 85 vs Chrome 86 both on desktop and Android\n var w = window;\n return (countTruthy([\n !('MediaSettingsRange' in w),\n 'RTCEncodedAudioFrame' in w,\n '' + w.Intl === '[object Intl]',\n '' + w.Reflect === '[object Reflect]',\n ]) >= 3);\n}\n/**\n * Checks whether the browser is based on WebKit version ≥606 (Safari ≥12) without using user-agent.\n * It doesn't check that the browser is based on WebKit, there is a separate function for this.\n *\n * @link https://en.wikipedia.org/wiki/Safari_version_history#Release_history Safari-WebKit versions map\n */\nfunction isWebKit606OrNewer() {\n // Checked in Safari 9–14\n var w = window;\n return (countTruthy([\n 'DOMRectList' in w,\n 'RTCPeerConnectionIceEvent' in w,\n 'SVGGeometryElement' in w,\n 'ontransitioncancel' in w,\n ]) >= 3);\n}\n/**\n * Checks whether the device is an iPad.\n * It doesn't check that the engine is WebKit and that the WebKit isn't desktop.\n */\nfunction isIPad() {\n // Checked on:\n // Safari on iPadOS (both mobile and desktop modes): 8, 11, 12, 13, 14\n // Chrome on iPadOS (both mobile and desktop modes): 11, 12, 13, 14\n // Safari on iOS (both mobile and desktop modes): 9, 10, 11, 12, 13, 14\n // Chrome on iOS (both mobile and desktop modes): 9, 10, 11, 12, 13, 14\n // Before iOS 13. Safari tampers the value in \"request desktop site\" mode since iOS 13.\n if (navigator.platform === 'iPad') {\n return true;\n }\n var s = screen;\n var screenRatio = s.width / s.height;\n return (countTruthy([\n 'MediaSource' in window,\n !!Element.prototype.webkitRequestFullscreen,\n // iPhone 4S that runs iOS 9 matches this. But it won't match the criteria above, so it won't be detected as iPad.\n screenRatio > 0.65 && screenRatio < 1.53,\n ]) >= 2);\n}\n/**\n * Warning for package users:\n * This function is out of Semantic Versioning, i.e. can change unexpectedly. Usage is at your own risk.\n */\nfunction getFullscreenElement() {\n var d = document;\n return d.fullscreenElement || d.msFullscreenElement || d.mozFullScreenElement || d.webkitFullscreenElement || null;\n}\nfunction exitFullscreen() {\n var d = document;\n // `call` is required because the function throws an error without a proper \"this\" context\n return (d.exitFullscreen || d.msExitFullscreen || d.mozCancelFullScreen || d.webkitExitFullscreen).call(d);\n}\n/**\n * Checks whether the device runs on Android without using user-agent.\n *\n * Warning for package users:\n * This function is out of Semantic Versioning, i.e. can change unexpectedly. Usage is at your own risk.\n */\nfunction isAndroid() {\n var isItChromium = isChromium();\n var isItGecko = isGecko();\n // Only 2 browser engines are presented on Android.\n // Actually, there is also Android 4.1 browser, but it's not worth detecting it at the moment.\n if (!isItChromium && !isItGecko) {\n return false;\n }\n var w = window;\n // Chrome removes all words \"Android\" from `navigator` when desktop version is requested\n // Firefox keeps \"Android\" in `navigator.appVersion` when desktop version is requested\n return (countTruthy([\n 'onorientationchange' in w,\n 'orientation' in w,\n isItChromium && !('SharedWorker' in w),\n isItGecko && /android/i.test(navigator.appVersion),\n ]) >= 2);\n}\n\n/**\n * A deep description: https://fingerprint.com/blog/audio-fingerprinting/\n * Inspired by and based on https://github.com/cozylife/audio-fingerprint\n */\nfunction getAudioFingerprint() {\n var w = window;\n var AudioContext = w.OfflineAudioContext || w.webkitOfflineAudioContext;\n if (!AudioContext) {\n return -2 /* SpecialFingerprint.NotSupported */;\n }\n // In some browsers, audio context always stays suspended unless the context is started in response to a user action\n // (e.g. a click or a tap). It prevents audio fingerprint from being taken at an arbitrary moment of time.\n // Such browsers are old and unpopular, so the audio fingerprinting is just skipped in them.\n // See a similar case explanation at https://stackoverflow.com/questions/46363048/onaudioprocess-not-called-on-ios11#46534088\n if (doesCurrentBrowserSuspendAudioContext()) {\n return -1 /* SpecialFingerprint.KnownToSuspend */;\n }\n var hashFromIndex = 4500;\n var hashToIndex = 5000;\n var context = new AudioContext(1, hashToIndex, 44100);\n var oscillator = context.createOscillator();\n oscillator.type = 'triangle';\n oscillator.frequency.value = 10000;\n var compressor = context.createDynamicsCompressor();\n compressor.threshold.value = -50;\n compressor.knee.value = 40;\n compressor.ratio.value = 12;\n compressor.attack.value = 0;\n compressor.release.value = 0.25;\n oscillator.connect(compressor);\n compressor.connect(context.destination);\n oscillator.start(0);\n var _a = startRenderingAudio(context), renderPromise = _a[0], finishRendering = _a[1];\n var fingerprintPromise = renderPromise.then(function (buffer) { return getHash(buffer.getChannelData(0).subarray(hashFromIndex)); }, function (error) {\n if (error.name === \"timeout\" /* InnerErrorName.Timeout */ || error.name === \"suspended\" /* InnerErrorName.Suspended */) {\n return -3 /* SpecialFingerprint.Timeout */;\n }\n throw error;\n });\n // Suppresses the console error message in case when the fingerprint fails before requested\n suppressUnhandledRejectionWarning(fingerprintPromise);\n return function () {\n finishRendering();\n return fingerprintPromise;\n };\n}\n/**\n * Checks if the current browser is known to always suspend audio context\n */\nfunction doesCurrentBrowserSuspendAudioContext() {\n return isWebKit() && !isDesktopSafari() && !isWebKit606OrNewer();\n}\n/**\n * Starts rendering the audio context.\n * When the returned function is called, the render process starts finishing.\n */\nfunction startRenderingAudio(context) {\n var renderTryMaxCount = 3;\n var renderRetryDelay = 500;\n var runningMaxAwaitTime = 500;\n var runningSufficientTime = 5000;\n var finalize = function () { return undefined; };\n var resultPromise = new Promise(function (resolve, reject) {\n var isFinalized = false;\n var renderTryCount = 0;\n var startedRunningAt = 0;\n context.oncomplete = function (event) { return resolve(event.renderedBuffer); };\n var startRunningTimeout = function () {\n setTimeout(function () { return reject(makeInnerError(\"timeout\" /* InnerErrorName.Timeout */)); }, Math.min(runningMaxAwaitTime, startedRunningAt + runningSufficientTime - Date.now()));\n };\n var tryRender = function () {\n try {\n var renderingPromise = context.startRendering();\n // `context.startRendering` has two APIs: Promise and callback, we check that it's really a promise just in case\n if (isPromise(renderingPromise)) {\n // Suppresses all unhadled rejections in case of scheduled redundant retries after successful rendering\n suppressUnhandledRejectionWarning(renderingPromise);\n }\n switch (context.state) {\n case 'running':\n startedRunningAt = Date.now();\n if (isFinalized) {\n startRunningTimeout();\n }\n break;\n // Sometimes the audio context doesn't start after calling `startRendering` (in addition to the cases where\n // audio context doesn't start at all). A known case is starting an audio context when the browser tab is in\n // background on iPhone. Retries usually help in this case.\n case 'suspended':\n // The audio context can reject starting until the tab is in foreground. Long fingerprint duration\n // in background isn't a problem, therefore the retry attempts don't count in background. It can lead to\n // a situation when a fingerprint takes very long time and finishes successfully. FYI, the audio context\n // can be suspended when `document.hidden === false` and start running after a retry.\n if (!document.hidden) {\n renderTryCount++;\n }\n if (isFinalized && renderTryCount >= renderTryMaxCount) {\n reject(makeInnerError(\"suspended\" /* InnerErrorName.Suspended */));\n }\n else {\n setTimeout(tryRender, renderRetryDelay);\n }\n break;\n }\n }\n catch (error) {\n reject(error);\n }\n };\n tryRender();\n finalize = function () {\n if (!isFinalized) {\n isFinalized = true;\n if (startedRunningAt > 0) {\n startRunningTimeout();\n }\n }\n };\n });\n return [resultPromise, finalize];\n}\nfunction getHash(signal) {\n var hash = 0;\n for (var i = 0; i < signal.length; ++i) {\n hash += Math.abs(signal[i]);\n }\n return hash;\n}\nfunction makeInnerError(name) {\n var error = new Error(name);\n error.name = name;\n return error;\n}\n\n/**\n * Creates and keeps an invisible iframe while the given function runs.\n * The given function is called when the iframe is loaded and has a body.\n * The iframe allows to measure DOM sizes inside itself.\n *\n * Notice: passing an initial HTML code doesn't work in IE.\n *\n * Warning for package users:\n * This function is out of Semantic Versioning, i.e. can change unexpectedly. Usage is at your own risk.\n */\nfunction withIframe(action, initialHtml, domPollInterval) {\n var _a, _b, _c;\n if (domPollInterval === void 0) { domPollInterval = 50; }\n return __awaiter(this, void 0, void 0, function () {\n var d, iframe;\n return __generator(this, function (_d) {\n switch (_d.label) {\n case 0:\n d = document;\n _d.label = 1;\n case 1:\n if (!!d.body) return [3 /*break*/, 3];\n return [4 /*yield*/, wait(domPollInterval)];\n case 2:\n _d.sent();\n return [3 /*break*/, 1];\n case 3:\n iframe = d.createElement('iframe');\n _d.label = 4;\n case 4:\n _d.trys.push([4, , 10, 11]);\n return [4 /*yield*/, new Promise(function (_resolve, _reject) {\n var isComplete = false;\n var resolve = function () {\n isComplete = true;\n _resolve();\n };\n var reject = function (error) {\n isComplete = true;\n _reject(error);\n };\n iframe.onload = resolve;\n iframe.onerror = reject;\n var style = iframe.style;\n style.setProperty('display', 'block', 'important'); // Required for browsers to calculate the layout\n style.position = 'absolute';\n style.top = '0';\n style.left = '0';\n style.visibility = 'hidden';\n if (initialHtml && 'srcdoc' in iframe) {\n iframe.srcdoc = initialHtml;\n }\n else {\n iframe.src = 'about:blank';\n }\n d.body.appendChild(iframe);\n // WebKit in WeChat doesn't fire the iframe's `onload` for some reason.\n // This code checks for the loading state manually.\n // See https://github.com/fingerprintjs/fingerprintjs/issues/645\n var checkReadyState = function () {\n var _a, _b;\n // The ready state may never become 'complete' in Firefox despite the 'load' event being fired.\n // So an infinite setTimeout loop can happen without this check.\n // See https://github.com/fingerprintjs/fingerprintjs/pull/716#issuecomment-986898796\n if (isComplete) {\n return;\n }\n // Make sure iframe.contentWindow and iframe.contentWindow.document are both loaded\n // The contentWindow.document can miss in JSDOM (https://github.com/jsdom/jsdom).\n if (((_b = (_a = iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.document) === null || _b === void 0 ? void 0 : _b.readyState) === 'complete') {\n resolve();\n }\n else {\n setTimeout(checkReadyState, 10);\n }\n };\n checkReadyState();\n })];\n case 5:\n _d.sent();\n _d.label = 6;\n case 6:\n if (!!((_b = (_a = iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.document) === null || _b === void 0 ? void 0 : _b.body)) return [3 /*break*/, 8];\n return [4 /*yield*/, wait(domPollInterval)];\n case 7:\n _d.sent();\n return [3 /*break*/, 6];\n case 8: return [4 /*yield*/, action(iframe, iframe.contentWindow)];\n case 9: return [2 /*return*/, _d.sent()];\n case 10:\n (_c = iframe.parentNode) === null || _c === void 0 ? void 0 : _c.removeChild(iframe);\n return [7 /*endfinally*/];\n case 11: return [2 /*return*/];\n }\n });\n });\n}\n/**\n * Creates a DOM element that matches the given selector.\n * Only single element selector are supported (without operators like space, +, >, etc).\n */\nfunction selectorToElement(selector) {\n var _a = parseSimpleCssSelector(selector), tag = _a[0], attributes = _a[1];\n var element = document.createElement(tag !== null && tag !== void 0 ? tag : 'div');\n for (var _i = 0, _b = Object.keys(attributes); _i < _b.length; _i++) {\n var name_1 = _b[_i];\n var value = attributes[name_1].join(' ');\n // Changing the `style` attribute can cause a CSP error, therefore we change the `style.cssText` property.\n // https://github.com/fingerprintjs/fingerprintjs/issues/733\n if (name_1 === 'style') {\n addStyleString(element.style, value);\n }\n else {\n element.setAttribute(name_1, value);\n }\n }\n return element;\n}\n/**\n * Adds CSS styles from a string in such a way that doesn't trigger a CSP warning (unsafe-inline or unsafe-eval)\n */\nfunction addStyleString(style, source) {\n // We don't use `style.cssText` because browsers must block it when no `unsafe-eval` CSP is presented: https://csplite.com/csp145/#w3c_note\n // Even though the browsers ignore this standard, we don't use `cssText` just in case.\n for (var _i = 0, _a = source.split(';'); _i < _a.length; _i++) {\n var property = _a[_i];\n var match = /^\\s*([\\w-]+)\\s*:\\s*(.+?)(\\s*!([\\w-]+))?\\s*$/.exec(property);\n if (match) {\n var name_2 = match[1], value = match[2], priority = match[4];\n style.setProperty(name_2, value, priority || ''); // The last argument can't be undefined in IE11\n }\n }\n}\n\n// We use m or w because these two characters take up the maximum width.\n// And we use a LLi so that the same matching fonts can get separated.\nvar testString = 'mmMwWLliI0O&1';\n// We test using 48px font size, we may use any size. I guess larger the better.\nvar textSize = '48px';\n// A font will be compared against all the three default fonts.\n// And if for any default fonts it doesn't match, then that font is available.\nvar baseFonts = ['monospace', 'sans-serif', 'serif'];\nvar fontList = [\n // This is android-specific font from \"Roboto\" family\n 'sans-serif-thin',\n 'ARNO PRO',\n 'Agency FB',\n 'Arabic Typesetting',\n 'Arial Unicode MS',\n 'AvantGarde Bk BT',\n 'BankGothic Md BT',\n 'Batang',\n 'Bitstream Vera Sans Mono',\n 'Calibri',\n 'Century',\n 'Century Gothic',\n 'Clarendon',\n 'EUROSTILE',\n 'Franklin Gothic',\n 'Futura Bk BT',\n 'Futura Md BT',\n 'GOTHAM',\n 'Gill Sans',\n 'HELV',\n 'Haettenschweiler',\n 'Helvetica Neue',\n 'Humanst521 BT',\n 'Leelawadee',\n 'Letter Gothic',\n 'Levenim MT',\n 'Lucida Bright',\n 'Lucida Sans',\n 'Menlo',\n 'MS Mincho',\n 'MS Outlook',\n 'MS Reference Specialty',\n 'MS UI Gothic',\n 'MT Extra',\n 'MYRIAD PRO',\n 'Marlett',\n 'Meiryo UI',\n 'Microsoft Uighur',\n 'Minion Pro',\n 'Monotype Corsiva',\n 'PMingLiU',\n 'Pristina',\n 'SCRIPTINA',\n 'Segoe UI Light',\n 'Serifa',\n 'SimHei',\n 'Small Fonts',\n 'Staccato222 BT',\n 'TRAJAN PRO',\n 'Univers CE 55 Medium',\n 'Vrinda',\n 'ZWAdobeF',\n];\n// kudos to http://www.lalit.org/lab/javascript-css-font-detect/\nfunction getFonts() {\n // Running the script in an iframe makes it not affect the page look and not be affected by the page CSS. See:\n // https://github.com/fingerprintjs/fingerprintjs/issues/592\n // https://github.com/fingerprintjs/fingerprintjs/issues/628\n return withIframe(function (_, _a) {\n var document = _a.document;\n var holder = document.body;\n holder.style.fontSize = textSize;\n // div to load spans for the default fonts and the fonts to detect\n var spansContainer = document.createElement('div');\n var defaultWidth = {};\n var defaultHeight = {};\n // creates a span where the fonts will be loaded\n var createSpan = function (fontFamily) {\n var span = document.createElement('span');\n var style = span.style;\n style.position = 'absolute';\n style.top = '0';\n style.left = '0';\n style.fontFamily = fontFamily;\n span.textContent = testString;\n spansContainer.appendChild(span);\n return span;\n };\n // creates a span and load the font to detect and a base font for fallback\n var createSpanWithFonts = function (fontToDetect, baseFont) {\n return createSpan(\"'\".concat(fontToDetect, \"',\").concat(baseFont));\n };\n // creates spans for the base fonts and adds them to baseFontsDiv\n var initializeBaseFontsSpans = function () {\n return baseFonts.map(createSpan);\n };\n // creates spans for the fonts to detect and adds them to fontsDiv\n var initializeFontsSpans = function () {\n // Stores {fontName : [spans for that font]}\n var spans = {};\n var _loop_1 = function (font) {\n spans[font] = baseFonts.map(function (baseFont) { return createSpanWithFonts(font, baseFont); });\n };\n for (var _i = 0, fontList_1 = fontList; _i < fontList_1.length; _i++) {\n var font = fontList_1[_i];\n _loop_1(font);\n }\n return spans;\n };\n // checks if a font is available\n var isFontAvailable = function (fontSpans) {\n return baseFonts.some(function (baseFont, baseFontIndex) {\n return fontSpans[baseFontIndex].offsetWidth !== defaultWidth[baseFont] ||\n fontSpans[baseFontIndex].offsetHeight !== defaultHeight[baseFont];\n });\n };\n // create spans for base fonts\n var baseFontsSpans = initializeBaseFontsSpans();\n // create spans for fonts to detect\n var fontsSpans = initializeFontsSpans();\n // add all the spans to the DOM\n holder.appendChild(spansContainer);\n // get the default width for the three base fonts\n for (var index = 0; index < baseFonts.length; index++) {\n defaultWidth[baseFonts[index]] = baseFontsSpans[index].offsetWidth; // width for the default font\n defaultHeight[baseFonts[index]] = baseFontsSpans[index].offsetHeight; // height for the default font\n }\n // check available fonts\n return fontList.filter(function (font) { return isFontAvailable(fontsSpans[font]); });\n });\n}\n\nfunction getPlugins() {\n var rawPlugins = navigator.plugins;\n if (!rawPlugins) {\n return undefined;\n }\n var plugins = [];\n // Safari 10 doesn't support iterating navigator.plugins with for...of\n for (var i = 0; i < rawPlugins.length; ++i) {\n var plugin = rawPlugins[i];\n if (!plugin) {\n continue;\n }\n var mimeTypes = [];\n for (var j = 0; j < plugin.length; ++j) {\n var mimeType = plugin[j];\n mimeTypes.push({\n type: mimeType.type,\n suffixes: mimeType.suffixes,\n });\n }\n plugins.push({\n name: plugin.name,\n description: plugin.description,\n mimeTypes: mimeTypes,\n });\n }\n return plugins;\n}\n\n// https://www.browserleaks.com/canvas#how-does-it-work\nfunction getCanvasFingerprint() {\n var winding = false;\n var geometry;\n var text;\n var _a = makeCanvasContext(), canvas = _a[0], context = _a[1];\n if (!isSupported(canvas, context)) {\n geometry = text = ''; // The value will be 'unsupported' in v3.4\n }\n else {\n winding = doesSupportWinding(context);\n renderTextImage(canvas, context);\n var textImage1 = canvasToString(canvas);\n var textImage2 = canvasToString(canvas); // It's slightly faster to double-encode the text image\n // Some browsers add a noise to the canvas: https://github.com/fingerprintjs/fingerprintjs/issues/791\n // The canvas is excluded from the fingerprint in this case\n if (textImage1 !== textImage2) {\n geometry = text = 'unstable';\n }\n else {\n text = textImage1;\n // Text is unstable:\n // https://github.com/fingerprintjs/fingerprintjs/issues/583\n // https://github.com/fingerprintjs/fingerprintjs/issues/103\n // Therefore it's extracted into a separate image.\n renderGeometryImage(canvas, context);\n geometry = canvasToString(canvas);\n }\n }\n return { winding: winding, geometry: geometry, text: text };\n}\nfunction makeCanvasContext() {\n var canvas = document.createElement('canvas');\n canvas.width = 1;\n canvas.height = 1;\n return [canvas, canvas.getContext('2d')];\n}\nfunction isSupported(canvas, context) {\n return !!(context && canvas.toDataURL);\n}\nfunction doesSupportWinding(context) {\n // https://web.archive.org/web/20170825024655/http://blogs.adobe.com/webplatform/2013/01/30/winding-rules-in-canvas/\n // https://github.com/Modernizr/Modernizr/blob/master/feature-detects/canvas/winding.js\n context.rect(0, 0, 10, 10);\n context.rect(2, 2, 6, 6);\n return !context.isPointInPath(5, 5, 'evenodd');\n}\nfunction renderTextImage(canvas, context) {\n // Resizing the canvas cleans it\n canvas.width = 240;\n canvas.height = 60;\n context.textBaseline = 'alphabetic';\n context.fillStyle = '#f60';\n context.fillRect(100, 1, 62, 20);\n context.fillStyle = '#069';\n // It's important to use explicit built-in fonts in order to exclude the affect of font preferences\n // (there is a separate entropy source for them).\n context.font = '11pt \"Times New Roman\"';\n // The choice of emojis has a gigantic impact on rendering performance (especially in FF).\n // Some newer emojis cause it to slow down 50-200 times.\n // There must be no text to the right of the emoji, see https://github.com/fingerprintjs/fingerprintjs/issues/574\n // A bare emoji shouldn't be used because the canvas will change depending on the script encoding:\n // https://github.com/fingerprintjs/fingerprintjs/issues/66\n // Escape sequence shouldn't be used too because Terser will turn it into a bare unicode.\n var printedText = \"Cwm fjordbank gly \".concat(String.fromCharCode(55357, 56835) /* 😃 */);\n context.fillText(printedText, 2, 15);\n context.fillStyle = 'rgba(102, 204, 0, 0.2)';\n context.font = '18pt Arial';\n context.fillText(printedText, 4, 45);\n}\nfunction renderGeometryImage(canvas, context) {\n // Resizing the canvas cleans it\n canvas.width = 122;\n canvas.height = 110;\n // Canvas blending\n // https://web.archive.org/web/20170826194121/http://blogs.adobe.com/webplatform/2013/01/28/blending-features-in-canvas/\n // http://jsfiddle.net/NDYV8/16/\n context.globalCompositeOperation = 'multiply';\n for (var _i = 0, _a = [\n ['#f2f', 40, 40],\n ['#2ff', 80, 40],\n ['#ff2', 60, 80],\n ]; _i < _a.length; _i++) {\n var _b = _a[_i], color = _b[0], x = _b[1], y = _b[2];\n context.fillStyle = color;\n context.beginPath();\n context.arc(x, y, 40, 0, Math.PI * 2, true);\n context.closePath();\n context.fill();\n }\n // Canvas winding\n // https://web.archive.org/web/20130913061632/http://blogs.adobe.com/webplatform/2013/01/30/winding-rules-in-canvas/\n // http://jsfiddle.net/NDYV8/19/\n context.fillStyle = '#f9c';\n context.arc(60, 60, 60, 0, Math.PI * 2, true);\n context.arc(60, 60, 20, 0, Math.PI * 2, true);\n context.fill('evenodd');\n}\nfunction canvasToString(canvas) {\n return canvas.toDataURL();\n}\n\n/**\n * This is a crude and primitive touch screen detection. It's not possible to currently reliably detect the availability\n * of a touch screen with a JS, without actually subscribing to a touch event.\n *\n * @see http://www.stucox.com/blog/you-cant-detect-a-touchscreen/\n * @see https://github.com/Modernizr/Modernizr/issues/548\n */\nfunction getTouchSupport() {\n var n = navigator;\n var maxTouchPoints = 0;\n var touchEvent;\n if (n.maxTouchPoints !== undefined) {\n maxTouchPoints = toInt(n.maxTouchPoints);\n }\n else if (n.msMaxTouchPoints !== undefined) {\n maxTouchPoints = n.msMaxTouchPoints;\n }\n try {\n document.createEvent('TouchEvent');\n touchEvent = true;\n }\n catch (_a) {\n touchEvent = false;\n }\n var touchStart = 'ontouchstart' in window;\n return {\n maxTouchPoints: maxTouchPoints,\n touchEvent: touchEvent,\n touchStart: touchStart,\n };\n}\n\nfunction getOsCpu() {\n return navigator.oscpu;\n}\n\nfunction getLanguages() {\n var n = navigator;\n var result = [];\n var language = n.language || n.userLanguage || n.browserLanguage || n.systemLanguage;\n if (language !== undefined) {\n result.push([language]);\n }\n if (Array.isArray(n.languages)) {\n // Starting from Chromium 86, there is only a single value in `navigator.language` in Incognito mode:\n // the value of `navigator.language`. Therefore the value is ignored in this browser.\n if (!(isChromium() && isChromium86OrNewer())) {\n result.push(n.languages);\n }\n }\n else if (typeof n.languages === 'string') {\n var languages = n.languages;\n if (languages) {\n result.push(languages.split(','));\n }\n }\n return result;\n}\n\nfunction getColorDepth() {\n return window.screen.colorDepth;\n}\n\nfunction getDeviceMemory() {\n // `navigator.deviceMemory` is a string containing a number in some unidentified cases\n return replaceNaN(toFloat(navigator.deviceMemory), undefined);\n}\n\nfunction getScreenResolution() {\n var s = screen;\n // Some browsers return screen resolution as strings, e.g. \"1200\", instead of a number, e.g. 1200.\n // I suspect it's done by certain plugins that randomize browser properties to prevent fingerprinting.\n // Some browsers even return screen resolution as not numbers.\n var parseDimension = function (value) { return replaceNaN(toInt(value), null); };\n var dimensions = [parseDimension(s.width), parseDimension(s.height)];\n dimensions.sort().reverse();\n return dimensions;\n}\n\nvar screenFrameCheckInterval = 2500;\nvar roundingPrecision = 10;\n// The type is readonly to protect from unwanted mutations\nvar screenFrameBackup;\nvar screenFrameSizeTimeoutId;\n/**\n * Starts watching the screen frame size. When a non-zero size appears, the size is saved and the watch is stopped.\n * Later, when `getScreenFrame` runs, it will return the saved non-zero size if the current size is null.\n *\n * This trick is required to mitigate the fact that the screen frame turns null in some cases.\n * See more on this at https://github.com/fingerprintjs/fingerprintjs/issues/568\n */\nfunction watchScreenFrame() {\n if (screenFrameSizeTimeoutId !== undefined) {\n return;\n }\n var checkScreenFrame = function () {\n var frameSize = getCurrentScreenFrame();\n if (isFrameSizeNull(frameSize)) {\n screenFrameSizeTimeoutId = setTimeout(checkScreenFrame, screenFrameCheckInterval);\n }\n else {\n screenFrameBackup = frameSize;\n screenFrameSizeTimeoutId = undefined;\n }\n };\n checkScreenFrame();\n}\nfunction getScreenFrame() {\n var _this = this;\n watchScreenFrame();\n return function () { return __awaiter(_this, void 0, void 0, function () {\n var frameSize;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n frameSize = getCurrentScreenFrame();\n if (!isFrameSizeNull(frameSize)) return [3 /*break*/, 2];\n if (screenFrameBackup) {\n return [2 /*return*/, __spreadArray([], screenFrameBackup, true)];\n }\n if (!getFullscreenElement()) return [3 /*break*/, 2];\n // Some browsers set the screen frame to zero when programmatic fullscreen is on.\n // There is a chance of getting a non-zero frame after exiting the fullscreen.\n // See more on this at https://github.com/fingerprintjs/fingerprintjs/issues/568\n return [4 /*yield*/, exitFullscreen()];\n case 1:\n // Some browsers set the screen frame to zero when programmatic fullscreen is on.\n // There is a chance of getting a non-zero frame after exiting the fullscreen.\n // See more on this at https://github.com/fingerprintjs/fingerprintjs/issues/568\n _a.sent();\n frameSize = getCurrentScreenFrame();\n _a.label = 2;\n case 2:\n if (!isFrameSizeNull(frameSize)) {\n screenFrameBackup = frameSize;\n }\n return [2 /*return*/, frameSize];\n }\n });\n }); };\n}\n/**\n * Sometimes the available screen resolution changes a bit, e.g. 1900x1440 → 1900x1439. A possible reason: macOS Dock\n * shrinks to fit more icons when there is too little space. The rounding is used to mitigate the difference.\n */\nfunction getRoundedScreenFrame() {\n var _this = this;\n var screenFrameGetter = getScreenFrame();\n return function () { return __awaiter(_this, void 0, void 0, function () {\n var frameSize, processSize;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, screenFrameGetter()];\n case 1:\n frameSize = _a.sent();\n processSize = function (sideSize) { return (sideSize === null ? null : round(sideSize, roundingPrecision)); };\n // It might look like I don't know about `for` and `map`.\n // In fact, such code is used to avoid TypeScript issues without using `as`.\n return [2 /*return*/, [processSize(frameSize[0]), processSize(frameSize[1]), processSize(frameSize[2]), processSize(frameSize[3])]];\n }\n });\n }); };\n}\nfunction getCurrentScreenFrame() {\n var s = screen;\n // Some browsers return screen resolution as strings, e.g. \"1200\", instead of a number, e.g. 1200.\n // I suspect it's done by certain plugins that randomize browser properties to prevent fingerprinting.\n //\n // Some browsers (IE, Edge ≤18) don't provide `screen.availLeft` and `screen.availTop`. The property values are\n // replaced with 0 in such cases to not lose the entropy from `screen.availWidth` and `screen.availHeight`.\n return [\n replaceNaN(toFloat(s.availTop), null),\n replaceNaN(toFloat(s.width) - toFloat(s.availWidth) - replaceNaN(toFloat(s.availLeft), 0), null),\n replaceNaN(toFloat(s.height) - toFloat(s.availHeight) - replaceNaN(toFloat(s.availTop), 0), null),\n replaceNaN(toFloat(s.availLeft), null),\n ];\n}\nfunction isFrameSizeNull(frameSize) {\n for (var i = 0; i < 4; ++i) {\n if (frameSize[i]) {\n return false;\n }\n }\n return true;\n}\n\nfunction getHardwareConcurrency() {\n // sometimes hardware concurrency is a string\n return replaceNaN(toInt(navigator.hardwareConcurrency), undefined);\n}\n\nfunction getTimezone() {\n var _a;\n var DateTimeFormat = (_a = window.Intl) === null || _a === void 0 ? void 0 : _a.DateTimeFormat;\n if (DateTimeFormat) {\n var timezone = new DateTimeFormat().resolvedOptions().timeZone;\n if (timezone) {\n return timezone;\n }\n }\n // For browsers that don't support timezone names\n // The minus is intentional because the JS offset is opposite to the real offset\n var offset = -getTimezoneOffset();\n return \"UTC\".concat(offset >= 0 ? '+' : '').concat(Math.abs(offset));\n}\nfunction getTimezoneOffset() {\n var currentYear = new Date().getFullYear();\n // The timezone offset may change over time due to daylight saving time (DST) shifts.\n // The non-DST timezone offset is used as the result timezone offset.\n // Since the DST season differs in the northern and the southern hemispheres,\n // both January and July timezones offsets are considered.\n return Math.max(\n // `getTimezoneOffset` returns a number as a string in some unidentified cases\n toFloat(new Date(currentYear, 0, 1).getTimezoneOffset()), toFloat(new Date(currentYear, 6, 1).getTimezoneOffset()));\n}\n\nfunction getSessionStorage() {\n try {\n return !!window.sessionStorage;\n }\n catch (error) {\n /* SecurityError when referencing it means it exists */\n return true;\n }\n}\n\n// https://bugzilla.mozilla.org/show_bug.cgi?id=781447\nfunction getLocalStorage() {\n try {\n return !!window.localStorage;\n }\n catch (e) {\n /* SecurityError when referencing it means it exists */\n return true;\n }\n}\n\nfunction getIndexedDB() {\n // IE and Edge don't allow accessing indexedDB in private mode, therefore IE and Edge will have different\n // visitor identifier in normal and private modes.\n if (isTrident() || isEdgeHTML()) {\n return undefined;\n }\n try {\n return !!window.indexedDB;\n }\n catch (e) {\n /* SecurityError when referencing it means it exists */\n return true;\n }\n}\n\nfunction getOpenDatabase() {\n return !!window.openDatabase;\n}\n\nfunction getCpuClass() {\n return navigator.cpuClass;\n}\n\nfunction getPlatform() {\n // Android Chrome 86 and 87 and Android Firefox 80 and 84 don't mock the platform value when desktop mode is requested\n var platform = navigator.platform;\n // iOS mocks the platform value when desktop version is requested: https://github.com/fingerprintjs/fingerprintjs/issues/514\n // iPad uses desktop mode by default since iOS 13\n // The value is 'MacIntel' on M1 Macs\n // The value is 'iPhone' on iPod Touch\n if (platform === 'MacIntel') {\n if (isWebKit() && !isDesktopSafari()) {\n return isIPad() ? 'iPad' : 'iPhone';\n }\n }\n return platform;\n}\n\nfunction getVendor() {\n return navigator.vendor || '';\n}\n\n/**\n * Checks for browser-specific (not engine specific) global variables to tell browsers with the same engine apart.\n * Only somewhat popular browsers are considered.\n */\nfunction getVendorFlavors() {\n var flavors = [];\n for (var _i = 0, _a = [\n // Blink and some browsers on iOS\n 'chrome',\n // Safari on macOS\n 'safari',\n // Chrome on iOS (checked in 85 on 13 and 87 on 14)\n '__crWeb',\n '__gCrWeb',\n // Yandex Browser on iOS, macOS and Android (checked in 21.2 on iOS 14, macOS and Android)\n 'yandex',\n // Yandex Browser on iOS (checked in 21.2 on 14)\n '__yb',\n '__ybro',\n // Firefox on iOS (checked in 32 on 14)\n '__firefox__',\n // Edge on iOS (checked in 46 on 14)\n '__edgeTrackingPreventionStatistics',\n 'webkit',\n // Opera Touch on iOS (checked in 2.6 on 14)\n 'oprt',\n // Samsung Internet on Android (checked in 11.1)\n 'samsungAr',\n // UC Browser on Android (checked in 12.10 and 13.0)\n 'ucweb',\n 'UCShellJava',\n // Puffin on Android (checked in 9.0)\n 'puffinDevice',\n // UC on iOS and Opera on Android have no specific global variables\n // Edge for Android isn't checked\n ]; _i < _a.length; _i++) {\n var key = _a[_i];\n var value = window[key];\n if (value && typeof value === 'object') {\n flavors.push(key);\n }\n }\n return flavors.sort();\n}\n\n/**\n * navigator.cookieEnabled cannot detect custom or nuanced cookie blocking configurations. For example, when blocking\n * cookies via the Advanced Privacy Settings in IE9, it always returns true. And there have been issues in the past with\n * site-specific exceptions. Don't rely on it.\n *\n * @see https://github.com/Modernizr/Modernizr/blob/master/feature-detects/cookies.js Taken from here\n */\nfunction areCookiesEnabled() {\n var d = document;\n // Taken from here: https://github.com/Modernizr/Modernizr/blob/master/feature-detects/cookies.js\n // navigator.cookieEnabled cannot detect custom or nuanced cookie blocking configurations. For example, when blocking\n // cookies via the Advanced Privacy Settings in IE9, it always returns true. And there have been issues in the past\n // with site-specific exceptions. Don't rely on it.\n // try..catch because some in situations `document.cookie` is exposed but throws a\n // SecurityError if you try to access it; e.g. documents created from data URIs\n // or in sandboxed iframes (depending on flags/context)\n try {\n // Create cookie\n d.cookie = 'cookietest=1; SameSite=Strict;';\n var result = d.cookie.indexOf('cookietest=') !== -1;\n // Delete cookie\n d.cookie = 'cookietest=1; SameSite=Strict; expires=Thu, 01-Jan-1970 00:00:01 GMT';\n return result;\n }\n catch (e) {\n return false;\n }\n}\n\n/**\n * Only single element selector are supported (no operators like space, +, >, etc).\n * `embed` and `position: fixed;` will be considered as blocked anyway because it always has no offsetParent.\n * Avoid `iframe` and anything with `[src=]` because they produce excess HTTP requests.\n *\n * The \"inappropriate\" selectors are obfuscated. See https://github.com/fingerprintjs/fingerprintjs/issues/734.\n * A function is used instead of a plain object to help tree-shaking.\n *\n * The function code is generated automatically. See docs/content_blockers.md to learn how to make the list.\n */\nfunction getFilters() {\n var fromB64 = atob; // Just for better minification\n return {\n abpIndo: [\n '#Iklan-Melayang',\n '#Kolom-Iklan-728',\n '#SidebarIklan-wrapper',\n '[title=\"ALIENBOLA\" i]',\n fromB64('I0JveC1CYW5uZXItYWRz'),\n ],\n abpvn: ['.quangcao', '#mobileCatfish', fromB64('LmNsb3NlLWFkcw=='), '[id^=\"bn_bottom_fixed_\"]', '#pmadv'],\n adBlockFinland: [\n '.mainostila',\n fromB64('LnNwb25zb3JpdA=='),\n '.ylamainos',\n fromB64('YVtocmVmKj0iL2NsaWNrdGhyZ2guYXNwPyJd'),\n fromB64('YVtocmVmXj0iaHR0cHM6Ly9hcHAucmVhZHBlYWsuY29tL2FkcyJd'),\n ],\n adBlockPersian: [\n '#navbar_notice_50',\n '.kadr',\n 'TABLE[width=\"140px\"]',\n '#divAgahi',\n fromB64('YVtocmVmXj0iaHR0cDovL2cxLnYuZndtcm0ubmV0L2FkLyJd'),\n ],\n adBlockWarningRemoval: [\n '#adblock-honeypot',\n '.adblocker-root',\n '.wp_adblock_detect',\n fromB64('LmhlYWRlci1ibG9ja2VkLWFk'),\n fromB64('I2FkX2Jsb2NrZXI='),\n ],\n adGuardAnnoyances: [\n '.hs-sosyal',\n '#cookieconsentdiv',\n 'div[class^=\"app_gdpr\"]',\n '.as-oil',\n '[data-cypress=\"soft-push-notification-modal\"]',\n ],\n adGuardBase: [\n '.BetterJsPopOverlay',\n fromB64('I2FkXzMwMFgyNTA='),\n fromB64('I2Jhbm5lcmZsb2F0MjI='),\n fromB64('I2NhbXBhaWduLWJhbm5lcg=='),\n fromB64('I0FkLUNvbnRlbnQ='),\n ],\n adGuardChinese: [\n fromB64('LlppX2FkX2FfSA=='),\n fromB64('YVtocmVmKj0iLmh0aGJldDM0LmNvbSJd'),\n '#widget-quan',\n fromB64('YVtocmVmKj0iLzg0OTkyMDIwLnh5eiJd'),\n fromB64('YVtocmVmKj0iLjE5NTZobC5jb20vIl0='),\n ],\n adGuardFrench: [\n '#pavePub',\n fromB64('LmFkLWRlc2t0b3AtcmVjdGFuZ2xl'),\n '.mobile_adhesion',\n '.widgetadv',\n fromB64('LmFkc19iYW4='),\n ],\n adGuardGerman: ['aside[data-portal-id=\"leaderboard\"]'],\n adGuardJapanese: [\n '#kauli_yad_1',\n fromB64('YVtocmVmXj0iaHR0cDovL2FkMi50cmFmZmljZ2F0ZS5uZXQvIl0='),\n fromB64('Ll9wb3BJbl9pbmZpbml0ZV9hZA=='),\n fromB64('LmFkZ29vZ2xl'),\n fromB64('Ll9faXNib29zdFJldHVybkFk'),\n ],\n adGuardMobile: [\n fromB64('YW1wLWF1dG8tYWRz'),\n fromB64('LmFtcF9hZA=='),\n 'amp-embed[type=\"24smi\"]',\n '#mgid_iframe1',\n fromB64('I2FkX2ludmlld19hcmVh'),\n ],\n adGuardRussian: [\n fromB64('YVtocmVmXj0iaHR0cHM6Ly9hZC5sZXRtZWFkcy5jb20vIl0='),\n fromB64('LnJlY2xhbWE='),\n 'div[id^=\"smi2adblock\"]',\n fromB64('ZGl2W2lkXj0iQWRGb3hfYmFubmVyXyJd'),\n '#psyduckpockeball',\n ],\n adGuardSocial: [\n fromB64('YVtocmVmXj0iLy93d3cuc3R1bWJsZXVwb24uY29tL3N1Ym1pdD91cmw9Il0='),\n fromB64('YVtocmVmXj0iLy90ZWxlZ3JhbS5tZS9zaGFyZS91cmw/Il0='),\n '.etsy-tweet',\n '#inlineShare',\n '.popup-social',\n ],\n adGuardSpanishPortuguese: ['#barraPublicidade', '#Publicidade', '#publiEspecial', '#queTooltip', '.cnt-publi'],\n adGuardTrackingProtection: [\n '#qoo-counter',\n fromB64('YVtocmVmXj0iaHR0cDovL2NsaWNrLmhvdGxvZy5ydS8iXQ=='),\n fromB64('YVtocmVmXj0iaHR0cDovL2hpdGNvdW50ZXIucnUvdG9wL3N0YXQucGhwIl0='),\n fromB64('YVtocmVmXj0iaHR0cDovL3RvcC5tYWlsLnJ1L2p1bXAiXQ=='),\n '#top100counter',\n ],\n adGuardTurkish: [\n '#backkapat',\n fromB64('I3Jla2xhbWk='),\n fromB64('YVtocmVmXj0iaHR0cDovL2Fkc2Vydi5vbnRlay5jb20udHIvIl0='),\n fromB64('YVtocmVmXj0iaHR0cDovL2l6bGVuemkuY29tL2NhbXBhaWduLyJd'),\n fromB64('YVtocmVmXj0iaHR0cDovL3d3dy5pbnN0YWxsYWRzLm5ldC8iXQ=='),\n ],\n bulgarian: [fromB64('dGQjZnJlZW5ldF90YWJsZV9hZHM='), '#ea_intext_div', '.lapni-pop-over', '#xenium_hot_offers'],\n easyList: [\n '.yb-floorad',\n fromB64('LndpZGdldF9wb19hZHNfd2lkZ2V0'),\n fromB64('LnRyYWZmaWNqdW5reS1hZA=='),\n '.textad_headline',\n fromB64('LnNwb25zb3JlZC10ZXh0LWxpbmtz'),\n ],\n easyListChina: [\n fromB64('LmFwcGd1aWRlLXdyYXBbb25jbGljayo9ImJjZWJvcy5jb20iXQ=='),\n fromB64('LmZyb250cGFnZUFkdk0='),\n '#taotaole',\n '#aafoot.top_box',\n '.cfa_popup',\n ],\n easyListCookie: [\n '.ezmob-footer',\n '.cc-CookieWarning',\n '[data-cookie-number]',\n fromB64('LmF3LWNvb2tpZS1iYW5uZXI='),\n '.sygnal24-gdpr-modal-wrap',\n ],\n easyListCzechSlovak: [\n '#onlajny-stickers',\n fromB64('I3Jla2xhbW5pLWJveA=='),\n fromB64('LnJla2xhbWEtbWVnYWJvYXJk'),\n '.sklik',\n fromB64('W2lkXj0ic2tsaWtSZWtsYW1hIl0='),\n ],\n easyListDutch: [\n fromB64('I2FkdmVydGVudGll'),\n fromB64('I3ZpcEFkbWFya3RCYW5uZXJCbG9jaw=='),\n '.adstekst',\n fromB64('YVtocmVmXj0iaHR0cHM6Ly94bHR1YmUubmwvY2xpY2svIl0='),\n '#semilo-lrectangle',\n ],\n easyListGermany: [\n '#SSpotIMPopSlider',\n fromB64('LnNwb25zb3JsaW5rZ3J1ZW4='),\n fromB64('I3dlcmJ1bmdza3k='),\n fromB64('I3Jla2xhbWUtcmVjaHRzLW1pdHRl'),\n fromB64('YVtocmVmXj0iaHR0cHM6Ly9iZDc0Mi5jb20vIl0='),\n ],\n easyListItaly: [\n fromB64('LmJveF9hZHZfYW5udW5jaQ=='),\n '.sb-box-pubbliredazionale',\n fromB64('YVtocmVmXj0iaHR0cDovL2FmZmlsaWF6aW9uaWFkcy5zbmFpLml0LyJd'),\n fromB64('YVtocmVmXj0iaHR0cHM6Ly9hZHNlcnZlci5odG1sLml0LyJd'),\n fromB64('YVtocmVmXj0iaHR0cHM6Ly9hZmZpbGlhemlvbmlhZHMuc25haS5pdC8iXQ=='),\n ],\n easyListLithuania: [\n fromB64('LnJla2xhbW9zX3RhcnBhcw=='),\n fromB64('LnJla2xhbW9zX251b3JvZG9z'),\n fromB64('aW1nW2FsdD0iUmVrbGFtaW5pcyBza3lkZWxpcyJd'),\n fromB64('aW1nW2FsdD0iRGVkaWt1b3RpLmx0IHNlcnZlcmlhaSJd'),\n fromB64('aW1nW2FsdD0iSG9zdGluZ2FzIFNlcnZlcmlhaS5sdCJd'),\n ],\n estonian: [fromB64('QVtocmVmKj0iaHR0cDovL3BheTRyZXN1bHRzMjQuZXUiXQ==')],\n fanboyAnnoyances: ['#ac-lre-player', '.navigate-to-top', '#subscribe_popup', '.newsletter_holder', '#back-top'],\n fanboyAntiFacebook: ['.util-bar-module-firefly-visible'],\n fanboyEnhancedTrackers: [\n '.open.pushModal',\n '#issuem-leaky-paywall-articles-zero-remaining-nag',\n '#sovrn_container',\n 'div[class$=\"-hide\"][zoompage-fontsize][style=\"display: block;\"]',\n '.BlockNag__Card',\n ],\n fanboySocial: ['#FollowUs', '#meteored_share', '#social_follow', '.article-sharer', '.community__social-desc'],\n frellwitSwedish: [\n fromB64('YVtocmVmKj0iY2FzaW5vcHJvLnNlIl1bdGFyZ2V0PSJfYmxhbmsiXQ=='),\n fromB64('YVtocmVmKj0iZG9rdG9yLXNlLm9uZWxpbmsubWUiXQ=='),\n 'article.category-samarbete',\n fromB64('ZGl2LmhvbGlkQWRz'),\n 'ul.adsmodern',\n ],\n greekAdBlock: [\n fromB64('QVtocmVmKj0iYWRtYW4ub3RlbmV0LmdyL2NsaWNrPyJd'),\n fromB64('QVtocmVmKj0iaHR0cDovL2F4aWFiYW5uZXJzLmV4b2R1cy5nci8iXQ=='),\n fromB64('QVtocmVmKj0iaHR0cDovL2ludGVyYWN0aXZlLmZvcnRobmV0LmdyL2NsaWNrPyJd'),\n 'DIV.agores300',\n 'TABLE.advright',\n ],\n hungarian: [\n '#cemp_doboz',\n '.optimonk-iframe-container',\n fromB64('LmFkX19tYWlu'),\n fromB64('W2NsYXNzKj0iR29vZ2xlQWRzIl0='),\n '#hirdetesek_box',\n ],\n iDontCareAboutCookies: [\n '.alert-info[data-block-track*=\"CookieNotice\"]',\n '.ModuleTemplateCookieIndicator',\n '.o--cookies--container',\n '#cookies-policy-sticky',\n '#stickyCookieBar',\n ],\n icelandicAbp: [fromB64('QVtocmVmXj0iL2ZyYW1ld29yay9yZXNvdXJjZXMvZm9ybXMvYWRzLmFzcHgiXQ==')],\n latvian: [\n fromB64('YVtocmVmPSJodHRwOi8vd3d3LnNhbGlkemluaS5sdi8iXVtzdHlsZT0iZGlzcGxheTogYmxvY2s7IHdpZHRoOiAxMjBweDsgaGVpZ2h0O' +\n 'iA0MHB4OyBvdmVyZmxvdzogaGlkZGVuOyBwb3NpdGlvbjogcmVsYXRpdmU7Il0='),\n fromB64('YVtocmVmPSJodHRwOi8vd3d3LnNhbGlkemluaS5sdi8iXVtzdHlsZT0iZGlzcGxheTogYmxvY2s7IHdpZHRoOiA4OHB4OyBoZWlnaHQ6I' +\n 'DMxcHg7IG92ZXJmbG93OiBoaWRkZW47IHBvc2l0aW9uOiByZWxhdGl2ZTsiXQ=='),\n ],\n listKr: [\n fromB64('YVtocmVmKj0iLy9hZC5wbGFuYnBsdXMuY28ua3IvIl0='),\n fromB64('I2xpdmVyZUFkV3JhcHBlcg=='),\n fromB64('YVtocmVmKj0iLy9hZHYuaW1hZHJlcC5jby5rci8iXQ=='),\n fromB64('aW5zLmZhc3R2aWV3LWFk'),\n '.revenue_unit_item.dable',\n ],\n listeAr: [\n fromB64('LmdlbWluaUxCMUFk'),\n '.right-and-left-sponsers',\n fromB64('YVtocmVmKj0iLmFmbGFtLmluZm8iXQ=='),\n fromB64('YVtocmVmKj0iYm9vcmFxLm9yZyJd'),\n fromB64('YVtocmVmKj0iZHViaXp6bGUuY29tL2FyLz91dG1fc291cmNlPSJd'),\n ],\n listeFr: [\n fromB64('YVtocmVmXj0iaHR0cDovL3Byb21vLnZhZG9yLmNvbS8iXQ=='),\n fromB64('I2FkY29udGFpbmVyX3JlY2hlcmNoZQ=='),\n fromB64('YVtocmVmKj0id2Vib3JhbWEuZnIvZmNnaS1iaW4vIl0='),\n '.site-pub-interstitiel',\n 'div[id^=\"crt-\"][data-criteo-id]',\n ],\n officialPolish: [\n '#ceneo-placeholder-ceneo-12',\n fromB64('W2hyZWZePSJodHRwczovL2FmZi5zZW5kaHViLnBsLyJd'),\n fromB64('YVtocmVmXj0iaHR0cDovL2Fkdm1hbmFnZXIudGVjaGZ1bi5wbC9yZWRpcmVjdC8iXQ=='),\n fromB64('YVtocmVmXj0iaHR0cDovL3d3dy50cml6ZXIucGwvP3V0bV9zb3VyY2UiXQ=='),\n fromB64('ZGl2I3NrYXBpZWNfYWQ='),\n ],\n ro: [\n fromB64('YVtocmVmXj0iLy9hZmZ0cmsuYWx0ZXgucm8vQ291bnRlci9DbGljayJd'),\n fromB64('YVtocmVmXj0iaHR0cHM6Ly9ibGFja2ZyaWRheXNhbGVzLnJvL3Ryay9zaG9wLyJd'),\n fromB64('YVtocmVmXj0iaHR0cHM6Ly9ldmVudC4ycGVyZm9ybWFudC5jb20vZXZlbnRzL2NsaWNrIl0='),\n fromB64('YVtocmVmXj0iaHR0cHM6Ly9sLnByb2ZpdHNoYXJlLnJvLyJd'),\n 'a[href^=\"/url/\"]',\n ],\n ruAd: [\n fromB64('YVtocmVmKj0iLy9mZWJyYXJlLnJ1LyJd'),\n fromB64('YVtocmVmKj0iLy91dGltZy5ydS8iXQ=='),\n fromB64('YVtocmVmKj0iOi8vY2hpa2lkaWtpLnJ1Il0='),\n '#pgeldiz',\n '.yandex-rtb-block',\n ],\n thaiAds: [\n 'a[href*=macau-uta-popup]',\n fromB64('I2Fkcy1nb29nbGUtbWlkZGxlX3JlY3RhbmdsZS1ncm91cA=='),\n fromB64('LmFkczMwMHM='),\n '.bumq',\n '.img-kosana',\n ],\n webAnnoyancesUltralist: [\n '#mod-social-share-2',\n '#social-tools',\n fromB64('LmN0cGwtZnVsbGJhbm5lcg=='),\n '.zergnet-recommend',\n '.yt.btn-link.btn-md.btn',\n ],\n };\n}\n/**\n * The order of the returned array means nothing (it's always sorted alphabetically).\n *\n * Notice that the source is slightly unstable.\n * Safari provides a 2-taps way to disable all content blockers on a page temporarily.\n * Also content blockers can be disabled permanently for a domain, but it requires 4 taps.\n * So empty array shouldn't be treated as \"no blockers\", it should be treated as \"no signal\".\n * If you are a website owner, don't make your visitors want to disable content blockers.\n */\nfunction getDomBlockers(_a) {\n var _b = _a === void 0 ? {} : _a, debug = _b.debug;\n return __awaiter(this, void 0, void 0, function () {\n var filters, filterNames, allSelectors, blockedSelectors, activeBlockers;\n var _c;\n return __generator(this, function (_d) {\n switch (_d.label) {\n case 0:\n if (!isApplicable()) {\n return [2 /*return*/, undefined];\n }\n filters = getFilters();\n filterNames = Object.keys(filters);\n allSelectors = (_c = []).concat.apply(_c, filterNames.map(function (filterName) { return filters[filterName]; }));\n return [4 /*yield*/, getBlockedSelectors(allSelectors)];\n case 1:\n blockedSelectors = _d.sent();\n if (debug) {\n printDebug(filters, blockedSelectors);\n }\n activeBlockers = filterNames.filter(function (filterName) {\n var selectors = filters[filterName];\n var blockedCount = countTruthy(selectors.map(function (selector) { return blockedSelectors[selector]; }));\n return blockedCount > selectors.length * 0.6;\n });\n activeBlockers.sort();\n return [2 /*return*/, activeBlockers];\n }\n });\n });\n}\nfunction isApplicable() {\n // Safari (desktop and mobile) and all Android browsers keep content blockers in both regular and private mode\n return isWebKit() || isAndroid();\n}\nfunction getBlockedSelectors(selectors) {\n var _a;\n return __awaiter(this, void 0, void 0, function () {\n var d, root, elements, blockedSelectors, i, element, holder, i;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0:\n d = document;\n root = d.createElement('div');\n elements = new Array(selectors.length);\n blockedSelectors = {} // Set() isn't used just in case somebody need older browser support\n ;\n forceShow(root);\n // First create all elements that can be blocked. If the DOM steps below are done in a single cycle,\n // browser will alternate tree modification and layout reading, that is very slow.\n for (i = 0; i < selectors.length; ++i) {\n element = selectorToElement(selectors[i]);\n if (element.tagName === 'DIALOG') {\n element.show();\n }\n holder = d.createElement('div') // Protects from unwanted effects of `+` and `~` selectors of filters\n ;\n forceShow(holder);\n holder.appendChild(element);\n root.appendChild(holder);\n elements[i] = element;\n }\n _b.label = 1;\n case 1:\n if (!!d.body) return [3 /*break*/, 3];\n return [4 /*yield*/, wait(50)];\n case 2:\n _b.sent();\n return [3 /*break*/, 1];\n case 3:\n d.body.appendChild(root);\n try {\n // Then check which of the elements are blocked\n for (i = 0; i < selectors.length; ++i) {\n if (!elements[i].offsetParent) {\n blockedSelectors[selectors[i]] = true;\n }\n }\n }\n finally {\n // Then remove the elements\n (_a = root.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(root);\n }\n return [2 /*return*/, blockedSelectors];\n }\n });\n });\n}\nfunction forceShow(element) {\n element.style.setProperty('display', 'block', 'important');\n}\nfunction printDebug(filters, blockedSelectors) {\n var message = 'DOM blockers debug:\\n```';\n for (var _i = 0, _a = Object.keys(filters); _i < _a.length; _i++) {\n var filterName = _a[_i];\n message += \"\\n\".concat(filterName, \":\");\n for (var _b = 0, _c = filters[filterName]; _b < _c.length; _b++) {\n var selector = _c[_b];\n message += \"\\n \".concat(blockedSelectors[selector] ? '🚫' : '➡️', \" \").concat(selector);\n }\n }\n // console.log is ok here because it's under a debug clause\n // eslint-disable-next-line no-console\n console.log(\"\".concat(message, \"\\n```\"));\n}\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/color-gamut\n */\nfunction getColorGamut() {\n // rec2020 includes p3 and p3 includes srgb\n for (var _i = 0, _a = ['rec2020', 'p3', 'srgb']; _i < _a.length; _i++) {\n var gamut = _a[_i];\n if (matchMedia(\"(color-gamut: \".concat(gamut, \")\")).matches) {\n return gamut;\n }\n }\n return undefined;\n}\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/inverted-colors\n */\nfunction areColorsInverted() {\n if (doesMatch$4('inverted')) {\n return true;\n }\n if (doesMatch$4('none')) {\n return false;\n }\n return undefined;\n}\nfunction doesMatch$4(value) {\n return matchMedia(\"(inverted-colors: \".concat(value, \")\")).matches;\n}\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/forced-colors\n */\nfunction areColorsForced() {\n if (doesMatch$3('active')) {\n return true;\n }\n if (doesMatch$3('none')) {\n return false;\n }\n return undefined;\n}\nfunction doesMatch$3(value) {\n return matchMedia(\"(forced-colors: \".concat(value, \")\")).matches;\n}\n\nvar maxValueToCheck = 100;\n/**\n * If the display is monochrome (e.g. black&white), the value will be ≥0 and will mean the number of bits per pixel.\n * If the display is not monochrome, the returned value will be 0.\n * If the browser doesn't support this feature, the returned value will be undefined.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/monochrome\n */\nfunction getMonochromeDepth() {\n if (!matchMedia('(min-monochrome: 0)').matches) {\n // The media feature isn't supported by the browser\n return undefined;\n }\n // A variation of binary search algorithm can be used here.\n // But since expected values are very small (≤10), there is no sense in adding the complexity.\n for (var i = 0; i <= maxValueToCheck; ++i) {\n if (matchMedia(\"(max-monochrome: \".concat(i, \")\")).matches) {\n return i;\n }\n }\n throw new Error('Too high value');\n}\n\n/**\n * @see https://www.w3.org/TR/mediaqueries-5/#prefers-contrast\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-contrast\n */\nfunction getContrastPreference() {\n if (doesMatch$2('no-preference')) {\n return 0 /* ContrastPreference.None */;\n }\n // The sources contradict on the keywords. Probably 'high' and 'low' will never be implemented.\n // Need to check it when all browsers implement the feature.\n if (doesMatch$2('high') || doesMatch$2('more')) {\n return 1 /* ContrastPreference.More */;\n }\n if (doesMatch$2('low') || doesMatch$2('less')) {\n return -1 /* ContrastPreference.Less */;\n }\n if (doesMatch$2('forced')) {\n return 10 /* ContrastPreference.ForcedColors */;\n }\n return undefined;\n}\nfunction doesMatch$2(value) {\n return matchMedia(\"(prefers-contrast: \".concat(value, \")\")).matches;\n}\n\n/**\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion\n */\nfunction isMotionReduced() {\n if (doesMatch$1('reduce')) {\n return true;\n }\n if (doesMatch$1('no-preference')) {\n return false;\n }\n return undefined;\n}\nfunction doesMatch$1(value) {\n return matchMedia(\"(prefers-reduced-motion: \".concat(value, \")\")).matches;\n}\n\n/**\n * @see https://www.w3.org/TR/mediaqueries-5/#dynamic-range\n */\nfunction isHDR() {\n if (doesMatch('high')) {\n return true;\n }\n if (doesMatch('standard')) {\n return false;\n }\n return undefined;\n}\nfunction doesMatch(value) {\n return matchMedia(\"(dynamic-range: \".concat(value, \")\")).matches;\n}\n\nvar M = Math; // To reduce the minified code size\nvar fallbackFn = function () { return 0; };\n/**\n * @see https://gitlab.torproject.org/legacy/trac/-/issues/13018\n * @see https://bugzilla.mozilla.org/show_bug.cgi?id=531915\n */\nfunction getMathFingerprint() {\n // Native operations\n var acos = M.acos || fallbackFn;\n var acosh = M.acosh || fallbackFn;\n var asin = M.asin || fallbackFn;\n var asinh = M.asinh || fallbackFn;\n var atanh = M.atanh || fallbackFn;\n var atan = M.atan || fallbackFn;\n var sin = M.sin || fallbackFn;\n var sinh = M.sinh || fallbackFn;\n var cos = M.cos || fallbackFn;\n var cosh = M.cosh || fallbackFn;\n var tan = M.tan || fallbackFn;\n var tanh = M.tanh || fallbackFn;\n var exp = M.exp || fallbackFn;\n var expm1 = M.expm1 || fallbackFn;\n var log1p = M.log1p || fallbackFn;\n // Operation polyfills\n var powPI = function (value) { return M.pow(M.PI, value); };\n var acoshPf = function (value) { return M.log(value + M.sqrt(value * value - 1)); };\n var asinhPf = function (value) { return M.log(value + M.sqrt(value * value + 1)); };\n var atanhPf = function (value) { return M.log((1 + value) / (1 - value)) / 2; };\n var sinhPf = function (value) { return M.exp(value) - 1 / M.exp(value) / 2; };\n var coshPf = function (value) { return (M.exp(value) + 1 / M.exp(value)) / 2; };\n var expm1Pf = function (value) { return M.exp(value) - 1; };\n var tanhPf = function (value) { return (M.exp(2 * value) - 1) / (M.exp(2 * value) + 1); };\n var log1pPf = function (value) { return M.log(1 + value); };\n // Note: constant values are empirical\n return {\n acos: acos(0.123124234234234242),\n acosh: acosh(1e308),\n acoshPf: acoshPf(1e154),\n asin: asin(0.123124234234234242),\n asinh: asinh(1),\n asinhPf: asinhPf(1),\n atanh: atanh(0.5),\n atanhPf: atanhPf(0.5),\n atan: atan(0.5),\n sin: sin(-1e300),\n sinh: sinh(1),\n sinhPf: sinhPf(1),\n cos: cos(10.000000000123),\n cosh: cosh(1),\n coshPf: coshPf(1),\n tan: tan(-1e300),\n tanh: tanh(1),\n tanhPf: tanhPf(1),\n exp: exp(1),\n expm1: expm1(1),\n expm1Pf: expm1Pf(1),\n log1p: log1p(10),\n log1pPf: log1pPf(10),\n powPI: powPI(-100),\n };\n}\n\n/**\n * We use m or w because these two characters take up the maximum width.\n * Also there are a couple of ligatures.\n */\nvar defaultText = 'mmMwWLliI0fiflO&1';\n/**\n * Settings of text blocks to measure. The keys are random but persistent words.\n */\nvar presets = {\n /**\n * The default font. User can change it in desktop Chrome, desktop Firefox, IE 11,\n * Android Chrome (but only when the size is ≥ than the default) and Android Firefox.\n */\n default: [],\n /** OS font on macOS. User can change its size and weight. Applies after Safari restart. */\n apple: [{ font: '-apple-system-body' }],\n /** User can change it in desktop Chrome and desktop Firefox. */\n serif: [{ fontFamily: 'serif' }],\n /** User can change it in desktop Chrome and desktop Firefox. */\n sans: [{ fontFamily: 'sans-serif' }],\n /** User can change it in desktop Chrome and desktop Firefox. */\n mono: [{ fontFamily: 'monospace' }],\n /**\n * Check the smallest allowed font size. User can change it in desktop Chrome, desktop Firefox and desktop Safari.\n * The height can be 0 in Chrome on a retina display.\n */\n min: [{ fontSize: '1px' }],\n /** Tells one OS from another in desktop Chrome. */\n system: [{ fontFamily: 'system-ui' }],\n};\n/**\n * The result is a dictionary of the width of the text samples.\n * Heights aren't included because they give no extra entropy and are unstable.\n *\n * The result is very stable in IE 11, Edge 18 and Safari 14.\n * The result changes when the OS pixel density changes in Chromium 87. The real pixel density is required to solve,\n * but seems like it's impossible: https://stackoverflow.com/q/1713771/1118709.\n * The \"min\" and the \"mono\" (only on Windows) value may change when the page is zoomed in Firefox 87.\n */\nfunction getFontPreferences() {\n return withNaturalFonts(function (document, container) {\n var elements = {};\n var sizes = {};\n // First create all elements to measure. If the DOM steps below are done in a single cycle,\n // browser will alternate tree modification and layout reading, that is very slow.\n for (var _i = 0, _a = Object.keys(presets); _i < _a.length; _i++) {\n var key = _a[_i];\n var _b = presets[key], _c = _b[0], style = _c === void 0 ? {} : _c, _d = _b[1], text = _d === void 0 ? defaultText : _d;\n var element = document.createElement('span');\n element.textContent = text;\n element.style.whiteSpace = 'nowrap';\n for (var _e = 0, _f = Object.keys(style); _e < _f.length; _e++) {\n var name_1 = _f[_e];\n var value = style[name_1];\n if (value !== undefined) {\n element.style[name_1] = value;\n }\n }\n elements[key] = element;\n container.appendChild(document.createElement('br'));\n container.appendChild(element);\n }\n // Then measure the created elements\n for (var _g = 0, _h = Object.keys(presets); _g < _h.length; _g++) {\n var key = _h[_g];\n sizes[key] = elements[key].getBoundingClientRect().width;\n }\n return sizes;\n });\n}\n/**\n * Creates a DOM environment that provides the most natural font available, including Android OS font.\n * Measurements of the elements are zoom-independent.\n * Don't put a content to measure inside an absolutely positioned element.\n */\nfunction withNaturalFonts(action, containerWidthPx) {\n if (containerWidthPx === void 0) { containerWidthPx = 4000; }\n /*\n * Requirements for Android Chrome to apply the system font size to a text inside an iframe:\n * - The iframe mustn't have a `display: none;` style;\n * - The text mustn't be positioned absolutely;\n * - The text block must be wide enough.\n * 2560px on some devices in portrait orientation for the biggest font size option (32px);\n * - There must be much enough text to form a few lines (I don't know the exact numbers);\n * - The text must have the `text-size-adjust: none` style. Otherwise the text will scale in \"Desktop site\" mode;\n *\n * Requirements for Android Firefox to apply the system font size to a text inside an iframe:\n * - The iframe document must have a header: ``.\n * The only way to set it is to use the `srcdoc` attribute of the iframe;\n * - The iframe content must get loaded before adding extra content with JavaScript;\n *\n * https://example.com as the iframe target always inherits Android font settings so it can be used as a reference.\n *\n * Observations on how page zoom affects the measurements:\n * - macOS Safari 11.1, 12.1, 13.1, 14.0: zoom reset + offsetWidth = 100% reliable;\n * - macOS Safari 11.1, 12.1, 13.1, 14.0: zoom reset + getBoundingClientRect = 100% reliable;\n * - macOS Safari 14.0: offsetWidth = 5% fluctuation;\n * - macOS Safari 14.0: getBoundingClientRect = 5% fluctuation;\n * - iOS Safari 9, 10, 11.0, 12.0: haven't found a way to zoom a page (pinch doesn't change layout);\n * - iOS Safari 13.1, 14.0: zoom reset + offsetWidth = 100% reliable;\n * - iOS Safari 13.1, 14.0: zoom reset + getBoundingClientRect = 100% reliable;\n * - iOS Safari 14.0: offsetWidth = 100% reliable;\n * - iOS Safari 14.0: getBoundingClientRect = 100% reliable;\n * - Chrome 42, 65, 80, 87: zoom 1/devicePixelRatio + offsetWidth = 1px fluctuation;\n * - Chrome 42, 65, 80, 87: zoom 1/devicePixelRatio + getBoundingClientRect = 100% reliable;\n * - Chrome 87: offsetWidth = 1px fluctuation;\n * - Chrome 87: getBoundingClientRect = 0.7px fluctuation;\n * - Firefox 48, 51: offsetWidth = 10% fluctuation;\n * - Firefox 48, 51: getBoundingClientRect = 10% fluctuation;\n * - Firefox 52, 53, 57, 62, 66, 67, 68, 71, 75, 80, 84: offsetWidth = width 100% reliable, height 10% fluctuation;\n * - Firefox 52, 53, 57, 62, 66, 67, 68, 71, 75, 80, 84: getBoundingClientRect = width 100% reliable, height 10%\n * fluctuation;\n * - Android Chrome 86: haven't found a way to zoom a page (pinch doesn't change layout);\n * - Android Firefox 84: font size in accessibility settings changes all the CSS sizes, but offsetWidth and\n * getBoundingClientRect keep measuring with regular units, so the size reflects the font size setting and doesn't\n * fluctuate;\n * - IE 11, Edge 18: zoom 1/devicePixelRatio + offsetWidth = 100% reliable;\n * - IE 11, Edge 18: zoom 1/devicePixelRatio + getBoundingClientRect = reflects the zoom level;\n * - IE 11, Edge 18: offsetWidth = 100% reliable;\n * - IE 11, Edge 18: getBoundingClientRect = 100% reliable;\n */\n return withIframe(function (_, iframeWindow) {\n var iframeDocument = iframeWindow.document;\n var iframeBody = iframeDocument.body;\n var bodyStyle = iframeBody.style;\n bodyStyle.width = \"\".concat(containerWidthPx, \"px\");\n bodyStyle.webkitTextSizeAdjust = bodyStyle.textSizeAdjust = 'none';\n // See the big comment above\n if (isChromium()) {\n iframeBody.style.zoom = \"\".concat(1 / iframeWindow.devicePixelRatio);\n }\n else if (isWebKit()) {\n iframeBody.style.zoom = 'reset';\n }\n // See the big comment above\n var linesOfText = iframeDocument.createElement('div');\n linesOfText.textContent = __spreadArray([], Array((containerWidthPx / 20) << 0), true).map(function () { return 'word'; }).join(' ');\n iframeBody.appendChild(linesOfText);\n return action(iframeDocument, iframeBody);\n }, '');\n}\n\n/**\n * @see Credits: https://stackoverflow.com/a/49267844\n */\nfunction getVideoCard() {\n var _a;\n var canvas = document.createElement('canvas');\n var gl = (_a = canvas.getContext('webgl')) !== null && _a !== void 0 ? _a : canvas.getContext('experimental-webgl');\n if (gl && 'getExtension' in gl) {\n var debugInfo = gl.getExtension('WEBGL_debug_renderer_info');\n if (debugInfo) {\n return {\n vendor: (gl.getParameter(debugInfo.UNMASKED_VENDOR_WEBGL) || '').toString(),\n renderer: (gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL) || '').toString(),\n };\n }\n }\n return undefined;\n}\n\nfunction isPdfViewerEnabled() {\n return navigator.pdfViewerEnabled;\n}\n\n/**\n * Unlike most other architectures, on x86/x86-64 when floating-point instructions\n * have no NaN arguments, but produce NaN output, the output NaN has sign bit set.\n * We use it to distinguish x86/x86-64 from other architectures, by doing subtraction\n * of two infinities (must produce NaN per IEEE 754 standard).\n *\n * See https://codebrowser.bddppq.com/pytorch/pytorch/third_party/XNNPACK/src/init.c.html#79\n */\nfunction getArchitecture() {\n var f = new Float32Array(1);\n var u8 = new Uint8Array(f.buffer);\n f[0] = Infinity;\n f[0] = f[0] - f[0];\n return u8[3];\n}\n\n/**\n * The list of entropy sources used to make visitor identifiers.\n *\n * This value isn't restricted by Semantic Versioning, i.e. it may be changed without bumping minor or major version of\n * this package.\n *\n * Note: Rollup and Webpack are smart enough to remove unused properties of this object during tree-shaking, so there is\n * no need to export the sources individually.\n */\nvar sources = {\n // READ FIRST:\n // See https://github.com/fingerprintjs/fingerprintjs/blob/master/contributing.md#how-to-make-an-entropy-source\n // to learn how entropy source works and how to make your own.\n // The sources run in this exact order.\n // The asynchronous sources are at the start to run in parallel with other sources.\n fonts: getFonts,\n domBlockers: getDomBlockers,\n fontPreferences: getFontPreferences,\n audio: getAudioFingerprint,\n screenFrame: getRoundedScreenFrame,\n osCpu: getOsCpu,\n languages: getLanguages,\n colorDepth: getColorDepth,\n deviceMemory: getDeviceMemory,\n screenResolution: getScreenResolution,\n hardwareConcurrency: getHardwareConcurrency,\n timezone: getTimezone,\n sessionStorage: getSessionStorage,\n localStorage: getLocalStorage,\n indexedDB: getIndexedDB,\n openDatabase: getOpenDatabase,\n cpuClass: getCpuClass,\n platform: getPlatform,\n plugins: getPlugins,\n canvas: getCanvasFingerprint,\n touchSupport: getTouchSupport,\n vendor: getVendor,\n vendorFlavors: getVendorFlavors,\n cookiesEnabled: areCookiesEnabled,\n colorGamut: getColorGamut,\n invertedColors: areColorsInverted,\n forcedColors: areColorsForced,\n monochrome: getMonochromeDepth,\n contrast: getContrastPreference,\n reducedMotion: isMotionReduced,\n hdr: isHDR,\n math: getMathFingerprint,\n videoCard: getVideoCard,\n pdfViewerEnabled: isPdfViewerEnabled,\n architecture: getArchitecture,\n};\n/**\n * Loads the built-in entropy sources.\n * Returns a function that collects the entropy components to make the visitor identifier.\n */\nfunction loadBuiltinSources(options) {\n return loadSources(sources, options, []);\n}\n\nvar commentTemplate = '$ if upgrade to Pro: https://fpjs.dev/pro';\nfunction getConfidence(components) {\n var openConfidenceScore = getOpenConfidenceScore(components);\n var proConfidenceScore = deriveProConfidenceScore(openConfidenceScore);\n return { score: openConfidenceScore, comment: commentTemplate.replace(/\\$/g, \"\".concat(proConfidenceScore)) };\n}\nfunction getOpenConfidenceScore(components) {\n // In order to calculate the true probability of the visitor identifier being correct, we need to know the number of\n // website visitors (the higher the number, the less the probability because the fingerprint entropy is limited).\n // JS agent doesn't know the number of visitors, so we can only do an approximate assessment.\n if (isAndroid()) {\n return 0.4;\n }\n // Safari (mobile and desktop)\n if (isWebKit()) {\n return isDesktopSafari() ? 0.5 : 0.3;\n }\n var platform = components.platform.value || '';\n // Windows\n if (/^Win/.test(platform)) {\n // The score is greater than on macOS because of the higher variety of devices running Windows.\n // Chrome provides more entropy than Firefox according too\n // https://netmarketshare.com/browser-market-share.aspx?options=%7B%22filter%22%3A%7B%22%24and%22%3A%5B%7B%22platform%22%3A%7B%22%24in%22%3A%5B%22Windows%22%5D%7D%7D%5D%7D%2C%22dateLabel%22%3A%22Trend%22%2C%22attributes%22%3A%22share%22%2C%22group%22%3A%22browser%22%2C%22sort%22%3A%7B%22share%22%3A-1%7D%2C%22id%22%3A%22browsersDesktop%22%2C%22dateInterval%22%3A%22Monthly%22%2C%22dateStart%22%3A%222019-11%22%2C%22dateEnd%22%3A%222020-10%22%2C%22segments%22%3A%22-1000%22%7D\n // So we assign the same score to them.\n return 0.6;\n }\n // macOS\n if (/^Mac/.test(platform)) {\n // Chrome provides more entropy than Safari and Safari provides more entropy than Firefox.\n // Chrome is more popular than Safari and Safari is more popular than Firefox according to\n // https://netmarketshare.com/browser-market-share.aspx?options=%7B%22filter%22%3A%7B%22%24and%22%3A%5B%7B%22platform%22%3A%7B%22%24in%22%3A%5B%22Mac%20OS%22%5D%7D%7D%5D%7D%2C%22dateLabel%22%3A%22Trend%22%2C%22attributes%22%3A%22share%22%2C%22group%22%3A%22browser%22%2C%22sort%22%3A%7B%22share%22%3A-1%7D%2C%22id%22%3A%22browsersDesktop%22%2C%22dateInterval%22%3A%22Monthly%22%2C%22dateStart%22%3A%222019-11%22%2C%22dateEnd%22%3A%222020-10%22%2C%22segments%22%3A%22-1000%22%7D\n // So we assign the same score to them.\n return 0.5;\n }\n // Another platform, e.g. a desktop Linux. It's rare, so it should be pretty unique.\n return 0.7;\n}\nfunction deriveProConfidenceScore(openConfidenceScore) {\n return round(0.99 + 0.01 * openConfidenceScore, 0.0001);\n}\n\nfunction componentsToCanonicalString(components) {\n var result = '';\n for (var _i = 0, _a = Object.keys(components).sort(); _i < _a.length; _i++) {\n var componentKey = _a[_i];\n var component = components[componentKey];\n var value = component.error ? 'error' : JSON.stringify(component.value);\n result += \"\".concat(result ? '|' : '').concat(componentKey.replace(/([:|\\\\])/g, '\\\\$1'), \":\").concat(value);\n }\n return result;\n}\nfunction componentsToDebugString(components) {\n return JSON.stringify(components, function (_key, value) {\n if (value instanceof Error) {\n return errorToObject(value);\n }\n return value;\n }, 2);\n}\nfunction hashComponents(components) {\n return x64hash128(componentsToCanonicalString(components));\n}\n/**\n * Makes a GetResult implementation that calculates the visitor id hash on demand.\n * Designed for optimisation.\n */\nfunction makeLazyGetResult(components) {\n var visitorIdCache;\n // This function runs very fast, so there is no need to make it lazy\n var confidence = getConfidence(components);\n // A plain class isn't used because its getters and setters aren't enumerable.\n return {\n get visitorId() {\n if (visitorIdCache === undefined) {\n visitorIdCache = hashComponents(this.components);\n }\n return visitorIdCache;\n },\n set visitorId(visitorId) {\n visitorIdCache = visitorId;\n },\n confidence: confidence,\n components: components,\n version: version,\n };\n}\n/**\n * A delay is required to ensure consistent entropy components.\n * See https://github.com/fingerprintjs/fingerprintjs/issues/254\n * and https://github.com/fingerprintjs/fingerprintjs/issues/307\n * and https://github.com/fingerprintjs/fingerprintjs/commit/945633e7c5f67ae38eb0fea37349712f0e669b18\n */\nfunction prepareForSources(delayFallback) {\n if (delayFallback === void 0) { delayFallback = 50; }\n // A proper deadline is unknown. Let it be twice the fallback timeout so that both cases have the same average time.\n return requestIdleCallbackIfAvailable(delayFallback, delayFallback * 2);\n}\n/**\n * The function isn't exported from the index file to not allow to call it without `load()`.\n * The hiding gives more freedom for future non-breaking updates.\n *\n * A factory function is used instead of a class to shorten the attribute names in the minified code.\n * Native private class fields could've been used, but TypeScript doesn't allow them with `\"target\": \"es5\"`.\n */\nfunction makeAgent(getComponents, debug) {\n var creationTime = Date.now();\n return {\n get: function (options) {\n return __awaiter(this, void 0, void 0, function () {\n var startTime, components, result;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n startTime = Date.now();\n return [4 /*yield*/, getComponents()];\n case 1:\n components = _a.sent();\n result = makeLazyGetResult(components);\n if (debug || (options === null || options === void 0 ? void 0 : options.debug)) {\n // console.log is ok here because it's under a debug clause\n // eslint-disable-next-line no-console\n console.log(\"Copy the text below to get the debug data:\\n\\n```\\nversion: \".concat(result.version, \"\\nuserAgent: \").concat(navigator.userAgent, \"\\ntimeBetweenLoadAndGet: \").concat(startTime - creationTime, \"\\nvisitorId: \").concat(result.visitorId, \"\\ncomponents: \").concat(componentsToDebugString(components), \"\\n```\"));\n }\n return [2 /*return*/, result];\n }\n });\n });\n },\n };\n}\n/**\n * Sends an unpersonalized AJAX request to collect installation statistics\n */\nfunction monitor() {\n // The FingerprintJS CDN (https://github.com/fingerprintjs/cdn) replaces `window.__fpjs_d_m` with `true`\n if (window.__fpjs_d_m || Math.random() >= 0.001) {\n return;\n }\n try {\n var request = new XMLHttpRequest();\n request.open('get', \"https://m1.openfpcdn.io/fingerprintjs/v\".concat(version, \"/npm-monitoring\"), true);\n request.send();\n }\n catch (error) {\n // console.error is ok here because it's an unexpected error handler\n // eslint-disable-next-line no-console\n console.error(error);\n }\n}\n/**\n * Builds an instance of Agent and waits a delay required for a proper operation.\n */\nfunction load(_a) {\n var _b = _a === void 0 ? {} : _a, delayFallback = _b.delayFallback, debug = _b.debug, _c = _b.monitoring, monitoring = _c === void 0 ? true : _c;\n return __awaiter(this, void 0, void 0, function () {\n var getComponents;\n return __generator(this, function (_d) {\n switch (_d.label) {\n case 0:\n if (monitoring) {\n monitor();\n }\n return [4 /*yield*/, prepareForSources(delayFallback)];\n case 1:\n _d.sent();\n getComponents = loadBuiltinSources({ debug: debug });\n return [2 /*return*/, makeAgent(getComponents, debug)];\n }\n });\n });\n}\n\n// The default export is a syntax sugar (`import * as FP from '...' → import FP from '...'`).\n// It should contain all the public exported values.\nvar index = { load: load, hashComponents: hashComponents, componentsToDebugString: componentsToDebugString };\n// The exports below are for private usage. They may change unexpectedly. Use them at your own risk.\n/** Not documented, out of Semantic Versioning, usage is at your own risk */\nvar murmurX64Hash128 = x64hash128;\n\nexport { componentsToDebugString, index as default, getFullscreenElement, getScreenFrame, hashComponents, isAndroid, isChromium, isDesktopSafari, isEdgeHTML, isGecko, isTrident, isWebKit, load, loadSources, murmurX64Hash128, prepareForSources, sources, transformSource, withIframe };\n","import React, { useEffect } from \"react\";\nimport FingerprintJS from \"@fingerprintjs/fingerprintjs\";\n\nconst FingerprintHelper = () => {\n useEffect(() => {\n FingerprintJS.load()\n .then((fp) => fp.get())\n .then((result) => {\n localStorage.setItem(\"FINGERPRINT\", result.visitorId);\n });\n }, []);\n return ;\n};\n\nexport default FingerprintHelper;\n","/**\n * HTTP Service Wrapper\n */\nimport axios from \"axios\";\nimport { getCookie, cxmessage } from \"utils\";\nimport {\n apiUrl,\n apiUrlProd,\n authUrl,\n workbenchUrl,\n workbenchProdUrl,\n qaOneApi,\n prodOneApi,\n publicUrl,\n oauthUrl,\n publicAuthUrl,\n notificationUrl,\n} from \"config/config\";\nimport history from \"utils/history\";\n\naxios.defaults.withCredentials = false;\naxios.defaults.crossdomain = true;\n\nfunction getURL(service) {\n const tenantId = getCookie(\"tenant\");\n switch (service) {\n case \"workbench\":\n return workbenchUrl + `/${tenantId}`;\n case \"oauth\":\n return oauthUrl;\n case \"notification\":\n return notificationUrl;\n default:\n return apiUrl + `/${tenantId}`;\n }\n}\nfunction getUserPref(service) {\n switch (service) {\n case \"workbench\":\n return workbenchUrl;\n default:\n return apiUrl;\n }\n}\nfunction postSignup(service) {\n switch (service) {\n case \"workbench\":\n return workbenchUrl;\n default:\n return publicAuthUrl;\n }\n}\n\n// * request interceptor to add the auth token header to requests\naxios.interceptors.request.use(\n (config) => {\n const accessToken = getCookie(\"ob_a\");\n const tenantId = getCookie(\"tenant\");\n if (accessToken) {\n config.headers[\"Authorization\"] = `Bearer ${accessToken}`;\n config.headers[\"Content-Type\"] = \"application/json\";\n config.headers[\"tenantid\"] = tenantId;\n }\n return config;\n },\n (error) => {\n Promise.reject(error);\n }\n);\n\n// * response interceptor to refresh token on receiving token expired error\naxios.interceptors.response.use(\n (response) => {\n return response;\n },\n function (error) {\n const originalRequest = error.config;\n // let refreshToken = getCookie(\"ob_r\");\n let typeToken = getCookie(\"token_type\");\n if (\n // refreshToken &&\n error.response &&\n error.response.status === 401 &&\n typeToken !== \"mfa\" &&\n !originalRequest._retry\n ) {\n // TODO: implement the refresh token logic\n localStorage.clear();\n history.push(\"/\");\n originalRequest._retry = true;\n } else {\n cxmessage.error(\n error.response?.data?.description\n ? error.response?.data?.description\n : error.message\n );\n }\n return Promise.reject(error);\n }\n);\n\nexport async function postLogin(url, body, params, headers) {\n return new Promise((resolve, reject) => {\n axios\n .post(authUrl + url, body, {\n headers: headers || {\n \"Content-Type\": \"application/json\",\n Authorization: `${getCookie(\"ob_a\")}`,\n },\n params: params,\n })\n .then((responce) => {\n resolve(responce);\n })\n .catch((error) => {\n reject(error);\n });\n });\n}\n\nexport async function getpublic(url) {\n try {\n const response = await axios.get(publicUrl + url);\n return response;\n } catch (error) {\n return error;\n }\n}\nexport async function postpublic(url, body, params) {\n return new Promise((resolve, reject) => {\n axios\n .post(publicUrl + url, body, {\n params: params,\n })\n .then((responce) => {\n resolve(responce);\n })\n .catch((error) => {\n reject(error);\n });\n });\n}\nexport async function get(url, params, service = null) {\n try {\n const response = await axios.get(getURL(service) + url, {\n params: params,\n });\n return response;\n } catch (error) {\n return error;\n }\n}\nexport async function usrpref(url, params, service = null) {\n try {\n const response = await axios.get(getUserPref(service) + url, {\n params: params,\n });\n return response;\n } catch (error) {\n return error;\n }\n}\n\nexport async function post(url, body, params, service = null) {\n return new Promise((resolve, reject) => {\n axios\n .post(getURL(service) + url, body, {\n params: params,\n })\n .then((responce) => {\n resolve(responce);\n })\n .catch((error) => {\n reject(error);\n });\n });\n}\nexport async function post1(url, body, params) {\n return new Promise((resolve, reject) => {\n axios\n .post(authUrl + url, body, {\n params: params,\n })\n .then((responce) => {\n resolve(responce);\n })\n .catch((error) => {\n reject(error);\n });\n });\n}\nexport async function postsign(url, body, params, service = null) {\n return new Promise((resolve, reject) => {\n axios\n .post(postSignup(service) + url, body, {\n params: params,\n })\n .then((responce) => {\n resolve(responce);\n })\n .catch((error) => {\n reject(error);\n });\n });\n}\n\nexport async function put(url, body, params, service = null) {\n return new Promise((resolve, reject) => {\n axios\n .put(getURL(service) + url, body, {\n params: params,\n })\n .then((responce) => {\n resolve(responce);\n })\n .catch((error) => {\n reject(error);\n });\n });\n}\n\nexport async function patch(url, body, params, service = null) {\n return new Promise((resolve, reject) => {\n axios\n .patch(getURL(service) + url, body, {\n params: params,\n })\n .then((responce) => {\n resolve(responce);\n })\n .catch((error) => {\n reject(error);\n });\n });\n}\n\nexport async function del(url, body, params, service = null) {\n try {\n const response = await axios.delete(getURL(service) + url, {\n data: body,\n params: params,\n });\n return response;\n } catch (error) {\n return error;\n }\n}\n\nexport async function postFormData(url, body, service = null) {\n return new Promise((resolve, reject) => {\n axios\n .post(getURL(service) + url, body, {\n \"Content-Type\": \"multipart/form-data\",\n Authorization: `${getCookie(\"ob_a\")}`,\n })\n .then((responce) => {\n resolve(responce);\n })\n .catch((error) => {\n reject(error);\n });\n });\n}\n","import { __assign } from \"tslib\";\nimport { invariant } from '@formatjs/ecma402-abstract';\nimport { IntlMessageFormat, } from 'intl-messageformat';\nimport { MissingTranslationError, MessageFormatError } from './error';\nimport { TYPE } from '@formatjs/icu-messageformat-parser';\nfunction setTimeZoneInOptions(opts, timeZone) {\n return Object.keys(opts).reduce(function (all, k) {\n all[k] = __assign({ timeZone: timeZone }, opts[k]);\n return all;\n }, {});\n}\nfunction deepMergeOptions(opts1, opts2) {\n var keys = Object.keys(__assign(__assign({}, opts1), opts2));\n return keys.reduce(function (all, k) {\n all[k] = __assign(__assign({}, (opts1[k] || {})), (opts2[k] || {}));\n return all;\n }, {});\n}\nfunction deepMergeFormatsAndSetTimeZone(f1, timeZone) {\n if (!timeZone) {\n return f1;\n }\n var mfFormats = IntlMessageFormat.formats;\n return __assign(__assign(__assign({}, mfFormats), f1), { date: deepMergeOptions(setTimeZoneInOptions(mfFormats.date, timeZone), setTimeZoneInOptions(f1.date || {}, timeZone)), time: deepMergeOptions(setTimeZoneInOptions(mfFormats.time, timeZone), setTimeZoneInOptions(f1.time || {}, timeZone)) });\n}\nexport function formatMessage(_a, state, messageDescriptor, values, opts) {\n var locale = _a.locale, formats = _a.formats, messages = _a.messages, defaultLocale = _a.defaultLocale, defaultFormats = _a.defaultFormats, fallbackOnEmptyString = _a.fallbackOnEmptyString, onError = _a.onError, timeZone = _a.timeZone, defaultRichTextElements = _a.defaultRichTextElements;\n if (messageDescriptor === void 0) { messageDescriptor = { id: '' }; }\n var msgId = messageDescriptor.id, defaultMessage = messageDescriptor.defaultMessage;\n // `id` is a required field of a Message Descriptor.\n invariant(!!msgId, \"[@formatjs/intl] An `id` must be provided to format a message. You can either:\\n1. Configure your build toolchain with [babel-plugin-formatjs](https://formatjs.io/docs/tooling/babel-plugin)\\nor [@formatjs/ts-transformer](https://formatjs.io/docs/tooling/ts-transformer) OR\\n2. Configure your `eslint` config to include [eslint-plugin-formatjs](https://formatjs.io/docs/tooling/linter#enforce-id)\\nto autofix this issue\");\n var id = String(msgId);\n var message = \n // In case messages is Object.create(null)\n // e.g import('foo.json') from webpack)\n // See https://github.com/formatjs/formatjs/issues/1914\n messages &&\n Object.prototype.hasOwnProperty.call(messages, id) &&\n messages[id];\n // IMPORTANT: Hot path if `message` is AST with a single literal node\n if (Array.isArray(message) &&\n message.length === 1 &&\n message[0].type === TYPE.literal) {\n return message[0].value;\n }\n // IMPORTANT: Hot path straight lookup for performance\n if (!values &&\n message &&\n typeof message === 'string' &&\n !defaultRichTextElements) {\n return message.replace(/'\\{(.*?)\\}'/gi, \"{$1}\");\n }\n values = __assign(__assign({}, defaultRichTextElements), (values || {}));\n formats = deepMergeFormatsAndSetTimeZone(formats, timeZone);\n defaultFormats = deepMergeFormatsAndSetTimeZone(defaultFormats, timeZone);\n if (!message) {\n if (fallbackOnEmptyString === false && message === '') {\n return message;\n }\n if (!defaultMessage ||\n (locale && locale.toLowerCase() !== defaultLocale.toLowerCase())) {\n // This prevents warnings from littering the console in development\n // when no `messages` are passed into the ![](\"mainLogo.svg\")
\n \n ![](\"collaspeLogo.svg\")
{\" \"}\n \n Reset your password\n \n ![](\"/images/openings/warning.svg\")
\n \n To start using our services, please connect your Email and\n Signature to your account{\" \"}\n \n \n Your email authentication failed. Please Reauthenticate your\n Email{\" \"}\n ![\"logo\"]({\"/mainLogo.svg\"})
\n )}\n {/* TODO: Collapse button for menu */}\n {appConfig.mainMenuCollapsed ? (\n ![\"whatsapp\"](\"/images/inbox/WHATSAPP.svg\")
\n ),\n email: ![\"email\"](\"/images/inbox/EMAIL.svg\")
,\n };\n\n const connectSocket = async () => {\n if (!getCookie(\"ob_a\") || getCookie(\"ob_a\") === \"\") {\n return;\n }\n if (socketRef.current && socketRef.current.connected) {\n return;\n }\n const tenantId = getCookie(\"tenant\");\n const fingerprint = await localStorage.getItem(\"FINGERPRINT\");\n const socket = io(`${socketUrl}/messaging`, {\n auth: {\n authorization: `Bearer ${getCookie(\"ob_a\")}`,\n tenantid: tenantId,\n fingerprint,\n os: \"web\",\n },\n transports: [\"websocket\", \"polling\"],\n });\n socketRef.current = socket;\n socketRef.current.on(\"NOTIFICATION\", (data) => {\n if (data?.eventType === \"CANDIDATE_STAGE_CHANGED\") {\n processStageChangeNotification(data);\n console.log(\"stage change Dispatched\");\n }\n if (data?.eventType === \"MESSAGE_RECEIVED\") {\n processMessageNotification(data);\n }\n });\n\n // socketRef.current.on(\"MESSAGE\", (message) => {\n // let state = store.getState();\n // if (!message.msg) {\n // return null;\n // }\n // if (state?.AppReducer?.activeConvId?.conv?._id !== message?.msg?.convId) {\n // notification.success({\n // message: \"You have a new message\",\n // description:\n // message?.msg.md === \"email\" ? (\n // ![](\"/images/contacts/phone.svg\")
{\" \"}\n {res.phone ?? \"NA\"}\n ![](\"/images/contacts/mailIcon.svg\")
{\" \"}\n {truncateSt(res.email, 28) ?? \"NA\"}\n ![\"add\"](\"/AddNew.svg\")
\n ![](\"/images/phone.svg\")
\n \n ![](\"/images/Admin/gmail.svg\")
\n ![](\"/images/Admin/EMAIL.svg\")
\n ![](\"/images/Admin/microsoft.svg\")
\n \n \n ![\"end\"](\"/images/Admin/admin_ProductFinish.svg\")
\n // \n \n ![](\"/images/Admin/wtsApp.svg\")
\n \n \n \n ![](\"/googleAuth.svg\")
\n {\" \"}\n Microsoft 365\n ![](\"/images/Admin/smtp.svg\")
{\" \"}\n Other\n ![\"edit\"](\"/images/Admin/SettingIcon.svg\")
\n Reauthenticate Email\n \n )}\n {data?.configEmail?.provider === \"smtp\" && (\n \n )}\n ![\"meta\"](\"/images/Admin/metaLogo.svg\")
\n \n \n ![](\"/images/openings/drag.svg\")
{\" \"}\n \n ![](\"/images/stIcon.svg\")
{lebel}\n \n {lebel}\n \n >(\n previousData: P,\n data: D,\n): TreeChanges >(\n previousData: P,\n data: D,\n): TreeChanges
\n * Prefer `scheduleUpdate` over `update` because of performance reasons.\n * @method\n * @memberof Popper\n */\nexport default function update() {\n // if popper is destroyed, don't perform any further update\n if (this.state.isDestroyed) {\n return;\n }\n\n let data = {\n instance: this,\n styles: {},\n arrowStyles: {},\n attributes: {},\n flipped: false,\n offsets: {},\n };\n\n // compute reference element offsets\n data.offsets.reference = getReferenceOffsets(\n this.state,\n this.popper,\n this.reference,\n this.options.positionFixed\n );\n\n // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n data.placement = computeAutoPlacement(\n this.options.placement,\n data.offsets.reference,\n this.popper,\n this.reference,\n this.options.modifiers.flip.boundariesElement,\n this.options.modifiers.flip.padding\n );\n\n // store the computed placement inside `originalPlacement`\n data.originalPlacement = data.placement;\n\n data.positionFixed = this.options.positionFixed;\n\n // compute the popper offsets\n data.offsets.popper = getPopperOffsets(\n this.popper,\n data.offsets.reference,\n data.placement\n );\n\n data.offsets.popper.position = this.options.positionFixed\n ? 'fixed'\n : 'absolute';\n\n // run the modifiers\n data = runModifiers(this.modifiers, data);\n\n // the first `update` will call `onCreate` callback\n // the other ones will call `onUpdate` callback\n if (!this.state.isCreated) {\n this.state.isCreated = true;\n this.options.onCreate(data);\n } else {\n this.options.onUpdate(data);\n }\n}\n","/**\n * Helper used to know if the given modifier is enabled.\n * @method\n * @memberof Popper.Utils\n * @returns {Boolean}\n */\nexport default function isModifierEnabled(modifiers, modifierName) {\n return modifiers.some(\n ({ name, enabled }) => enabled && name === modifierName\n );\n}\n","/**\n * Get the prefixed supported property name\n * @method\n * @memberof Popper.Utils\n * @argument {String} property (camelCase)\n * @returns {String} prefixed property (camelCase or PascalCase, depending on the vendor prefix)\n */\nexport default function getSupportedPropertyName(property) {\n const prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];\n const upperProp = property.charAt(0).toUpperCase() + property.slice(1);\n\n for (let i = 0; i < prefixes.length; i++) {\n const prefix = prefixes[i];\n const toCheck = prefix ? `${prefix}${upperProp}` : property;\n if (typeof document.body.style[toCheck] !== 'undefined') {\n return toCheck;\n }\n }\n return null;\n}\n","import isModifierEnabled from '../utils/isModifierEnabled';\nimport getSupportedPropertyName from '../utils/getSupportedPropertyName';\n\n/**\n * Destroys the popper.\n * @method\n * @memberof Popper\n */\nexport default function destroy() {\n this.state.isDestroyed = true;\n\n // touch DOM only if `applyStyle` modifier is enabled\n if (isModifierEnabled(this.modifiers, 'applyStyle')) {\n this.popper.removeAttribute('x-placement');\n this.popper.style.position = '';\n this.popper.style.top = '';\n this.popper.style.left = '';\n this.popper.style.right = '';\n this.popper.style.bottom = '';\n this.popper.style.willChange = '';\n this.popper.style[getSupportedPropertyName('transform')] = '';\n }\n\n this.disableEventListeners();\n\n // remove the popper if user explicitly asked for the deletion on destroy\n // do not use `remove` because IE11 doesn't support it\n if (this.options.removeOnDestroy) {\n this.popper.parentNode.removeChild(this.popper);\n }\n return this;\n}\n","/**\n * Get the window associated with the element\n * @argument {Element} element\n * @returns {Window}\n */\nexport default function getWindow(element) {\n const ownerDocument = element.ownerDocument;\n return ownerDocument ? ownerDocument.defaultView : window;\n}\n","import getScrollParent from './getScrollParent';\nimport getWindow from './getWindow';\n\nfunction attachToScrollParents(scrollParent, event, callback, scrollParents) {\n const isBody = scrollParent.nodeName === 'BODY';\n const target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;\n target.addEventListener(event, callback, { passive: true });\n\n if (!isBody) {\n attachToScrollParents(\n getScrollParent(target.parentNode),\n event,\n callback,\n scrollParents\n );\n }\n scrollParents.push(target);\n}\n\n/**\n * Setup needed event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\nexport default function setupEventListeners(\n reference,\n options,\n state,\n updateBound\n) {\n // Resize event listener on window\n state.updateBound = updateBound;\n getWindow(reference).addEventListener('resize', state.updateBound, { passive: true });\n\n // Scroll event listener on scroll parents\n const scrollElement = getScrollParent(reference);\n attachToScrollParents(\n scrollElement,\n 'scroll',\n state.updateBound,\n state.scrollParents\n );\n state.scrollElement = scrollElement;\n state.eventsEnabled = true;\n\n return state;\n}\n","import setupEventListeners from '../utils/setupEventListeners';\n\n/**\n * It will add resize/scroll events and start recalculating\n * position of the popper element when they are triggered.\n * @method\n * @memberof Popper\n */\nexport default function enableEventListeners() {\n if (!this.state.eventsEnabled) {\n this.state = setupEventListeners(\n this.reference,\n this.options,\n this.state,\n this.scheduleUpdate\n );\n }\n}\n","import removeEventListeners from '../utils/removeEventListeners';\n\n/**\n * It will remove resize/scroll events and won't recalculate popper position\n * when they are triggered. It also won't trigger `onUpdate` callback anymore,\n * unless you call `update` method manually.\n * @method\n * @memberof Popper\n */\nexport default function disableEventListeners() {\n if (this.state.eventsEnabled) {\n cancelAnimationFrame(this.scheduleUpdate);\n this.state = removeEventListeners(this.reference, this.state);\n }\n}\n","import getWindow from './getWindow';\n\n/**\n * Remove event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\nexport default function removeEventListeners(reference, state) {\n // Remove resize event listener on window\n getWindow(reference).removeEventListener('resize', state.updateBound);\n\n // Remove scroll event listener on scroll parents\n state.scrollParents.forEach(target => {\n target.removeEventListener('scroll', state.updateBound);\n });\n\n // Reset state\n state.updateBound = null;\n state.scrollParents = [];\n state.scrollElement = null;\n state.eventsEnabled = false;\n return state;\n}\n","/**\n * Tells if a given input is a number\n * @method\n * @memberof Popper.Utils\n * @param {*} input to check\n * @return {Boolean}\n */\nexport default function isNumeric(n) {\n return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);\n}\n","import isNumeric from './isNumeric';\n\n/**\n * Set the style to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the style to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\nexport default function setStyles(element, styles) {\n Object.keys(styles).forEach(prop => {\n let unit = '';\n // add unit if the value is numeric and is one of the following\n if (\n ['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !==\n -1 &&\n isNumeric(styles[prop])\n ) {\n unit = 'px';\n }\n element.style[prop] = styles[prop] + unit;\n });\n}\n","import getSupportedPropertyName from '../utils/getSupportedPropertyName';\nimport find from '../utils/find';\nimport getOffsetParent from '../utils/getOffsetParent';\nimport getBoundingClientRect from '../utils/getBoundingClientRect';\nimport getRoundedOffsets from '../utils/getRoundedOffsets';\nimport isBrowser from '../utils/isBrowser';\n\nconst isFirefox = isBrowser && /Firefox/i.test(navigator.userAgent);\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function computeStyle(data, options) {\n const { x, y } = options;\n const { popper } = data.offsets;\n\n // Remove this legacy support in Popper.js v2\n const legacyGpuAccelerationOption = find(\n data.instance.modifiers,\n modifier => modifier.name === 'applyStyle'\n ).gpuAcceleration;\n if (legacyGpuAccelerationOption !== undefined) {\n console.warn(\n 'WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!'\n );\n }\n const gpuAcceleration =\n legacyGpuAccelerationOption !== undefined\n ? legacyGpuAccelerationOption\n : options.gpuAcceleration;\n\n const offsetParent = getOffsetParent(data.instance.popper);\n const offsetParentRect = getBoundingClientRect(offsetParent);\n\n // Styles\n const styles = {\n position: popper.position,\n };\n\n const offsets = getRoundedOffsets(\n data,\n window.devicePixelRatio < 2 || !isFirefox\n );\n\n const sideA = x === 'bottom' ? 'top' : 'bottom';\n const sideB = y === 'right' ? 'left' : 'right';\n\n // if gpuAcceleration is set to `true` and transform is supported,\n // we use `translate3d` to apply the position to the popper we\n // automatically use the supported prefixed version if needed\n const prefixedProperty = getSupportedPropertyName('transform');\n\n // now, let's make a step back and look at this code closely (wtf?)\n // If the content of the popper grows once it's been positioned, it\n // may happen that the popper gets misplaced because of the new content\n // overflowing its reference element\n // To avoid this problem, we provide two options (x and y), which allow\n // the consumer to define the offset origin.\n // If we position a popper on top of a reference element, we can set\n // `x` to `top` to make the popper grow towards its top instead of\n // its bottom.\n let left, top;\n if (sideA === 'bottom') {\n // when offsetParent is the positioning is relative to the bottom of the screen (excluding the scrollbar)\n // and not the bottom of the html element\n if (offsetParent.nodeName === 'HTML') {\n top = -offsetParent.clientHeight + offsets.bottom;\n } else {\n top = -offsetParentRect.height + offsets.bottom;\n }\n } else {\n top = offsets.top;\n }\n if (sideB === 'right') {\n if (offsetParent.nodeName === 'HTML') {\n left = -offsetParent.clientWidth + offsets.right;\n } else {\n left = -offsetParentRect.width + offsets.right;\n }\n } else {\n left = offsets.left;\n }\n if (gpuAcceleration && prefixedProperty) {\n styles[prefixedProperty] = `translate3d(${left}px, ${top}px, 0)`;\n styles[sideA] = 0;\n styles[sideB] = 0;\n styles.willChange = 'transform';\n } else {\n // othwerise, we use the standard `top`, `left`, `bottom` and `right` properties\n const invertTop = sideA === 'bottom' ? -1 : 1;\n const invertLeft = sideB === 'right' ? -1 : 1;\n styles[sideA] = top * invertTop;\n styles[sideB] = left * invertLeft;\n styles.willChange = `${sideA}, ${sideB}`;\n }\n\n // Attributes\n const attributes = {\n 'x-placement': data.placement,\n };\n\n // Update `data` attributes, styles and arrowStyles\n data.attributes = { ...attributes, ...data.attributes };\n data.styles = { ...styles, ...data.styles };\n data.arrowStyles = { ...data.offsets.arrow, ...data.arrowStyles };\n\n return data;\n}\n","import find from './find';\n\n/**\n * Helper used to know if the given modifier depends from another one.
\n * It checks if the needed modifier is listed and enabled.\n * @method\n * @memberof Popper.Utils\n * @param {Array} modifiers - list of modifiers\n * @param {String} requestingName - name of requesting modifier\n * @param {String} requestedName - name of requested modifier\n * @returns {Boolean}\n */\nexport default function isModifierRequired(\n modifiers,\n requestingName,\n requestedName\n) {\n const requesting = find(modifiers, ({ name }) => name === requestingName);\n\n const isRequired =\n !!requesting &&\n modifiers.some(modifier => {\n return (\n modifier.name === requestedName &&\n modifier.enabled &&\n modifier.order < requesting.order\n );\n });\n\n if (!isRequired) {\n const requesting = `\\`${requestingName}\\``;\n const requested = `\\`${requestedName}\\``;\n console.warn(\n `${requested} modifier is required by ${requesting} modifier in order to work, be sure to include it before ${requesting}!`\n );\n }\n return isRequired;\n}\n","/**\n * List of accepted placements to use as values of the `placement` option.
\n * Valid placements are:\n * - `auto`\n * - `top`\n * - `right`\n * - `bottom`\n * - `left`\n *\n * Each placement can have a variation from this list:\n * - `-start`\n * - `-end`\n *\n * Variations are interpreted easily if you think of them as the left to right\n * written languages. Horizontally (`top` and `bottom`), `start` is left and `end`\n * is right.
\n * Vertically (`left` and `right`), `start` is top and `end` is bottom.\n *\n * Some valid examples are:\n * - `top-end` (on top of reference, right aligned)\n * - `right-start` (on right of reference, top aligned)\n * - `bottom` (on bottom, centered)\n * - `auto-end` (on the side with more space available, alignment depends by placement)\n *\n * @static\n * @type {Array}\n * @enum {String}\n * @readonly\n * @method placements\n * @memberof Popper\n */\nexport default [\n 'auto-start',\n 'auto',\n 'auto-end',\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n];\n","import placements from '../methods/placements';\n\n// Get rid of `auto` `auto-start` and `auto-end`\nconst validPlacements = placements.slice(3);\n\n/**\n * Given an initial placement, returns all the subsequent placements\n * clockwise (or counter-clockwise).\n *\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement - A valid placement (it accepts variations)\n * @argument {Boolean} counter - Set to true to walk the placements counterclockwise\n * @returns {Array} placements including their variations\n */\nexport default function clockwise(placement, counter = false) {\n const index = validPlacements.indexOf(placement);\n const arr = validPlacements\n .slice(index + 1)\n .concat(validPlacements.slice(0, index));\n return counter ? arr.reverse() : arr;\n}\n","import getOppositePlacement from '../utils/getOppositePlacement';\nimport getOppositeVariation from '../utils/getOppositeVariation';\nimport getPopperOffsets from '../utils/getPopperOffsets';\nimport runModifiers from '../utils/runModifiers';\nimport getBoundaries from '../utils/getBoundaries';\nimport isModifierEnabled from '../utils/isModifierEnabled';\nimport clockwise from '../utils/clockwise';\n\nconst BEHAVIORS = {\n FLIP: 'flip',\n CLOCKWISE: 'clockwise',\n COUNTERCLOCKWISE: 'counterclockwise',\n};\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function flip(data, options) {\n // if `inner` modifier is enabled, we can't use the `flip` modifier\n if (isModifierEnabled(data.instance.modifiers, 'inner')) {\n return data;\n }\n\n if (data.flipped && data.placement === data.originalPlacement) {\n // seems like flip is trying to loop, probably there's not enough space on any of the flippable sides\n return data;\n }\n\n const boundaries = getBoundaries(\n data.instance.popper,\n data.instance.reference,\n options.padding,\n options.boundariesElement,\n data.positionFixed\n );\n\n let placement = data.placement.split('-')[0];\n let placementOpposite = getOppositePlacement(placement);\n let variation = data.placement.split('-')[1] || '';\n\n let flipOrder = [];\n\n switch (options.behavior) {\n case BEHAVIORS.FLIP:\n flipOrder = [placement, placementOpposite];\n break;\n case BEHAVIORS.CLOCKWISE:\n flipOrder = clockwise(placement);\n break;\n case BEHAVIORS.COUNTERCLOCKWISE:\n flipOrder = clockwise(placement, true);\n break;\n default:\n flipOrder = options.behavior;\n }\n\n flipOrder.forEach((step, index) => {\n if (placement !== step || flipOrder.length === index + 1) {\n return data;\n }\n\n placement = data.placement.split('-')[0];\n placementOpposite = getOppositePlacement(placement);\n\n const popperOffsets = data.offsets.popper;\n const refOffsets = data.offsets.reference;\n\n // using floor because the reference offsets may contain decimals we are not going to consider here\n const floor = Math.floor;\n const overlapsRef =\n (placement === 'left' &&\n floor(popperOffsets.right) > floor(refOffsets.left)) ||\n (placement === 'right' &&\n floor(popperOffsets.left) < floor(refOffsets.right)) ||\n (placement === 'top' &&\n floor(popperOffsets.bottom) > floor(refOffsets.top)) ||\n (placement === 'bottom' &&\n floor(popperOffsets.top) < floor(refOffsets.bottom));\n\n const overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);\n const overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);\n const overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);\n const overflowsBottom =\n floor(popperOffsets.bottom) > floor(boundaries.bottom);\n\n const overflowsBoundaries =\n (placement === 'left' && overflowsLeft) ||\n (placement === 'right' && overflowsRight) ||\n (placement === 'top' && overflowsTop) ||\n (placement === 'bottom' && overflowsBottom);\n\n // flip the variation if required\n const isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n\n // flips variation if reference element overflows boundaries\n const flippedVariationByRef =\n !!options.flipVariations &&\n ((isVertical && variation === 'start' && overflowsLeft) ||\n (isVertical && variation === 'end' && overflowsRight) ||\n (!isVertical && variation === 'start' && overflowsTop) ||\n (!isVertical && variation === 'end' && overflowsBottom));\n\n // flips variation if popper content overflows boundaries\n const flippedVariationByContent =\n !!options.flipVariationsByContent &&\n ((isVertical && variation === 'start' && overflowsRight) ||\n (isVertical && variation === 'end' && overflowsLeft) ||\n (!isVertical && variation === 'start' && overflowsBottom) ||\n (!isVertical && variation === 'end' && overflowsTop));\n\n const flippedVariation = flippedVariationByRef || flippedVariationByContent;\n\n if (overlapsRef || overflowsBoundaries || flippedVariation) {\n // this boolean to detect any flip loop\n data.flipped = true;\n\n if (overlapsRef || overflowsBoundaries) {\n placement = flipOrder[index + 1];\n }\n\n if (flippedVariation) {\n variation = getOppositeVariation(variation);\n }\n\n data.placement = placement + (variation ? '-' + variation : '');\n\n // this object contains `position`, we want to preserve it along with\n // any additional property we may add in the future\n data.offsets.popper = {\n ...data.offsets.popper,\n ...getPopperOffsets(\n data.instance.popper,\n data.offsets.reference,\n data.placement\n ),\n };\n\n data = runModifiers(data.instance.modifiers, data, 'flip');\n }\n });\n return data;\n}\n","import isNumeric from '../utils/isNumeric';\nimport getClientRect from '../utils/getClientRect';\nimport find from '../utils/find';\n\n/**\n * Converts a string containing value + unit into a px value number\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} str - Value + unit string\n * @argument {String} measurement - `height` or `width`\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @returns {Number|String}\n * Value in pixels, or original string if no values were extracted\n */\nexport function toValue(str, measurement, popperOffsets, referenceOffsets) {\n // separate value from unit\n const split = str.match(/((?:\\-|\\+)?\\d*\\.?\\d*)(.*)/);\n const value = +split[1];\n const unit = split[2];\n\n // If it's not a number it's an operator, I guess\n if (!value) {\n return str;\n }\n\n if (unit.indexOf('%') === 0) {\n let element;\n switch (unit) {\n case '%p':\n element = popperOffsets;\n break;\n case '%':\n case '%r':\n default:\n element = referenceOffsets;\n }\n\n const rect = getClientRect(element);\n return rect[measurement] / 100 * value;\n } else if (unit === 'vh' || unit === 'vw') {\n // if is a vh or vw, we calculate the size based on the viewport\n let size;\n if (unit === 'vh') {\n size = Math.max(\n document.documentElement.clientHeight,\n window.innerHeight || 0\n );\n } else {\n size = Math.max(\n document.documentElement.clientWidth,\n window.innerWidth || 0\n );\n }\n return size / 100 * value;\n } else {\n // if is an explicit pixel unit, we get rid of the unit and keep the value\n // if is an implicit unit, it's px, and we return just the value\n return value;\n }\n}\n\n/**\n * Parse an `offset` string to extrapolate `x` and `y` numeric offsets.\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} offset\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @argument {String} basePlacement\n * @returns {Array} a two cells array with x and y offsets in numbers\n */\nexport function parseOffset(\n offset,\n popperOffsets,\n referenceOffsets,\n basePlacement\n) {\n const offsets = [0, 0];\n\n // Use height if placement is left or right and index is 0 otherwise use width\n // in this way the first offset will use an axis and the second one\n // will use the other one\n const useHeight = ['right', 'left'].indexOf(basePlacement) !== -1;\n\n // Split the offset string to obtain a list of values and operands\n // The regex addresses values with the plus or minus sign in front (+10, -20, etc)\n const fragments = offset.split(/(\\+|\\-)/).map(frag => frag.trim());\n\n // Detect if the offset string contains a pair of values or a single one\n // they could be separated by comma or space\n const divider = fragments.indexOf(\n find(fragments, frag => frag.search(/,|\\s/) !== -1)\n );\n\n if (fragments[divider] && fragments[divider].indexOf(',') === -1) {\n console.warn(\n 'Offsets separated by white space(s) are deprecated, use a comma (,) instead.'\n );\n }\n\n // If divider is found, we divide the list of values and operands to divide\n // them by ofset X and Y.\n const splitRegex = /\\s*,\\s*|\\s+/;\n let ops = divider !== -1\n ? [\n fragments\n .slice(0, divider)\n .concat([fragments[divider].split(splitRegex)[0]]),\n [fragments[divider].split(splitRegex)[1]].concat(\n fragments.slice(divider + 1)\n ),\n ]\n : [fragments];\n\n // Convert the values with units to absolute pixels to allow our computations\n ops = ops.map((op, index) => {\n // Most of the units rely on the orientation of the popper\n const measurement = (index === 1 ? !useHeight : useHeight)\n ? 'height'\n : 'width';\n let mergeWithPrevious = false;\n return (\n op\n // This aggregates any `+` or `-` sign that aren't considered operators\n // e.g.: 10 + +5 => [10, +, +5]\n .reduce((a, b) => {\n if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {\n a[a.length - 1] = b;\n mergeWithPrevious = true;\n return a;\n } else if (mergeWithPrevious) {\n a[a.length - 1] += b;\n mergeWithPrevious = false;\n return a;\n } else {\n return a.concat(b);\n }\n }, [])\n // Here we convert the string values into number values (in px)\n .map(str => toValue(str, measurement, popperOffsets, referenceOffsets))\n );\n });\n\n // Loop trough the offsets arrays and execute the operations\n ops.forEach((op, index) => {\n op.forEach((frag, index2) => {\n if (isNumeric(frag)) {\n offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);\n }\n });\n });\n return offsets;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @argument {Number|String} options.offset=0\n * The offset value as described in the modifier description\n * @returns {Object} The data object, properly modified\n */\nexport default function offset(data, { offset }) {\n const { placement, offsets: { popper, reference } } = data;\n const basePlacement = placement.split('-')[0];\n\n let offsets;\n if (isNumeric(+offset)) {\n offsets = [+offset, 0];\n } else {\n offsets = parseOffset(offset, popper, reference, basePlacement);\n }\n\n if (basePlacement === 'left') {\n popper.top += offsets[0];\n popper.left -= offsets[1];\n } else if (basePlacement === 'right') {\n popper.top += offsets[0];\n popper.left += offsets[1];\n } else if (basePlacement === 'top') {\n popper.left += offsets[0];\n popper.top -= offsets[1];\n } else if (basePlacement === 'bottom') {\n popper.left += offsets[0];\n popper.top += offsets[1];\n }\n\n data.popper = popper;\n return data;\n}\n","import applyStyle, { applyStyleOnLoad } from './applyStyle';\nimport computeStyle from './computeStyle';\nimport arrow from './arrow';\nimport flip from './flip';\nimport keepTogether from './keepTogether';\nimport offset from './offset';\nimport preventOverflow from './preventOverflow';\nimport shift from './shift';\nimport hide from './hide';\nimport inner from './inner';\n\n/**\n * Modifier function, each modifier can have a function of this type assigned\n * to its `fn` property.
\n * These functions will be called on each update, this means that you must\n * make sure they are performant enough to avoid performance bottlenecks.\n *\n * @function ModifierFn\n * @argument {dataObject} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {dataObject} The data object, properly modified\n */\n\n/**\n * Modifiers are plugins used to alter the behavior of your poppers.
\n * Popper.js uses a set of 9 modifiers to provide all the basic functionalities\n * needed by the library.\n *\n * Usually you don't want to override the `order`, `fn` and `onLoad` props.\n * All the other properties are configurations that could be tweaked.\n * @namespace modifiers\n */\nexport default {\n /**\n * Modifier used to shift the popper on the start or end of its reference\n * element.
\n * It will read the variation of the `placement` property.
\n * It can be one either `-end` or `-start`.\n * @memberof modifiers\n * @inner\n */\n shift: {\n /** @prop {number} order=100 - Index used to define the order of execution */\n order: 100,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: shift,\n },\n\n /**\n * The `offset` modifier can shift your popper on both its axis.\n *\n * It accepts the following units:\n * - `px` or unit-less, interpreted as pixels\n * - `%` or `%r`, percentage relative to the length of the reference element\n * - `%p`, percentage relative to the length of the popper element\n * - `vw`, CSS viewport width unit\n * - `vh`, CSS viewport height unit\n *\n * For length is intended the main axis relative to the placement of the popper.
\n * This means that if the placement is `top` or `bottom`, the length will be the\n * `width`. In case of `left` or `right`, it will be the `height`.\n *\n * You can provide a single value (as `Number` or `String`), or a pair of values\n * as `String` divided by a comma or one (or more) white spaces.
\n * The latter is a deprecated method because it leads to confusion and will be\n * removed in v2.
\n * Additionally, it accepts additions and subtractions between different units.\n * Note that multiplications and divisions aren't supported.\n *\n * Valid examples are:\n * ```\n * 10\n * '10%'\n * '10, 10'\n * '10%, 10'\n * '10 + 10%'\n * '10 - 5vh + 3%'\n * '-10px + 5vh, 5px - 6%'\n * ```\n * > **NB**: If you desire to apply offsets to your poppers in a way that may make them overlap\n * > with their reference element, unfortunately, you will have to disable the `flip` modifier.\n * > You can read more on this at this [issue](https://github.com/FezVrasta/popper.js/issues/373).\n *\n * @memberof modifiers\n * @inner\n */\n offset: {\n /** @prop {number} order=200 - Index used to define the order of execution */\n order: 200,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: offset,\n /** @prop {Number|String} offset=0\n * The offset value as described in the modifier description\n */\n offset: 0,\n },\n\n /**\n * Modifier used to prevent the popper from being positioned outside the boundary.\n *\n * A scenario exists where the reference itself is not within the boundaries.
\n * We can say it has \"escaped the boundaries\" — or just \"escaped\".
\n * In this case we need to decide whether the popper should either:\n *\n * - detach from the reference and remain \"trapped\" in the boundaries, or\n * - if it should ignore the boundary and \"escape with its reference\"\n *\n * When `escapeWithReference` is set to`true` and reference is completely\n * outside its boundaries, the popper will overflow (or completely leave)\n * the boundaries in order to remain attached to the edge of the reference.\n *\n * @memberof modifiers\n * @inner\n */\n preventOverflow: {\n /** @prop {number} order=300 - Index used to define the order of execution */\n order: 300,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: preventOverflow,\n /**\n * @prop {Array} [priority=['left','right','top','bottom']]\n * Popper will try to prevent overflow following these priorities by default,\n * then, it could overflow on the left and on top of the `boundariesElement`\n */\n priority: ['left', 'right', 'top', 'bottom'],\n /**\n * @prop {number} padding=5\n * Amount of pixel used to define a minimum distance between the boundaries\n * and the popper. This makes sure the popper always has a little padding\n * between the edges of its container\n */\n padding: 5,\n /**\n * @prop {String|HTMLElement} boundariesElement='scrollParent'\n * Boundaries used by the modifier. Can be `scrollParent`, `window`,\n * `viewport` or any DOM element.\n */\n boundariesElement: 'scrollParent',\n },\n\n /**\n * Modifier used to make sure the reference and its popper stay near each other\n * without leaving any gap between the two. Especially useful when the arrow is\n * enabled and you want to ensure that it points to its reference element.\n * It cares only about the first axis. You can still have poppers with margin\n * between the popper and its reference element.\n * @memberof modifiers\n * @inner\n */\n keepTogether: {\n /** @prop {number} order=400 - Index used to define the order of execution */\n order: 400,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: keepTogether,\n },\n\n /**\n * This modifier is used to move the `arrowElement` of the popper to make\n * sure it is positioned between the reference element and its popper element.\n * It will read the outer size of the `arrowElement` node to detect how many\n * pixels of conjunction are needed.\n *\n * It has no effect if no `arrowElement` is provided.\n * @memberof modifiers\n * @inner\n */\n arrow: {\n /** @prop {number} order=500 - Index used to define the order of execution */\n order: 500,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: arrow,\n /** @prop {String|HTMLElement} element='[x-arrow]' - Selector or node used as arrow */\n element: '[x-arrow]',\n },\n\n /**\n * Modifier used to flip the popper's placement when it starts to overlap its\n * reference element.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n *\n * **NOTE:** this modifier will interrupt the current update cycle and will\n * restart it if it detects the need to flip the placement.\n * @memberof modifiers\n * @inner\n */\n flip: {\n /** @prop {number} order=600 - Index used to define the order of execution */\n order: 600,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: flip,\n /**\n * @prop {String|Array} behavior='flip'\n * The behavior used to change the popper's placement. It can be one of\n * `flip`, `clockwise`, `counterclockwise` or an array with a list of valid\n * placements (with optional variations)\n */\n behavior: 'flip',\n /**\n * @prop {number} padding=5\n * The popper will flip if it hits the edges of the `boundariesElement`\n */\n padding: 5,\n /**\n * @prop {String|HTMLElement} boundariesElement='viewport'\n * The element which will define the boundaries of the popper position.\n * The popper will never be placed outside of the defined boundaries\n * (except if `keepTogether` is enabled)\n */\n boundariesElement: 'viewport',\n /**\n * @prop {Boolean} flipVariations=false\n * The popper will switch placement variation between `-start` and `-end` when\n * the reference element overlaps its boundaries.\n *\n * The original placement should have a set variation.\n */\n flipVariations: false,\n /**\n * @prop {Boolean} flipVariationsByContent=false\n * The popper will switch placement variation between `-start` and `-end` when\n * the popper element overlaps its reference boundaries.\n *\n * The original placement should have a set variation.\n */\n flipVariationsByContent: false,\n },\n\n /**\n * Modifier used to make the popper flow toward the inner of the reference element.\n * By default, when this modifier is disabled, the popper will be placed outside\n * the reference element.\n * @memberof modifiers\n * @inner\n */\n inner: {\n /** @prop {number} order=700 - Index used to define the order of execution */\n order: 700,\n /** @prop {Boolean} enabled=false - Whether the modifier is enabled or not */\n enabled: false,\n /** @prop {ModifierFn} */\n fn: inner,\n },\n\n /**\n * Modifier used to hide the popper when its reference element is outside of the\n * popper boundaries. It will set a `x-out-of-boundaries` attribute which can\n * be used to hide with a CSS selector the popper when its reference is\n * out of boundaries.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n * @memberof modifiers\n * @inner\n */\n hide: {\n /** @prop {number} order=800 - Index used to define the order of execution */\n order: 800,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: hide,\n },\n\n /**\n * Computes the style that will be applied to the popper element to gets\n * properly positioned.\n *\n * Note that this modifier will not touch the DOM, it just prepares the styles\n * so that `applyStyle` modifier can apply it. This separation is useful\n * in case you need to replace `applyStyle` with a custom implementation.\n *\n * This modifier has `850` as `order` value to maintain backward compatibility\n * with previous versions of Popper.js. Expect the modifiers ordering method\n * to change in future major versions of the library.\n *\n * @memberof modifiers\n * @inner\n */\n computeStyle: {\n /** @prop {number} order=850 - Index used to define the order of execution */\n order: 850,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: computeStyle,\n /**\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3D transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties\n */\n gpuAcceleration: true,\n /**\n * @prop {string} [x='bottom']\n * Where to anchor the X axis (`bottom` or `top`). AKA X offset origin.\n * Change this if your popper should grow in a direction different from `bottom`\n */\n x: 'bottom',\n /**\n * @prop {string} [x='left']\n * Where to anchor the Y axis (`left` or `right`). AKA Y offset origin.\n * Change this if your popper should grow in a direction different from `right`\n */\n y: 'right',\n },\n\n /**\n * Applies the computed styles to the popper element.\n *\n * All the DOM manipulations are limited to this modifier. This is useful in case\n * you want to integrate Popper.js inside a framework or view library and you\n * want to delegate all the DOM manipulations to it.\n *\n * Note that if you disable this modifier, you must make sure the popper element\n * has its position set to `absolute` before Popper.js can do its work!\n *\n * Just disable this modifier and define your own to achieve the desired effect.\n *\n * @memberof modifiers\n * @inner\n */\n applyStyle: {\n /** @prop {number} order=900 - Index used to define the order of execution */\n order: 900,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: applyStyle,\n /** @prop {Function} */\n onLoad: applyStyleOnLoad,\n /**\n * @deprecated since version 1.10.0, the property moved to `computeStyle` modifier\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3D transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties\n */\n gpuAcceleration: undefined,\n },\n};\n\n/**\n * The `dataObject` is an object containing all the information used by Popper.js.\n * This object is passed to modifiers and to the `onCreate` and `onUpdate` callbacks.\n * @name dataObject\n * @property {Object} data.instance The Popper.js instance\n * @property {String} data.placement Placement applied to popper\n * @property {String} data.originalPlacement Placement originally defined on init\n * @property {Boolean} data.flipped True if popper has been flipped by flip modifier\n * @property {Boolean} data.hide True if the reference element is out of boundaries, useful to know when to hide the popper\n * @property {HTMLElement} data.arrowElement Node used as arrow by arrow modifier\n * @property {Object} data.styles Any CSS property defined here will be applied to the popper. It expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.arrowStyles Any CSS property defined here will be applied to the popper arrow. It expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.boundaries Offsets of the popper boundaries\n * @property {Object} data.offsets The measurements of popper, reference and arrow elements\n * @property {Object} data.offsets.popper `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.reference `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.arrow] `top` and `left` offsets, only one of them will be different from 0\n */\n","/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function shift(data) {\n const placement = data.placement;\n const basePlacement = placement.split('-')[0];\n const shiftvariation = placement.split('-')[1];\n\n // if shift shiftvariation is specified, run the modifier\n if (shiftvariation) {\n const { reference, popper } = data.offsets;\n const isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;\n const side = isVertical ? 'left' : 'top';\n const measurement = isVertical ? 'width' : 'height';\n\n const shiftOffsets = {\n start: { [side]: reference[side] },\n end: {\n [side]: reference[side] + reference[measurement] - popper[measurement],\n },\n };\n\n data.offsets.popper = { ...popper, ...shiftOffsets[shiftvariation] };\n }\n\n return data;\n}\n","import getOffsetParent from '../utils/getOffsetParent';\nimport getBoundaries from '../utils/getBoundaries';\nimport getSupportedPropertyName from '../utils/getSupportedPropertyName';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function preventOverflow(data, options) {\n let boundariesElement =\n options.boundariesElement || getOffsetParent(data.instance.popper);\n\n // If offsetParent is the reference element, we really want to\n // go one step up and use the next offsetParent as reference to\n // avoid to make this modifier completely useless and look like broken\n if (data.instance.reference === boundariesElement) {\n boundariesElement = getOffsetParent(boundariesElement);\n }\n\n // NOTE: DOM access here\n // resets the popper's position so that the document size can be calculated excluding\n // the size of the popper element itself\n const transformProp = getSupportedPropertyName('transform');\n const popperStyles = data.instance.popper.style; // assignment to help minification\n const { top, left, [transformProp]: transform } = popperStyles;\n popperStyles.top = '';\n popperStyles.left = '';\n popperStyles[transformProp] = '';\n\n const boundaries = getBoundaries(\n data.instance.popper,\n data.instance.reference,\n options.padding,\n boundariesElement,\n data.positionFixed\n );\n\n // NOTE: DOM access here\n // restores the original style properties after the offsets have been computed\n popperStyles.top = top;\n popperStyles.left = left;\n popperStyles[transformProp] = transform;\n\n options.boundaries = boundaries;\n\n const order = options.priority;\n let popper = data.offsets.popper;\n\n const check = {\n primary(placement) {\n let value = popper[placement];\n if (\n popper[placement] < boundaries[placement] &&\n !options.escapeWithReference\n ) {\n value = Math.max(popper[placement], boundaries[placement]);\n }\n return { [placement]: value };\n },\n secondary(placement) {\n const mainSide = placement === 'right' ? 'left' : 'top';\n let value = popper[mainSide];\n if (\n popper[placement] > boundaries[placement] &&\n !options.escapeWithReference\n ) {\n value = Math.min(\n popper[mainSide],\n boundaries[placement] -\n (placement === 'right' ? popper.width : popper.height)\n );\n }\n return { [mainSide]: value };\n },\n };\n\n order.forEach(placement => {\n const side =\n ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';\n popper = { ...popper, ...check[side](placement) };\n });\n\n data.offsets.popper = popper;\n\n return data;\n}\n","/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function keepTogether(data) {\n const { popper, reference } = data.offsets;\n const placement = data.placement.split('-')[0];\n const floor = Math.floor;\n const isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n const side = isVertical ? 'right' : 'bottom';\n const opSide = isVertical ? 'left' : 'top';\n const measurement = isVertical ? 'width' : 'height';\n\n if (popper[side] < floor(reference[opSide])) {\n data.offsets.popper[opSide] =\n floor(reference[opSide]) - popper[measurement];\n }\n if (popper[opSide] > floor(reference[side])) {\n data.offsets.popper[opSide] = floor(reference[side]);\n }\n\n return data;\n}\n","import getClientRect from '../utils/getClientRect';\nimport getOuterSizes from '../utils/getOuterSizes';\nimport isModifierRequired from '../utils/isModifierRequired';\nimport getStyleComputedProperty from '../utils/getStyleComputedProperty';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function arrow(data, options) {\n // arrow depends on keepTogether in order to work\n if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {\n return data;\n }\n\n let arrowElement = options.element;\n\n // if arrowElement is a string, suppose it's a CSS selector\n if (typeof arrowElement === 'string') {\n arrowElement = data.instance.popper.querySelector(arrowElement);\n\n // if arrowElement is not found, don't run the modifier\n if (!arrowElement) {\n return data;\n }\n } else {\n // if the arrowElement isn't a query selector we must check that the\n // provided DOM node is child of its popper node\n if (!data.instance.popper.contains(arrowElement)) {\n console.warn(\n 'WARNING: `arrow.element` must be child of its popper element!'\n );\n return data;\n }\n }\n\n const placement = data.placement.split('-')[0];\n const { popper, reference } = data.offsets;\n const isVertical = ['left', 'right'].indexOf(placement) !== -1;\n\n const len = isVertical ? 'height' : 'width';\n const sideCapitalized = isVertical ? 'Top' : 'Left';\n const side = sideCapitalized.toLowerCase();\n const altSide = isVertical ? 'left' : 'top';\n const opSide = isVertical ? 'bottom' : 'right';\n const arrowElementSize = getOuterSizes(arrowElement)[len];\n\n //\n // extends keepTogether behavior making sure the popper and its\n // reference have enough pixels in conjunction\n //\n\n // top/left side\n if (reference[opSide] - arrowElementSize < popper[side]) {\n data.offsets.popper[side] -=\n popper[side] - (reference[opSide] - arrowElementSize);\n }\n // bottom/right side\n if (reference[side] + arrowElementSize > popper[opSide]) {\n data.offsets.popper[side] +=\n reference[side] + arrowElementSize - popper[opSide];\n }\n data.offsets.popper = getClientRect(data.offsets.popper);\n\n // compute center of the popper\n const center = reference[side] + reference[len] / 2 - arrowElementSize / 2;\n\n // Compute the sideValue using the updated popper offsets\n // take popper margin in account because we don't have this info available\n const css = getStyleComputedProperty(data.instance.popper);\n const popperMarginSide = parseFloat(css[`margin${sideCapitalized}`]);\n const popperBorderSide = parseFloat(css[`border${sideCapitalized}Width`]);\n let sideValue =\n center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;\n\n // prevent arrowElement from being placed not contiguously to its popper\n sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);\n\n data.arrowElement = arrowElement;\n data.offsets.arrow = {\n [side]: Math.round(sideValue),\n [altSide]: '', // make sure to unset any eventual altSide value from the DOM node\n };\n\n return data;\n}\n","/**\n * Get the opposite placement variation of the given one\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement variation\n * @returns {String} flipped placement variation\n */\nexport default function getOppositeVariation(variation) {\n if (variation === 'end') {\n return 'start';\n } else if (variation === 'start') {\n return 'end';\n }\n return variation;\n}\n","import getClientRect from '../utils/getClientRect';\nimport getOppositePlacement from '../utils/getOppositePlacement';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function inner(data) {\n const placement = data.placement;\n const basePlacement = placement.split('-')[0];\n const { popper, reference } = data.offsets;\n const isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;\n\n const subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;\n\n popper[isHoriz ? 'left' : 'top'] =\n reference[basePlacement] -\n (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);\n\n data.placement = getOppositePlacement(placement);\n data.offsets.popper = getClientRect(popper);\n\n return data;\n}\n","import isModifierRequired from '../utils/isModifierRequired';\nimport find from '../utils/find';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function hide(data) {\n if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {\n return data;\n }\n\n const refRect = data.offsets.reference;\n const bound = find(\n data.instance.modifiers,\n modifier => modifier.name === 'preventOverflow'\n ).boundaries;\n\n if (\n refRect.bottom < bound.top ||\n refRect.left > bound.right ||\n refRect.top > bound.bottom ||\n refRect.right < bound.left\n ) {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === true) {\n return data;\n }\n\n data.hide = true;\n data.attributes['x-out-of-boundaries'] = '';\n } else {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === false) {\n return data;\n }\n\n data.hide = false;\n data.attributes['x-out-of-boundaries'] = false;\n }\n\n return data;\n}\n","/**\n * @function\n * @memberof Popper.Utils\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Boolean} shouldRound - If the offsets should be rounded at all\n * @returns {Object} The popper's position offsets rounded\n *\n * The tale of pixel-perfect positioning. It's still not 100% perfect, but as\n * good as it can be within reason.\n * Discussion here: https://github.com/FezVrasta/popper.js/pull/715\n *\n * Low DPI screens cause a popper to be blurry if not using full pixels (Safari\n * as well on High DPI screens).\n *\n * Firefox prefers no rounding for positioning and does not have blurriness on\n * high DPI screens.\n *\n * Only horizontal placement and left/right values need to be considered.\n */\nexport default function getRoundedOffsets(data, shouldRound) {\n const { popper, reference } = data.offsets;\n const { round, floor } = Math;\n const noRound = v => v;\n \n const referenceWidth = round(reference.width);\n const popperWidth = round(popper.width);\n \n const isVertical = ['left', 'right'].indexOf(data.placement) !== -1;\n const isVariation = data.placement.indexOf('-') !== -1;\n const sameWidthParity = referenceWidth % 2 === popperWidth % 2;\n const bothOddWidth = referenceWidth % 2 === 1 && popperWidth % 2 === 1;\n\n const horizontalToInteger = !shouldRound\n ? noRound\n : isVertical || isVariation || sameWidthParity\n ? round\n : floor;\n const verticalToInteger = !shouldRound ? noRound : round;\n\n return {\n left: horizontalToInteger(\n bothOddWidth && !isVariation && shouldRound\n ? popper.left - 1\n : popper.left\n ),\n top: verticalToInteger(popper.top),\n bottom: verticalToInteger(popper.bottom),\n right: horizontalToInteger(popper.right),\n };\n}\n","import setStyles from '../utils/setStyles';\nimport setAttributes from '../utils/setAttributes';\nimport getReferenceOffsets from '../utils/getReferenceOffsets';\nimport computeAutoPlacement from '../utils/computeAutoPlacement';\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} data.styles - List of style properties - values to apply to popper element\n * @argument {Object} data.attributes - List of attribute properties - values to apply to popper element\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The same data object\n */\nexport default function applyStyle(data) {\n // any property present in `data.styles` will be applied to the popper,\n // in this way we can make the 3rd party modifiers add custom styles to it\n // Be aware, modifiers could override the properties defined in the previous\n // lines of this modifier!\n setStyles(data.instance.popper, data.styles);\n\n // any property present in `data.attributes` will be applied to the popper,\n // they will be set as HTML attributes of the element\n setAttributes(data.instance.popper, data.attributes);\n\n // if arrowElement is defined and arrowStyles has some properties\n if (data.arrowElement && Object.keys(data.arrowStyles).length) {\n setStyles(data.arrowElement, data.arrowStyles);\n }\n\n return data;\n}\n\n/**\n * Set the x-placement attribute before everything else because it could be used\n * to add margins to the popper margins needs to be calculated to get the\n * correct popper offsets.\n * @method\n * @memberof Popper.modifiers\n * @param {HTMLElement} reference - The reference element used to position the popper\n * @param {HTMLElement} popper - The HTML element used as popper\n * @param {Object} options - Popper.js options\n */\nexport function applyStyleOnLoad(\n reference,\n popper,\n options,\n modifierOptions,\n state\n) {\n // compute reference element offsets\n const referenceOffsets = getReferenceOffsets(state, popper, reference, options.positionFixed);\n\n // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n const placement = computeAutoPlacement(\n options.placement,\n referenceOffsets,\n popper,\n reference,\n options.modifiers.flip.boundariesElement,\n options.modifiers.flip.padding\n );\n\n popper.setAttribute('x-placement', placement);\n\n // Apply `position` to popper before anything else because\n // without the position applied we can't guarantee correct computations\n setStyles(popper, { position: options.positionFixed ? 'fixed' : 'absolute' });\n\n return options;\n}\n","/**\n * Set the attributes to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the attributes to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\nexport default function setAttributes(element, attributes) {\n Object.keys(attributes).forEach(function(prop) {\n const value = attributes[prop];\n if (value !== false) {\n element.setAttribute(prop, attributes[prop]);\n } else {\n element.removeAttribute(prop);\n }\n });\n}\n","import modifiers from '../modifiers/index';\n\n/**\n * Default options provided to Popper.js constructor.
\n * These can be overridden using the `options` argument of Popper.js.
\n * To override an option, simply pass an object with the same\n * structure of the `options` object, as the 3rd argument. For example:\n * ```\n * new Popper(ref, pop, {\n * modifiers: {\n * preventOverflow: { enabled: false }\n * }\n * })\n * ```\n * @type {Object}\n * @static\n * @memberof Popper\n */\nexport default {\n /**\n * Popper's placement.\n * @prop {Popper.placements} placement='bottom'\n */\n placement: 'bottom',\n\n /**\n * Set this to true if you want popper to position it self in 'fixed' mode\n * @prop {Boolean} positionFixed=false\n */\n positionFixed: false,\n\n /**\n * Whether events (resize, scroll) are initially enabled.\n * @prop {Boolean} eventsEnabled=true\n */\n eventsEnabled: true,\n\n /**\n * Set to true if you want to automatically remove the popper when\n * you call the `destroy` method.\n * @prop {Boolean} removeOnDestroy=false\n */\n removeOnDestroy: false,\n\n /**\n * Callback called when the popper is created.
\n * By default, it is set to no-op.
\n * Access Popper.js instance with `data.instance`.\n * @prop {onCreate}\n */\n onCreate: () => {},\n\n /**\n * Callback called when the popper is updated. This callback is not called\n * on the initialization/creation of the popper, but only on subsequent\n * updates.
\n * By default, it is set to no-op.
\n * Access Popper.js instance with `data.instance`.\n * @prop {onUpdate}\n */\n onUpdate: () => {},\n\n /**\n * List of modifiers used to modify the offsets before they are applied to the popper.\n * They provide most of the functionalities of Popper.js.\n * @prop {modifiers}\n */\n modifiers,\n};\n\n/**\n * @callback onCreate\n * @param {dataObject} data\n */\n\n/**\n * @callback onUpdate\n * @param {dataObject} data\n */\n","// Utils\nimport debounce from './utils/debounce';\nimport isFunction from './utils/isFunction';\n\n// Methods\nimport update from './methods/update';\nimport destroy from './methods/destroy';\nimport enableEventListeners from './methods/enableEventListeners';\nimport disableEventListeners from './methods/disableEventListeners';\nimport Defaults from './methods/defaults';\nimport placements from './methods/placements';\n\nexport default class Popper {\n /**\n * Creates a new Popper.js instance.\n * @class Popper\n * @param {Element|referenceObject} reference - The reference element used to position the popper\n * @param {Element} popper - The HTML / XML element used as the popper\n * @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults)\n * @return {Object} instance - The generated Popper.js instance\n */\n constructor(reference, popper, options = {}) {\n // make update() debounced, so that it only runs at most once-per-tick\n this.update = debounce(this.update.bind(this));\n\n // with {} we create a new object with the options inside it\n this.options = { ...Popper.Defaults, ...options };\n\n // init state\n this.state = {\n isDestroyed: false,\n isCreated: false,\n scrollParents: [],\n };\n\n // get reference and popper elements (allow jQuery wrappers)\n this.reference = reference && reference.jquery ? reference[0] : reference;\n this.popper = popper && popper.jquery ? popper[0] : popper;\n\n // Deep merge modifiers options\n this.options.modifiers = {};\n Object.keys({\n ...Popper.Defaults.modifiers,\n ...options.modifiers,\n }).forEach(name => {\n this.options.modifiers[name] = {\n // If it's a built-in modifier, use it as base\n ...(Popper.Defaults.modifiers[name] || {}),\n // If there are custom options, override and merge with default ones\n ...(options.modifiers ? options.modifiers[name] : {}),\n };\n });\n\n // Refactoring modifiers' list (Object => Array)\n this.modifiers = Object.keys(this.options.modifiers)\n .map(name => ({\n name,\n ...this.options.modifiers[name],\n }))\n // sort the modifiers by order\n .sort((a, b) => a.order - b.order);\n\n // modifiers have the ability to execute arbitrary code when Popper.js get inited\n // such code is executed in the same order of its modifier\n // they could add new properties to their options configuration\n // BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!\n this.modifiers.forEach(modifierOptions => {\n if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {\n modifierOptions.onLoad(\n this.reference,\n this.popper,\n this.options,\n modifierOptions,\n this.state\n );\n }\n });\n\n // fire the first update to position the popper in the right place\n this.update();\n\n const eventsEnabled = this.options.eventsEnabled;\n if (eventsEnabled) {\n // setup event listeners, they will take care of update the position in specific situations\n this.enableEventListeners();\n }\n\n this.state.eventsEnabled = eventsEnabled;\n }\n\n // We can't use class properties because they don't get listed in the\n // class prototype and break stuff like Sinon stubs\n update() {\n return update.call(this);\n }\n destroy() {\n return destroy.call(this);\n }\n enableEventListeners() {\n return enableEventListeners.call(this);\n }\n disableEventListeners() {\n return disableEventListeners.call(this);\n }\n\n /**\n * Schedules an update. It will run on the next UI update available.\n * @method scheduleUpdate\n * @memberof Popper\n */\n scheduleUpdate = () => requestAnimationFrame(this.update);\n\n /**\n * Collection of utilities useful when writing custom modifiers.\n * Starting from version 1.7, this method is available only if you\n * include `popper-utils.js` before `popper.js`.\n *\n * **DEPRECATION**: This way to access PopperUtils is deprecated\n * and will be removed in v2! Use the PopperUtils module directly instead.\n * Due to the high instability of the methods contained in Utils, we can't\n * guarantee them to follow semver. Use them at your own risk!\n * @static\n * @private\n * @type {Object}\n * @deprecated since version 1.8\n * @member Utils\n * @memberof Popper\n */\n static Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;\n\n static placements = placements;\n\n static Defaults = Defaults;\n}\n\n/**\n * The `referenceObject` is an object that provides an interface compatible with Popper.js\n * and lets you use it as replacement of a real DOM node.
\n * You can use this method to position a popper relatively to a set of coordinates\n * in case you don't have a DOM node to use as reference.\n *\n * ```\n * new Popper(referenceObject, popperNode);\n * ```\n *\n * NB: This feature isn't supported in Internet Explorer 10.\n * @name referenceObject\n * @property {Function} data.getBoundingClientRect\n * A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method.\n * @property {number} data.clientWidth\n * An ES6 getter that will return the width of the virtual reference element.\n * @property {number} data.clientHeight\n * An ES6 getter that will return the height of the virtual reference element.\n */\n","import { Class, PlainObject, Primitive } from './types';\n\nconst DOM_PROPERTIES_TO_CHECK: Array{spotlight};\n delete overlayStyles.backgroundColor;\n }\n\n return (\n \n {title && (\n \n {!hideFooter && (\n \n {title}\n
\n )}\n {content}\n \n \n )}\n {output.close}\n \n );\n}\n\nexport default JoyrideTooltipContainer;\n","import * as React from 'react';\n\nimport { getText } from '~/modules/helpers';\n\nimport { TooltipProps } from '~/types';\n\nimport Container from './Container';\n\nexport default class JoyrideTooltip extends React.Component{output.skip}\n {output.back}\n {output.primary}\n \n \n );\n }\n}\n","import * as React from 'react';\nimport { ReactNode } from 'react';\nimport isEqual from '@gilbarbara/deep-equal';\nimport is from 'is-lite';\nimport treeChanges from 'tree-changes';\n\nimport {\n canUseDOM,\n getElement,\n getScrollParent,\n getScrollTo,\n hasCustomScrollParent,\n scrollTo,\n} from '~/modules/dom';\nimport { log, shouldScroll } from '~/modules/helpers';\nimport { getMergedStep, validateSteps } from '~/modules/step';\nimport createStore from '~/modules/store';\n\nimport { ACTIONS, EVENTS, LIFECYCLE, STATUS } from '~/literals';\n\nimport Overlay from '~/components/Overlay';\nimport Portal from '~/components/Portal';\n\nimport { defaultProps } from '~/defaults';\nimport { Actions, CallBackProps, Props, State, Status, StoreHelpers } from '~/types';\n\nimport Step from './Step';\n\nclass Joyride extends React.Component\n {content.step}\n {content.overlay}\n \n );\n }\n}\n\nexport default Joyride;\n","import React, { useEffect, useState, memo } from \"react\";\nimport { getBezierPath } from \"reactflow\";\nimport { PlusCircleOutlined } from \"@ant-design/icons\";\nimport { CXPopover } from \"component/Popover\";\nimport CustomSelect from \"./CustomSelect\";\nimport { CXButton } from \"component/Button\";\nimport { FormattedMessage } from \"react-intl\";\nimport Joyride, { CallBackProps } from \"react-joyride\";\nimport { useSelector } from \"react-redux\";\nconst foreignObjectSize = 40;\nconst CustomEdge = ({\n id,\n source,\n target,\n sourceX,\n sourceY,\n targetX,\n targetY,\n style = {},\n markerEnd,\n}) => {\n const [edgePath, labelX, labelY] = getBezierPath({\n sourceX,\n sourceY,\n targetX,\n targetY,\n });\n const { CampaignById } = useSelector((state) => state.CampaignReducer);\n const [open, setOpen] = useState(false);\n const handleOpenChange = (newOpen) => {\n setOpen(newOpen);\n };\n const hide = () => {\n setOpen(false);\n };\n const [Run, setRun] = useState(true);\n const TOUR_STEPS = [\n {\n target: \".edgebutton\",\n content: \"You can add Action, Delay or Conditions to your campaign\",\n title: \"Add Steps\",\n disableBeacon: true,\n },\n ];\n const Tooltip = ({\n continuous,\n index,\n step,\n backProps,\n closeProps,\n primaryProps,\n tooltipProps,\n }) => (\n \n \n \n \n {CampaignById?.data?.wfType === \"cwf\" && (\n \n \n {UpdateData?.data?.type === \"action\" && (\n \n );\n};\n\nexport default CampaignUpdate;\n","import { CloseOutlined } from \"@ant-design/icons\";\nimport { CXHeader } from \"component/Layout\";\nimport { CXTitle } from \"component/Typography\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport React from \"react\";\nimport { CAMPAIGN_UPDATE_DATA, CAMPAIGN_UPDATE_SIDEBAR } from \"constant\";\nimport CampaignUpdate from \"./CampaignUpdate\";\n\nconst SideBarData = () => {\n const dispatch = useDispatch();\n const handleClose = () => {\n dispatch({ type: CAMPAIGN_UPDATE_SIDEBAR, data: true });\n dispatch({ type: CAMPAIGN_UPDATE_DATA, data: {} });\n };\n return (\n \n \n );\n};\n\nexport default SideBarData;\n","// This icon file is generated automatically.\nvar NotificationOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M880 112c-3.8 0-7.7.7-11.6 2.3L292 345.9H128c-8.8 0-16 7.4-16 16.6v299c0 9.2 7.2 16.6 16 16.6h101.7c-3.7 11.6-5.7 23.9-5.7 36.4 0 65.9 53.8 119.5 120 119.5 55.4 0 102.1-37.6 115.9-88.4l408.6 164.2c3.9 1.5 7.8 2.3 11.6 2.3 16.9 0 32-14.2 32-33.2V145.2C912 126.2 897 112 880 112zM344 762.3c-26.5 0-48-21.4-48-47.8 0-11.2 3.9-21.9 11-30.4l84.9 34.1c-2 24.6-22.7 44.1-47.9 44.1zm496 58.4L318.8 611.3l-12.9-5.2H184V417.9h121.9l12.9-5.2L840 203.3v617.4z\" } }] }, \"name\": \"notification\", \"theme\": \"outlined\" };\nexport default NotificationOutlined;\n","import _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport * as React from 'react';\nimport NotificationOutlinedSvg from \"@ant-design/icons-svg/es/asn/NotificationOutlined\";\nimport AntdIcon from '../components/AntdIcon';\nvar NotificationOutlined = function NotificationOutlined(props, ref) {\n return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread(_objectSpread({}, props), {}, {\n ref: ref,\n icon: NotificationOutlinedSvg\n }));\n};\nvar RefIcon = /*#__PURE__*/React.forwardRef(NotificationOutlined);\nif (process.env.NODE_ENV !== 'production') {\n RefIcon.displayName = 'NotificationOutlined';\n}\nexport default RefIcon;","import { NotificationOutlined } from \"@ant-design/icons\";\nimport { CXHeader, CXSider } from \"component/Layout\";\nimport { CXMenu, CXMenuItem } from \"component/Menu\";\nimport { CXTitle } from \"component/Typography\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { ACTIVE_CAMPAIGN_SIDEBAR } from \"constant\";\nimport history from \"utils/history\";\nimport React from \"react\";\nimport { useRouteMatch } from \"react-router-dom\";\n\nconst SideBar = () => {\n const dispatch = useDispatch();\n const { url } = useRouteMatch();\n const handleActiveList = (val) => {\n dispatch({ type: ACTIVE_CAMPAIGN_SIDEBAR, data: val });\n history.push(`${url}/${val}`);\n };\n return (\n \n \n {data ?? \"N/A\"},\n },\n ];\n const [selectedRowKeys, setselectedRowKeys] = useState([]);\n const [checkKey, setcheckKey] = useState([]);\n const [data, setData] = useState([]);\n const rowSelection = {\n onChange: (selectedRowKeys, selectedRows) => {\n setselectedRowKeys(selectedRows.map((res) => res.id));\n setcheckKey(selectedRowKeys);\n },\n };\n\n useEffect(() => {\n if (ClonedCampaign?.data?.length > 0) {\n let temp = ClonedCampaign?.data\n ?.filter((item) => !item?.opening?.isDeleted)\n .map((item, index) => {\n return {\n ...item,\n name: item?.opening.positionName,\n id: item?.opening?._id,\n key: index + 1,\n };\n });\n setData(temp);\n } else {\n setData([]);\n setselectedRowKeys([]);\n setcheckKey([]);\n }\n }, [ClonedCampaign]);\n\n const updateClones = () => {\n dispatch(\n updateCloneCampaignWithMaster({\n wfId: Upgrage,\n openingId: selectedRowKeys,\n })\n );\n setUpgrage(null);\n };\n return (\n \n \n {[...Array(3)].map((res) => {\n return (\n \n )}\n\n {!loading &&\n CampaignsList &&\n CampaignsList?.data?.length > 0 &&\n CampaignsList?.data?.map((res) => {\n return (\n \n \n );\n })}\n \n \n \n \n )}\n \n \n {PermissionCheck(\n user?.userTenants?.find(\n (data) => data?.userId === user?.userProfile?._id\n )?.role?.permissions,\n \"CreateSequences\"\n ) && (\n \n \n \n \n \n \n \n \n \n Create\n Custom Campaign\n \n \n \n );\n};\n\nexport default CampaignPlansStatus;\n","import React, { useEffect, useState } from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { CXContent, CXSider } from \"component/Layout\";\nimport { CXLayout } from \"component/Layout\";\nimport SideBar from \"./SideBar\";\nimport {\n Switch,\n Route,\n useParams,\n useRouteMatch,\n Redirect,\n} from \"react-router-dom\";\nimport \"./style.css\";\nimport CampaignList from \"./CampaignList\";\nimport CampaignCreate from \"./CampaignCreate\";\nimport CampaignCreateSelector from \"./CampaignCreateSelector\";\nimport CampaignView from \"./CampaignView\";\nimport history from \"utils/history\";\nimport UpdateStep from \"./SideBarData\";\nimport CampaignPlans from \"./CampaignPlans\";\nimport CampaignPlansStatus from \"./CampaignPlansStatus\";\nimport CampaignCreateOrder from \"./CampaignCreateEvent\";\n\nconst Index = () => {\n const { path } = useRouteMatch();\n const DataSider = useSelector((state) => state.CampaignReducer.DataSider);\n const RenderComponent = () => {\n let { topicId, id } = useParams();\n if (topicId) {\n let obj = {\n list: \n \n \n \n )} */}\n \n \n\n {activeOpeningsForCandidate.length > 1 && (\n Template\n \n \n \n }\n name=\"templateId\"\n rules={[{ required: true, message: \"Please select a template\" }]}\n >\n Add Channel\n \n \n \n ),\n email: (\n \n {activeConv?.conv?.channelAccount &&\n activeConv.conv?.channelAccount\n ?.sort((a, b) => {\n const order = [\"whatsapp\", \"sms\", \"email\", \"web\"];\n return order.indexOf(a.md) - order.indexOf(b.md);\n })\n .map((item) => {\n return (\n \n );\n })}\n \n {MDICons[item.md] ?? item.md}\n\n {item?._idname && item?.md === \"whatsapp\" ? (\n \n \n {formatPhoneNumberWithExt(item?._idname)}\n \n ) : (\n \"\"\n )}\n\n {item?.md === \"email\" && item?._idname}\n {item?.md === \"sms\" && item?._idname}\n {item?.md === \"web\" && \"Web\"}\n {checkedList[0]?.id === item.id && (\n \n \n {ReactHtmlParser(LivePreview)}\n \n {!props?.headerHide && (\n \n \n \n )}\n {props?.EmailComponent === \"composeViewOnly\" && (\n \n \n\n {/* {props?.EmailComponent === \"composeViewOnly\" && (\n \n \n {props?.EmailComponent !== \"composeViewOnly\" ? (\n Compose email\n ) : (\n Preview\n )}\n \n \n )} */}\n\n {props?.EmailComponent !== \"composeViewOnly\" && (\n \n \n )}\n \n \n \n sending from : {checkedList[0]?._idname}\n \n \n \n )}\n {props?.EmailComponent !== \"composeViewOnly\" && (\n \n \n\n {/* \n \n \n {CopyTo.includes(\"Cc\") && (\n \n \n }\n />\n\n \n \n \n \n \n \n \n \n \n \n \n }\n defaultValue={MailPreviewData?.subject ?? Subject}\n onBlur={(e) => handleSubject(e.target.value)}\n />\n {/* \n */}\n Template\n \n */}\n \n {agents?.data?.length > 0 &&\n AccountVariables?.data?.length > 0 && (\n \n )}\n \n \n \n \n );\n};\n\nexport default ReplyThread;\n","import { CXCol } from \"component/Col\";\nimport { CXMarkdownFacebookChatEditor } from \"component/MarkdownEditor\";\nimport { CXRow } from \"component/Row\";\nimport { CXOption, CXSelect } from \"component/Select\";\nimport { CHANNEL_ACCOUNT } from \"constant\";\nimport React, { useState, useEffect, Fragment } from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { generateUniqueKey } from \"utils\";\n\nconst Index = ({\n handleSubmit,\n data,\n handleModelChange,\n ActiveComponent,\n handleOnFocus,\n handleOnBlur,\n handleUploadFile,\n}) => {\n const dispatch = useDispatch();\n const EmailList = useSelector((state) => state.AdminReducer.allConfigData);\n const FBcheck = useSelector((state) => state);\n const checkedList = useSelector((state) => state.AdminReducer.checkedList);\n const [facebook, setfacebook] = useState(\"\");\n const defaultIdFunc = (checkBy) => {\n if (EmailList?.length > 0) {\n let data = EmailList?.find(\n (element) => element.md === checkBy && element.systemDefault === true\n );\n return data?._id;\n }\n };\n useEffect(() => {\n let Account = \"\";\n if (checkedList.includes(\"facebook\") && facebook?.length > 0) {\n Account = facebook;\n }\n dispatch({ type: CHANNEL_ACCOUNT, data: Account });\n }, [checkedList, facebook]);\n return (\n \n \n Re: {activeConvId?.data?.name}\n \n \n \n {MailPreviewDataThread.subject}\n \n \n \n }\n className=\"bg-white\"\n >\n {ReactHtmlParser(item?.text)}\n {item.attachments?.length > 0 && (\n \n {item.attachments.map((res) => {\n return (\n \n )}\n \n \n \n );\n })}\n \n \n \n \n );\n })}\n \n \n \n User did not initiated a facebook chat yet\n \n )}\n {FBcheck?.AppReducer?.activeConvId?.contact?.meta?.fbSenderId && (\n \n \n \n \n );\n};\n\nexport default Index;\n","import { CXMarkdownWhatsappChatEditor } from \"component/MarkdownEditor\";\nimport React from \"react\";\n\nconst index = ({\n handleSubmit,\n data,\n handleOnFocus,\n handleOnBlur,\n handleUploadFile,\n}) => {\n return (\n \n \n \n \n }\n >\n \n \n );\n};\n\nexport default index;\n","import React, { useState, useEffect, Fragment } from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { CHANNEL_ACCOUNT } from \"constant\";\nimport { CXMarkdownWhatsappChatEditor } from \"component/MarkdownEditor\";\nimport SendButton from \"../../../../../../component/MarkdownEditor/SendButton\";\nimport { CXPopover } from \"component/Popover\";\nimport ChatAccountLocked from \"../ChatAccountLocked\";\nimport { getTemplatesActionTrigger } from \"action/TemplateAction\";\n\nconst ChatViaWhatsapp = ({\n handleSubmit,\n data,\n handleModelChange,\n ActiveComponent,\n handleOnFocus,\n handleOnBlur,\n handleUploadFile,\n activeConv,\n}) => {\n const dispatch = useDispatch();\n const { agents } = useSelector((state) => state.AgentReducer);\n const messages = useSelector((state) => state.MessageReducer.messages);\n const WPcheck = useSelector((state) => state);\n const checkedList = useSelector((state) => state.AdminReducer.checkedList);\n const appConfig = useSelector((state) => state.AppReducer);\n const [whatsapp, setWhatsapp] = useState(\"\");\n const [open, setOpen] = useState(false);\n // const defaultIdFunc = (checkBy) => {\n // if (EmailList.length > 0) {\n // let data = EmailList?.find(\n // (element) => element.md === checkBy && element.systemDefault === true\n // );\n // return data?._id;\n // }\n // };\n useEffect(() => {\n let Account = \"\";\n if (checkedList.includes(\"whatsapp\") && whatsapp?.length > 0) {\n Account = whatsapp;\n }\n dispatch({ type: CHANNEL_ACCOUNT, data: Account });\n }, [checkedList, whatsapp]);\n const hide = () => {\n setOpen(false);\n };\n const handleOpenChange = (newOpen) => {\n let obj = {\n status: \"APPROVED\",\n caid: checkedList[0]?.id,\n };\n dispatch(getTemplatesActionTrigger(obj));\n setOpen(newOpen);\n };\n return (\n \n User hasn't initiated a WhatsApp conversation yet.\n \n )}\n {activeConv?.conv.channelAccount?.find((v) => v.md === \"whatsapp\") && (\n \n \n {/* \n \n }\n >\n \n */}\n \n \n );\n};\n\nexport default Index;\n","import React, {\n useState,\n useEffect,\n useRef,\n useCallback,\n useLayoutEffect,\n} from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport moment from \"moment\";\nimport { CXLayout } from \"component/Layout\";\nimport { CXContent } from \"component/Layout\";\nimport ToolBar from \"../ToolBar\";\nimport CXDropable from \"component/Dropable\";\nimport AttachmentContainer from \"../AttachmentContainer\";\nimport ContentContainer from \"../ContentContainer\";\nimport InboxSidebar from \"../LeftSideBar/InboxSidebar\";\nimport ChatTopBar from \"../TopBar\";\nimport { CXDivider } from \"component/Divider\";\nimport { messageSocket } from \"action/SocketAction\";\nimport { historicalMessageActionTrigger } from \"action/MessageAction\";\nimport { store } from \"../../../../../store\";\nimport ChatTabs from \"./ChatTabs\";\nimport \"./style.css\";\nimport { CXEmpty } from \"component/Empty\";\nimport {\n LoadingOutlined,\n MailOutlined,\n PlusOutlined,\n WarningOutlined,\n} from \"@ant-design/icons\";\nimport Compose from \"./ChatViaEmail/Compose\";\nimport { RenderMessage, ChatSkeleton } from \"../RenderMessage\";\nimport Modals from \"./Modals\";\nimport {\n HISTORICAL_MESSAGE_ACTION_RESPONSE,\n REPLY_THREAD_ACTIVE,\n REPLY_ID,\n THREAD_LOAD,\n CHECKED_LIST,\n EMAIL_RECIPIENT,\n NEW_MESSAGE_ACTION_TRIGGER,\n SEND_MESSAGE_ACTION_TRIGGER,\n CLEAR_MESSAGE,\n EMIT_TYPING,\n UPLOAD_MESSAGE_FILE_ACTION_RESPONSE,\n} from \"constant\";\nimport { CHAT_CONTAINER_COMPONENT, DROP_CONTENT } from \"constant/app.constant\";\nimport ChatViaWeb from \"./ChatViaWeb\";\nimport ChatViaSms from \"./ChatViaSms\";\nimport ChatViaMeta from \"./ChatViaMeta\";\nimport ChatViaWhatsapp from \"./ChatViaWhatsapp\";\nimport { CXLottie } from \"component/Lottie\";\nimport { CXChatProcessing, CXChatTyping } from \"component/Chat\";\nimport { uploadMessageFileActionTrigger } from \"action/FileAction\";\nimport { getCampaigns } from \"action/CampaignAction\";\nimport { cxmessage, setDateCloud } from \"utils\";\nimport ChatAccountLocked from \"./ChatAccountLocked\";\nimport { getTemplatesActionTrigger } from \"action/TemplateAction\";\nimport ReplyThread from \"./ChatViaEmail/ReplyThread\";\nimport { getChannelAccountStatus } from \"action/AdminActions\";\nimport history from \"utils/history\";\nimport { useParams } from \"react-router-dom/cjs/react-router-dom.min\";\nimport { CXPopover } from \"component/Popover\";\nimport { InfoBox } from \"component/InfoBox\";\nimport { getSidebarNotifications } from \"action/NotificationActions\";\nconst component = {\n none: \"div\",\n contentContainer: ContentContainer,\n attachmentContainer: AttachmentContainer,\n};\n\nlet flag = false;\n\nconst ChatOnly = ({\n leftBar = true,\n rightBar = true,\n mailClass = \"ck-email\",\n}) => {\n const dispatch = useDispatch();\n const messageRef = useRef();\n const [loading, setLoading] = useState(true);\n const [data, setdata] = useState(\"\");\n const [ImagePopView, setImagePopView] = useState(false);\n const [ImagePopURL, setImagePopURL] = useState(null);\n const [activeSkeleton, setactiveSkeleton] = useState(true);\n const [isModalVisible, setIsModalVisible] = useState(false);\n const [errorModalVisible, seterrorModalVisible] = useState(false);\n const [errorString, seterrorString] = useState(\"\");\n const [showEmpty, setshowEmpty] = useState(false);\n const [replyData, setreplyData] = useState(\"\");\n const messages = useSelector((state) => state.MessageReducer.messages);\n const appConfig = useSelector((state) => state.AppReducer);\n const messageAction = useSelector((state) => state.MessageReducer.action);\n const messageReducer = useSelector((state) => state.MessageReducer);\n const dittoAdminReducer = useSelector((state) => state.dittoAdminReducer);\n const WindowWidth = useSelector((state) => state.AppReducer.windowWidth);\n const emailSubject = useSelector((state) => state.AdminReducer.emailSubject);\n const checkedList = useSelector((state) => state.AdminReducer.checkedList);\n const { activeOpeningsForCandidate } = useSelector(\n (state) => state.OpeningReducer\n );\n const { ChannelAccountStatus, ChannelAccountStatusLoading } = useSelector(\n (state) => state.AdminReducer\n );\n const Recipients = useSelector((state) => state.ContactReducer.contacts);\n const { agents } = useSelector((state) => state.AgentReducer);\n const { notifCount } = useSelector((state) => state.AppReducer);\n const [EmailComponent, setEmailComponent] = useState(\"plainView\");\n const [showModal, setshowModal] = useState(false);\n const [ChatContainerWidth, setChatContainerWidth] = useState(144);\n const [contactData, setContactData] = useState(null);\n const [activeConv, setActiveConv] = useState(null);\n const ActiveComponent = \"inbox\";\n const FileReducer = useSelector((state) => state.FileReducer);\n const [ctask, setctask] = useState(\"\");\n const [newMail, setnewMail] = useState(true);\n const [openingId, setopeningId] = useState(null);\n const [open, setOpen] = useState(false);\n\n const ColRStyle = {\n overflow: \"auto\",\n display: \"flex\",\n flexDirection: \"column-reverse\",\n paddingLeft: !rightBar ? 20 : 0,\n };\n const FlexEnd = {\n display: \"flex\",\n justifyContent: \"flex-end\",\n flexDirection: \"column\",\n };\n const ComposeBtnStyle = {\n boxShadow: \"0px 0px 4px rgba(0, 0, 0, 0.08)\",\n border: \"1px solid #000000\",\n borderRadius: \"8px\",\n width: 128,\n height: 40,\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n cursor: \"pointer\",\n };\n const showModalChat = (v) => {\n setctask(v);\n setIsModalVisible(true);\n };\n const ShowThread = () => {\n dispatch({ type: REPLY_THREAD_ACTIVE, data: true });\n dispatch({ type: REPLY_ID, data: replyData });\n dispatch({ type: THREAD_LOAD, data: true });\n };\n const handleCancel = () => {\n setIsModalVisible(false);\n };\n const handleErrorCancel = () => {\n seterrorModalVisible(false);\n };\n\n const current = !appConfig.chatContainerComponent\n ? \"none\"\n : appConfig.chatContainerComponent;\n\n useEffect(() => {\n dispatch({ type: CHAT_CONTAINER_COMPONENT, data: { component: \"none\" } });\n dispatch(getCampaigns());\n }, []);\n\n useEffect(() => {\n if (appConfig?.activeConvId?.conv?._id) {\n setshowEmpty(false);\n setLoading(true);\n setActiveConv(appConfig.activeConvId);\n if (checkedList?.length > 0 && !appConfig.candidateUpdate) {\n setactiveSkeleton(true);\n dispatch(\n historicalMessageActionTrigger({\n convId: appConfig?.activeConvId?.conv?._id,\n channel: checkedList && checkedList[0]?.id,\n })\n );\n }\n if (!appConfig.candidateUpdate) {\n dispatch({ type: CLEAR_MESSAGE });\n let cd = { ...appConfig.activeConvId };\n delete cd.conv;\n setContactData(cd);\n }\n } else {\n setactiveSkeleton(false);\n setshowEmpty(true);\n }\n }, [appConfig.activeConvId, checkedList]);\n\n useLayoutEffect(() => {\n setChatContainerWidth(messageRef?.current?.clientWidth);\n }, [messageRef.current]);\n\n // Message Action based handlers\n // Handles Loading old messages via REST API, send new Mesage via socket.\n useEffect(() => {\n switch (messageAction) {\n case HISTORICAL_MESSAGE_ACTION_RESPONSE:\n setactiveSkeleton(false);\n setLoading(false);\n if (\n notifCount[appConfig?.activeConvId?.conv?._id]?.caid?.find(\n (d) => d?._id?.ca === checkedList[0]?.id\n )?.unread > 0\n ) {\n dispatch({ type: \"MARK_READ_TRIGGER\", data: true });\n let temp = notifCount;\n temp[appConfig.activeConvId.conv._id].caid.find(\n (d) => d._id.ca === checkedList[0].id\n ).unread = 0;\n dispatch({ type: \"NOTIF_COUNT\", data: temp });\n dispatch(getSidebarNotifications());\n }\n break;\n case NEW_MESSAGE_ACTION_TRIGGER:\n if (messageRef?.current?.scrollTop) messageRef.current.scrollTop = 0;\n break;\n case SEND_MESSAGE_ACTION_TRIGGER:\n if (messageRef?.current?.scrollTop) messageRef.current.scrollTop = 0;\n break;\n default:\n break;\n }\n }, [messageAction]);\n\n //Content insertion from sidebar (MOstly)\n useEffect(() => {\n switch (appConfig.action) {\n case DROP_CONTENT:\n if (appConfig?.content?.text?.q.length > 0) {\n setdata(appConfig?.content?.text?.q);\n dispatch({\n type: DROP_CONTENT,\n data: {},\n });\n }\n break;\n\n default:\n break;\n }\n }, [appConfig.content]);\n\n useEffect(() => {\n if (Recipients?.data?.length > 0) {\n let email = Recipients?.data?.filter(\n (vals) => vals.category === \"contact\"\n );\n dispatch({\n type: EMAIL_RECIPIENT,\n data: email[0]?.value ? email[0]?.value : \"\",\n });\n }\n }, [Recipients]);\n\n useEffect(() => {\n switch (FileReducer.action) {\n case UPLOAD_MESSAGE_FILE_ACTION_RESPONSE:\n dispatch({\n type: CHAT_CONTAINER_COMPONENT,\n data: {\n component: \"attachmentContainer\",\n params: [FileReducer.singleFile],\n },\n });\n break;\n default:\n break;\n }\n }, [FileReducer.action]);\n\n const emitTyping = (val = false) => {\n if (flag != val) {\n dispatch({ type: EMIT_TYPING, data: val });\n flag = val;\n }\n };\n const handleSubmit = (editorData, d) => {\n emitTyping(false);\n let Store = store.getState();\n if (\n Store?.AdminReducer?.emailRecipients?.length > 0 ||\n Store?.AdminReducer?.checkedList[0][\"md\"]?.includes(\"web\") ||\n Store?.AdminReducer?.checkedList[0][\"md\"]?.includes(\"facebook\") ||\n Store?.AdminReducer?.checkedList[0][\"md\"]?.includes(\"whatsapp\") ||\n Store?.AdminReducer?.checkedList[0][\"md\"]?.includes(\"email\") ||\n Store?.AdminReducer?.checkedList[0][\"md\"]?.includes(\"sms\")\n ) {\n let tempMsg = \"\";\n if (editorData === \"send\") {\n tempMsg = data;\n } else {\n tempMsg = editorData;\n }\n let attachment = [];\n if (Store.AppReducer.chatContainerComponent === \"attachmentContainer\") {\n attachment = Store.AppReducer.containerParams;\n }\n if (tempMsg !== \"\" || attachment?.length > 0) {\n let md = \"\";\n if (Store?.AdminReducer?.checkedList?.length > 0) {\n md = Store?.AdminReducer?.checkedList[0][\"md\"];\n }\n let ccEmail = Store?.AdminReducer?.ccEmailRecipients?.map((res) => {\n return res.value;\n });\n let bcc = Store?.AdminReducer?.bccEmailRecipients?.map((res) => {\n return res.value;\n });\n let message = {\n msg: {\n ne: newMail,\n isParent: true,\n attachments: attachment,\n content: {\n attachments: [],\n },\n md: md,\n to: [\n {\n _id: Store.AppReducer.activeConvId._id,\n name: Store.AppReducer.activeConvId?.data?.name,\n },\n ],\n text: tempMsg,\n parentId: \"\",\n type: \"message\",\n convId: Store.AppReducer.activeConvId.conv._id,\n channelAccountId: Store.AdminReducer.checkedList[0][\"id\"],\n cc: ccEmail,\n subject: emailSubject,\n bcc: bcc,\n },\n ts: new Date(),\n type: \"message\",\n };\n message.meta = {\n openingId:\n openingId?.value ??\n activeOpeningsForCandidate[0]?.opening?.openingId,\n };\n let outgoing = Store?.AdminReducer?.allConfigData?.filter(\n (val) => val._id === Store.AdminReducer.channelAct[0]\n );\n if (\n (Store.AdminReducer.checkedList.includes(\"sms\") ||\n Store.AdminReducer.checkedList.includes(\"email\") ||\n Store.AdminReducer.checkedList.includes(\"facebook\")) &&\n !outgoing &&\n !outgoing[0]?.outgoingEnabled\n ) {\n seterrorString(\n \"The selected account does not have any Outgoing services enabled \"\n );\n seterrorModalVisible(true);\n } else {\n dispatch(messageSocket(message, dittoAdminReducer.user.userProfile));\n dispatch({\n type: CHAT_CONTAINER_COMPONENT,\n data: { component: \"none\", params: null },\n });\n setdata(\"\");\n setEmailComponent(\"plainView\");\n dispatch({\n type: DROP_CONTENT,\n data: {},\n });\n }\n }\n } else {\n seterrorString(\n \"Please add email address for recipient before initiating Chat\"\n );\n seterrorModalVisible(true);\n }\n };\n const handleModelChange = (model) => {\n emitTyping(true);\n setdata(model);\n model === \"\" &&\n dispatch({\n type: DROP_CONTENT,\n data: {},\n });\n };\n const handleOnFocus = (event) => {\n emitTyping(true);\n };\n const handleOnBlur = (event) => {\n emitTyping(false);\n };\n const handleUploadFile = (files) => {\n files.forEach((file) => {\n let fileExt = file.name.substr(file.name.lastIndexOf(\".\") + 1);\n let fileExtArry = [\n \"jpeg\",\n \"jpg\",\n \"png\",\n \"svg\",\n \"docx\",\n \"txt\",\n \"pages\",\n \"rtf\",\n \"pdf\",\n \"csv\",\n \"xls\",\n \"xlsx\",\n \"pptx\",\n \"webm\",\n \"mkv\",\n \"flv\",\n \"wmv\",\n \"mp4\",\n \"m4v\",\n \"m4p\",\n ];\n if (fileExtArry.includes(fileExt)) {\n if (file.size < 20971520) {\n dispatch(uploadMessageFileActionTrigger(file));\n } else {\n cxmessage.error(\"File size need to be less than 20mb\");\n }\n return false;\n } else {\n cxmessage.error(\"File type not supported \");\n }\n });\n };\n const RenderDateCloud = (date) => {\n let dtst = {\n background: \"#F2F4F3\",\n border: \"1px solid #E5E7EA\",\n boxSizing: \"border-box\",\n boxShadow: \"0px 0px 4px rgb(0 0 0 / 12%)\",\n borderRadius: \"4px\",\n padding: \"5px 20px\",\n fontWeight: \"400\",\n fontSize: 10,\n };\n return (\n \n \n \n \n \n Preview\n \n \n \n \n
{setDateCloud(date)}\n \n {checkedList?.length === 0 && \n \n )}\n {messageReducer?.typing && (\n \n {messages?.data?.map((ch, i) => {\n if (ch?.convId === appConfig?.activeConvId?.conv?._id)\n return (\n \n );\n })}\n \n {loading && messages.end < messages.total && (\n \n \n \n ) : (\n \n {ActiveComponent === \"inbox\" && (\n \n }\n >\n \n \n )}\n \n \n )}\n {checkedList?.length > 0 &&\n checkedList[0][\"md\"] === \"email\" &&\n ChannelAccountStatusLoading && (\n \n \n \n ) : (\n checkedList?.length > 0 &&\n checkedList[0][\"md\"] === \"email\" &&\n !ChannelAccountStatusLoading && (\n \n Email not linked anymore,{\" \"}\n \n )\n )}\n \n \n \n \n }\n {/* ChatScreen Tabs End */}\n \n \n \n )}\n {(EmailComponent === \"composeView\" ||\n EmailComponent === \"composeViewOnly\") && (\n ;\n case \"whatsapp\":\n return ;\n case \"sms\":\n return ![\"email\"](\"/images/inbox/phone.svg\")
;\n case \"email\":\n return ![\"email\"](\"/images/inbox/WEB.svg\")
;\n default:\n return ;\n }\n };\n const onFinish = (values) => {\n let archive = values?.archive ? values.archive : false;\n let fromDate = values?.date ? values.date[0].format(\"YYYY-MM-DD\") : null;\n let toDate = values?.date ? values.date[1].format(\"YYYY-MM-DD\") : null;\n let selectedAgents = values?.selectedAgents ? values.selectedAgents : [];\n let tag = props.selectedTags[0];\n let channel = values.channel;\n let openingId = values.openingId;\n let stageId = values.stageId;\n props.setFilterVals({\n // archive,\n fromDate,\n toDate,\n selectedAgents,\n channel,\n openingId,\n stageId,\n tag,\n });\n if (\n openingId ||\n stageId ||\n channel ||\n fromDate ||\n toDate ||\n selectedAgents\n ) {\n dispatch({\n type: SET_ACTIVE_CONVID,\n data: null,\n });\n dispatch({\n type: \"RESET_PAGING\",\n });\n props.setActiveKey([\"0\"]);\n props.setloading(true);\n props.setconv([]);\n setTimeout(() => {\n dispatch(\n getConvSearchTrigger({\n // archive,\n fromDate,\n toDate,\n selectedAgents,\n channel,\n openingId,\n stageId,\n tag,\n })\n );\n }, 1000);\n }\n setopenPosition([]);\n };\n const ClearFilter = () => {\n form.resetFields();\n props.setFilterVals({});\n props.setselectedTags([\"All\"]);\n props.setfilterHide(false);\n props.ClearSearch();\n dispatch(getConvSearchTrigger());\n props.setloading(true);\n dispatch({\n type: SET_ACTIVE_CONVID,\n data: null,\n });\n setopenPosition([]);\n props.setconv([]);\n };\n useEffect(() => {\n form.setFieldsValue({\n archive: false,\n });\n if (props.channel) {\n form.setFieldsValue({\n channel: [props.channel],\n });\n }\n }, []);\n\n useEffect(() => {\n form.setFieldsValue({\n openingId: props.FilterVals?.openingId,\n stageId: props.FilterVals?.stageId,\n });\n }, [props.FilterVals]);\n\n const [openingList, setopenPosition] = useState([]);\n\n useEffect(() => {\n if (openPositions?.data) {\n setopenPosition(openPositions?.data);\n }\n }, [openPositions]);\n const handleOpeningSearch = useCallback(\n debounce((value) => {\n if (value.length > 1) {\n setopenPosition([]);\n setSearch(value);\n let obj = {\n value: value,\n isDeleted: false,\n };\n dispatch(OpeningSearch(obj));\n } else {\n setopenPosition([]);\n }\n }, 300),\n []\n );\n return (\n \n \n );\n};\n\nexport default FilterCard;\n","import { CXCheckableTag } from \"component/Tag\";\nimport React from \"react\";\nimport { truncateSt } from \"utils\";\n\nconst FilterTags = (props) => {\n const HtagsData = [\n {\n key: \"All\",\n value: \"All Messages\",\n },\n // {\n // key: \"Unread\",\n // value: \"Unread\",\n // },\n {\n key: \"pending\",\n value: \"Pending\",\n },\n {\n key: \"unread\",\n value: \"Unread\",\n },\n ];\n return (\n \n \n \n \n \n \n \n \n \n \n {!con?.profile?.data?.name\n ? \"AnonymousUser\"\n : truncateSt(con?.profile?.data?.name, 15)}{\" \"}\n \n \n {ReactHtmlParser(msgDesc) ?? `....`}\n \n \n \n \n \n \n \n )}\n \n \n \n \n \n \n );\n })\n )}\n \n {loading && \n {con?.conv?.botConv &&\n !con?.conv?.isFailedBot && (\n \n\n {con?.conv?.unassigned ? (\n \n ) : (\n \n