{"version":3,"sources":["axiosApi.ts","components/Login.tsx","features/ServerSidePaginator/sspAPI.ts","features/ServerSidePaginator/sspSlice.ts","features/ServerSidePaginator/sspSliceSparkles.ts","redux/reducers/isLoadingReducer.ts","redux/reducers/authReducer.ts","redux/store.ts","components/BranchOption.tsx","components/DeptOption.tsx","components/GroupOption.tsx","components/ExGroupOption.tsx","components/EmpStatusOption.tsx","components/EmpDesigOption.tsx","components/EmpList.tsx","components/TwilioAccount.tsx","components/SendButton.tsx","components/ShoutTool.tsx","redux/hooks.ts","components/ShoutHistory.tsx","components/Shout.tsx","components/sparkles/SparklesHistory.tsx","components/sparkles/Sparkles.tsx","components/Account.tsx","components/PrivateRoute.tsx","App.tsx","index.tsx"],"names":["axiosInstance","axios","create","baseURL","process","timeout","headers","localStorage","getItem","refreshTokenDuringRequest","refresh_token","originalRequest","a","refreshToken","response","defaults","data","access","console","log","Promise","reject","post","refresh","setItem","err","interceptors","use","error","config","status","detail","Title","Typography","Text","Login","state","show_error","error_message","undefined","redirectToReferrer","isAuthenticated","is_loading","onFinish","values","handleSubmit","event","setState","username","toLowerCase","password","then","sessionStorage","props","loggedIn","catch","handleFailure","pre_u","REACT_APP_PRELOAD_USER","pre_p","REACT_APP_PRELOAD_PW","this","from","location","pathname","history","push","to","span","offset","level","name","className","initialValues","remember","onFinishFailed","Item","rules","required","message","prefix","UserOutlined","placeholder","value","LockOutlined","type","showIcon","closable","htmlType","loading","icon","LoginOutlined","href","target","rel","Component","fetchCount","amount","resolve","setTimeout","incrementAsync","createAsyncThunk","pageSlice","createSlice","initialState","indexCurrent","urlCurrent","urlNext","urlPrev","pageSize","pageGoto","itemCount","items","reducers","paginationNext","paginationPrev","populateItems","action","payload","results","forEach","o","i","in_date","d_j","JSON","parse","created","now","Date","tz_offset","getTimezoneOffset","next_date","setHours","getHours","time_localize","toLocaleString","year","month","day","hour","hour12","minute","timeZoneName","split","slice","map","el","join","toUpperCase","time_tzabbrev","toString","key","body","message_body","url","s_id","lookup_url","encodeURIComponent","replace","next","previous","count","itemsPerPage","paginationExact","extraReducers","builder","addCase","pending","fulfilled","actions","sparklesPageSlice","sparklesPopulateItems","obj","v","k","reverse","item","index","isLoadingDept","isLoadingEmpDesig","isLoadingGroup","isLoadingExGroup","isLoadingReducer","isLoadingEmpStatus","auth","isAuthReducer","store","configureStore","reducer","sspSparkles","sspSparklesReducer","ssp","sspReducer","isLoading","isAuth","authReducer","decode_token_extra_data","token","payload_base64","payload_json","atob","exd","BranchOption","selected","handleChange","e","dispatchLoading","onChange","load","default_exclude_branches","excbranches","res","obj_clean","branches","length","includes","branch_id","stringify","dispatch","options","d","Button","branch_name","placement","title","Group","defaultValue","style","width","Option","Select","DeptOption","branchID","departments","prevProps","department_id","department_name","mode","filterOption","input","option","children","indexOf","optionFilterProp","allowClear","disabled","GroupOption","groups","group_id","group_name","ExGroupOption","default_exclude_groups","excgroups","EmpStatusOption","empstatuses","presets","curStatus","employee_status_name","EmpDesigOption","empdesigs","designation_name","showSearch","EmpList","generate","searchText","searchedColumn","selectedItems","unselectedItems","button","selected_emp_deets","empDeets","empDeetsMSRef","createRef","branchOptionRef","searchInputRef","updateSelectedEmpDeets","prevState","handleSearch","selectedKeys","confirm","dataIndex","handleReset","clearFilters","generateList","excluded_ids","selected_ids","branch","dept","ex_groups","empStatuses","empDesig","emp_list","newSelectedItems","newUnselectedItems","entries","employee_phone_main","employee_id","selected_count","loadSuccces","clearTable","EmpListTable","document","getElementById","datasource","handleDetailsSwitch","getColumnSearchProps","indexName","filterDropdown","setSelectedKeys","padding","ref","onPressEnter","marginBottom","display","onClick","SearchOutlined","size","marginRight","filterIcon","filtered","color","onFilter","record","temp","onFilterDropdownVisibleChange","visible","current","select","render","text","highlightStyle","backgroundColor","searchWords","autoEscape","textToHighlight","handleOverrideSelectAll","selectedRows","changeRows","Array","handleOverrideSelectNone","selecteselected","selectedRowKeys","handleSelect","newArray","splice","handleSelectAll","recRemove","success","polyColumnSorter","b","callback","update","employeesmscolumns","sorter","employee_first_name","employee_last_name","c","employee_link","employee_ac_id","employee_job_title","rowSelection","onSelect","onSelectAll","getCheckboxProps","gutter","SettingFilled","id","columns","dataSource","rowKey","pagination","position","sortDirections","connect","TwilioAccount","currency","balance","phone_number","testing","testing_number","twilio_account","us","ca","au","is_twilio_testing","onCharLimitLoad","calcMessageLimit","message_segment_limit","segments","calcUsedChars","char_count","message_char_count","char_count_with_header","Math","ceil","statistics","precision","active","justify","selected_recepient_count","TextArea","Input","SendButton","staging","send_success","textArea","sendList","show_alert","handleSendResult","alert_message","onSend","handleStaging","onStage","handleMessageChange","messageLength","fakeIt","setValue","maxLength","character_limit","autoSize","checked","onConfirm","okText","cancelText","SendOutlined","ShoutTool","branches_loading","sendButtonRef","empListRef","deptOptionRef","groupsOptionRef","exGroupsOptionRef","empStatOptionRef","updateSelected","updateExcluded","updateLoading","loadingState","updateSMSCharCount","updateSelectedCount","updateCharacterLimit","handleSend","msg","clearFields","strong","useAppDispatch","useDispatch","useAppSelector","useSelector","modalContext","React","createContext","Consumer","ShoutHistory","useState","setLoading","pageNumber","setPageNumber","setPageSize","Modal","useModal","contextHolder","useEffect","urlPath","queryArgs","get","statusText","loadFail","warning","Provider","expandable","expandedRowRender","phone_list","rowExpandable","defaultCurrent","total","page","TabPane","Tabs","Shout","new_entry","current_tab","ShoutToolRef","changeTab","newTab","sendSuccess","defaultActiveKey","activeKey","onTabClick","tab","HistoryOutlined","SparklesHistory","Sparkles","onSparkleUpdate","sparkle_id","j","sparkle_enabled","enabled","onNotifUpdate","notif_id","sparkles","sparkle_index","sparkle","notif_index","notifications","notif","notification_id","notification_enabled","schedule","cronstrue","run_schedule","parser","parseExpression","weekday","description","onCancel","r","notes","n","formItemLayout","tailFormItemLayout","Account","alert_type","current_password","curr_pw","new_password","new_pw","new_password_confirm","new_pw_confirm","errorInfo","ghost","onBack","window","back","subTitle","scrollToFirstError","hasFeedback","Password","getFieldValue","validator","rule","dependencies","PrivateRoute","exact","path","Header","Layout","Content","Footer","Sider","App","selectedMenuItem","defaultSelectedMenuItem","countryCode","handleLogout","removeItem","loginStatus","tokenExpiration","jwtDecode","exp","dateNow","getTime","onMenuSelect","deskcontactwidget","getElementsByTagName","createElement","async","src","basehref","parentNode","insertBefore","addEventListener","t","HTMLElement","height","min","innerHeight","installHelpDeskWidget","breakpoint","collapsedWidth","theme","defaultSelectedKeys","ItemGroup","SoundOutlined","ClockCircleOutlined","LogoutOutlined","flex","TeamOutlined","UnorderedListOutlined","margin","minHeight","textAlign"],"mappings":"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","file":"static/js/main.49c38472.chunk.js","sourcesContent":["import axios, { AxiosRequestConfig, AxiosResponse } from 'axios';\r\n\r\n//this does a few things\r\n// sets up each request so it's going to be handled with normal calls without overhead\r\n// renews the token if it expires on a failed call\r\n\r\nconst axiosInstance = axios.create({\r\n  baseURL: process.env.REACT_APP_API_URL,\r\n  timeout: 90000,\r\n  headers: {\r\n    'Authorization': localStorage.getItem('access_token') ? \"JWT \" + localStorage.getItem('access_token') : null,\r\n    'Content-Type': 'application/json',\r\n    'accept': 'application/json'\r\n  }\r\n});\r\n\r\nconst refreshTokenDuringRequest = async (refresh_token: string | null, originalRequest: AxiosRequestConfig) => {\r\n  try {\r\n    const response: AxiosResponse<any> = await refreshToken(refresh_token);\r\n\r\n    axiosInstance.defaults.headers['Authorization'] = \"JWT \" + response?.data.access;\r\n    originalRequest.headers['Authorization'] = \"JWT \" + response.data.access;\r\n\r\n    return axiosInstance(originalRequest);\r\n  } catch (err) {\r\n    console.log(err);\r\n  }\r\n};\r\n\r\nexport const refreshToken = async (refresh_token: string | null) => {\r\n  if (!refresh_token) {\r\n    return Promise.reject('No refresh token provided');\r\n  }\r\n\r\n  try {\r\n    const response: AxiosResponse<any> = await axiosInstance.post('/api/token/refresh/', { refresh: refresh_token });\r\n\r\n    localStorage.setItem('access_token', response.data.access);\r\n    localStorage.setItem('refresh_token', response.data.refresh);\r\n\r\n    return response;\r\n  } catch (err) {\r\n    console.log(err);\r\n    //@ts-ignore\r\n    return Promise.reject({ err });\r\n  }\r\n};\r\n\r\naxiosInstance.interceptors.response.use(\r\n  response => response,\r\n  error => {\r\n    const originalRequest = error.config;\r\n\r\n    // test for token presence, no point in sending a request if token isn't present\r\n    if (localStorage.getItem('refresh_token')\r\n      && error.response.status === 401\r\n      && error.response.data.detail !== \"No active account found with the given credentials\") {\r\n      const refresh_token = localStorage.getItem('refresh_token');\r\n\r\n      return refreshTokenDuringRequest(refresh_token, originalRequest);\r\n    }\r\n    // specific error handling done elsewhere\r\n    return Promise.reject({ ...error });\r\n  }\r\n);\r\n\r\nexport default axiosInstance;\r\n","import React, { Component } from \"react\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport axiosInstance from \"../axiosApi\";\r\nimport { UserOutlined, LockOutlined, LoginOutlined } from \"@ant-design/icons\";\r\nimport { Row, Col, Form, Input, Button, Typography, Alert } from \"antd\";\r\nimport { store } from \"../redux/store\";\r\n\r\nconst { Title } = Typography;\r\nconst { Text } = Typography;\r\n\r\ntype Props = {\r\n  location: any;\r\n  history: any;\r\n  loggedIn: () => void;\r\n};\r\ntype State = {\r\n  show_error: boolean;\r\n  error_message?: string;\r\n  redirectToReferrer: boolean;\r\n  isAuthenticated: boolean;\r\n  is_loading: boolean;\r\n  username?: string;\r\n  password?: string;\r\n};\r\n\r\nclass Login extends Component<Props, State> {\r\n  state: State = {\r\n    show_error: false,\r\n    error_message: undefined,\r\n    redirectToReferrer: false,\r\n    isAuthenticated: false,\r\n    is_loading: false,\r\n  };\r\n\r\n  componentDidMount() {\r\n    const pre_u = process.env.REACT_APP_PRELOAD_USER\r\n    const pre_p = process.env.REACT_APP_PRELOAD_PW\r\n    if (pre_u !== undefined && pre_p !== undefined) {\r\n      console.log(\"Auto login detected.\")\r\n      this.handleSubmit({ username: pre_u, password: pre_p })\r\n    }\r\n  }\r\n\r\n  onFinish = (values: any) => {\r\n    console.log(\"Received values of form: \", values);\r\n  };\r\n\r\n  handleSubmit = (event: any) => {\r\n    this.setState({\r\n      show_error: false,\r\n      error_message: undefined,\r\n      is_loading: true,\r\n    });\r\n\r\n    try {\r\n      axiosInstance\r\n        .post(\"/api/token/obtain/\", {\r\n          username: event.username.toLowerCase(),\r\n          password: event.password,\r\n        })\r\n        .then((response) => {\r\n          axiosInstance.defaults.headers[\"Authorization\"] =\r\n            \"JWT \" + response.data.access;\r\n          localStorage.setItem(\"access_token\", response.data.access);\r\n          localStorage.setItem(\"refresh_token\", response.data.refresh);\r\n          sessionStorage.setItem(\"isAuth\", 'true')\r\n          this.setState(\r\n            {\r\n              redirectToReferrer: true,\r\n              isAuthenticated: true,\r\n            },\r\n            () => this.props.loggedIn()\r\n          );\r\n\r\n        })\r\n        .catch((error) => {\r\n          console.log(\"login error\");\r\n          this.setState({\r\n            error_message: error.response.data.detail,\r\n            show_error: true,\r\n            is_loading: false,\r\n          });\r\n        });\r\n    } catch (error) {\r\n      throw error;\r\n    }\r\n  };\r\n\r\n  handleFailure = (event: any) => {\r\n    console.log(\"FAILED Received values of form: \", event);\r\n  };\r\n\r\n  render() {\r\n    const { from } = this.props.location.state || { from: { pathname: \"/\" } };\r\n    const { redirectToReferrer } = this.state;\r\n\r\n    if (redirectToReferrer === true) {\r\n      this.props.history.push(from.pathname);\r\n    }\r\n\r\n    return this.state.isAuthenticated ? (\r\n      <Redirect to=\"/\" />\r\n    ) : (\r\n      <div>\r\n        <Row>\r\n          <Col span={8} offset={8}>\r\n            <Title level={3}>Welcome to Rubi Space!</Title>\r\n            <Form\r\n              name=\"normal_login\"\r\n              className=\"login-form\"\r\n              initialValues={{\r\n                remember: true,\r\n              }}\r\n              onFinish={this.handleSubmit}\r\n              onFinishFailed={this.handleFailure}\r\n            >\r\n              <Form.Item\r\n                name=\"username\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Please input your Username!\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Input\r\n                  prefix={<UserOutlined className=\"site-form-item-icon\" />}\r\n                  placeholder=\"Username\"\r\n                  value={this.state.username}\r\n                />\r\n              </Form.Item>\r\n              <Form.Item\r\n                name=\"password\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Please input your Password!\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Input\r\n                  prefix={<LockOutlined className=\"site-form-item-icon\" />}\r\n                  type=\"password\"\r\n                  placeholder=\"Password\"\r\n                  value={this.state.password}\r\n                />\r\n              </Form.Item>\r\n              {this.state.show_error ? (\r\n                <Form.Item>\r\n                  <Alert\r\n                    message={this.state.error_message}\r\n                    type=\"error\"\r\n                    showIcon\r\n                    closable\r\n                  />\r\n                </Form.Item>\r\n              ) : null}\r\n              <Form.Item>\r\n                <Button\r\n                  type=\"primary\" htmlType=\"submit\"\r\n                  className=\"login-form-button\"\r\n                  loading={this.state.is_loading}\r\n                  icon={<LoginOutlined />}>\r\n                  Log in\r\n                </Button>\r\n              </Form.Item>\r\n            </Form>\r\n            <Text>Please submit <a href={process.env.REACT_APP_SUPPORT} target=\"_blank\" rel=\"noopener noreferrer\">support ticket</a> to have password reset.</Text>\r\n          </Col>\r\n        </Row>\r\n      </div >\r\n    )\r\n  }\r\n}\r\nexport default Login;\r\n","// A mock function to mimic making an async request for data\r\nexport function fetchCount(amount = 1) {\r\n  return new Promise<{ data: number }>((resolve) =>\r\n    setTimeout(() => resolve({ data: amount }), 500)\r\n  );\r\n}\r\n","import { bindActionCreators, createAsyncThunk, createSlice, PayloadAction } from '@reduxjs/toolkit';\r\nimport { string } from 'prop-types';\r\nimport { RootState, AppThunk } from '../../redux/store';\r\nimport { fetchCount } from './sspAPI';\r\n\r\nexport interface PageState {\r\n  indexCurrent: number;\r\n  urlCurrent: string;\r\n  urlNext: string;\r\n  urlPrev: string;\r\n  pageSize: number;\r\n  pageGoto: number;\r\n  itemCount: number;\r\n  items: Array<object>;\r\n  status: 'idle' | 'loading' | 'failed';\r\n}\r\n\r\nexport interface drfPaginationAPI {\r\n  count: number;\r\n  next: string;\r\n  previous: string;\r\n  results: Array<Object>;\r\n  itemsPerPage: number; // TODO get this from backend API\r\n}\r\n\r\nconst initialState: PageState = {\r\n  indexCurrent: 1,\r\n  urlCurrent: \"\",\r\n  urlNext: \"\",\r\n  urlPrev: \"\",\r\n  pageSize: 50,\r\n  pageGoto: 0,\r\n  itemCount: 0,\r\n  items: [],\r\n  status: 'idle',\r\n};\r\n\r\nfunction time_tzabbrev(in_date: Date) {\r\n  return in_date.toLocaleString(\r\n    'en-US', { // abbreviate timezone (must do manually)\r\n      timeZoneName: 'long' \r\n    }).split(\r\n      ' '\r\n    ).slice(3).map(\r\n      el => el[0]\r\n    ).join(\r\n      ''\r\n    ).toUpperCase();\r\n};\r\n\r\nfunction time_nextrun(in_date: Date) {\r\n  return in_date.toLocaleString('en-US', {\r\n    year: 'numeric', \r\n    month: 'numeric', \r\n    day: 'numeric', \r\n    hour:'2-digit', \r\n    hour12: true, \r\n    minute: '2-digit',\r\n  }) + \" \" + time_tzabbrev(in_date);\r\n\r\n};\r\n\r\nfunction time_localize(in_date: Date) {\r\n  const now = new Date(Date());\r\n  const tz_offset = now.getTimezoneOffset() / 60;\r\n  const next_date = in_date;\r\n\r\n  console.log(\r\n    \"Now: \" + now + \"\\n\" +\r\n    \"Offset: \" + tz_offset + \"\\n\" + \r\n    \"t(Next): \" + next_date + \"\\n\"\r\n  );\r\n\r\n  next_date.setHours( // Resets TZ\r\n    next_date.getHours() //+ -tz_offset\r\n  );\r\n\r\n  console.log(\r\n    \"t(NextAdj): \" + next_date + \"\\n\"      \r\n  );\r\n\r\n  return next_date;\r\n\r\n};\r\n\r\n// The function below is called a thunk and allows us to perform async logic. It\r\n// can be dispatched like a regular action: `dispatch(incrementAsync(10))`. This\r\n// will call the thunk with the `dispatch` function as the first argument. Async\r\n// code can then be executed and other actions can be dispatched. Thunks are\r\n// typically used to make async requests.\r\nexport const incrementAsync = createAsyncThunk(\r\n  'counter/fetchCount',\r\n  async (amount: number) => {\r\n    const response = await fetchCount(amount);\r\n    // The value we return becomes the `fulfilled` action payload\r\n    return response.data;\r\n  }\r\n);\r\n\r\nexport const pageSlice = createSlice({\r\n  name: 'counter',\r\n  initialState,\r\n  // The `reducers` field lets us define reducers and generate associated actions\r\n  reducers: {\r\n    paginationNext: (state) => {\r\n      // Redux Toolkit allows us to write \"mutating\" logic in reducers. It\r\n      // doesn't actually mutate the state because it uses the Immer library,\r\n      // which detects changes to a \"draft state\" and produces a brand new\r\n      // immutable state based off those changes\r\n      state.indexCurrent += 1; // <-- PAGE NEXT      \r\n    },\r\n    paginationPrev: (state) => {\r\n      state.indexCurrent -= 1; // <-- PAGE PREV\r\n    },\r\n    populateItems: (state, action: PayloadAction<drfPaginationAPI>) => {\r\n      const obj = action.payload.results;\r\n\r\n      obj.forEach((o: any, i:number) => {\r\n        let d_j = JSON.parse(o.data);\r\n        //2021-11-03T16:09:34.248820Z\r\n        o.created = time_nextrun( // MISNOMER, just formatting...\r\n          time_localize(new Date(o.created))).toString(); //Date.parse(v.timestamp);\r\n        d_j.key = i;\r\n        o.body = d_j.message_body ? d_j.message_body : \"\";\r\n        o.url = d_j.url ? d_j.url : \"\";\r\n        o.s_id = o.url ? o.url.split(\"/\") : \"\";\r\n        o.s_id = o.s_id ? o.s_id[6] : \"\";\r\n        o.d_j = d_j;\r\n        o.lookup_url = 'https://console.twilio.com/us1/service/notify/' + o.s_id + '/notify-service-logs?frameUrl=' + encodeURIComponent(o.url.replace(/https?:\\/\\/[^\\/]+/i, \"\"));\r\n      })\r\n      state.urlNext = action.payload.next ? action.payload.next : \"\";\r\n      state.urlPrev = action.payload.previous ? action.payload.previous : \"\";\r\n      state.itemCount = action.payload.count ? action.payload.count : 0;\r\n      state.items = action.payload.results; // hey\r\n      state.pageSize = action.payload.itemsPerPage || 50;\r\n      console.log(\"ITEM COUNT \" + state.itemCount);\r\n    },\r\n    // Use the PayloadAction type to declare the contents of `action.payload`\r\n    paginationExact: (state, action: PayloadAction<number>) => {\r\n      state.indexCurrent = action.payload; // <-- PAGE GOTO\r\n    },\r\n  },\r\n\r\n\r\n\r\n  // B E L O W  A R E  E X A M P L E S\r\n\r\n  // The `extraReducers` field lets the slice handle actions defined elsewhere,\r\n  // including actions generated by createAsyncThunk or in other slices.\r\n  extraReducers: (builder) => {\r\n    builder\r\n      .addCase(incrementAsync.pending, (state) => {\r\n        state.status = 'loading';\r\n      })\r\n      .addCase(incrementAsync.fulfilled, (state, action) => {\r\n        state.status = 'idle';\r\n      });\r\n  },\r\n});\r\n\r\n\r\n\r\n// NOTE ACTION CREATORS\r\nexport const { paginationNext, paginationPrev, paginationExact, populateItems } = pageSlice.actions;\r\n\r\n// The function below is called a selector and allows us to select a value from\r\n// the state. Selectors can also be defined inline where they're used instead of\r\n// in the slice file. For example: `useSelector((state: RootState) => state.counter.value)`\r\nexport const pageGoto = (state: RootState) => state.ssp.pageGoto;\r\n\r\n\r\n// NOTE MAYBE WE SHOULD USE THIS FIXME TODO \r\n// We can also write thunks by hand, which may contain both sync and async logic.\r\n// Here's an example of conditionally dispatching actions based on current state.\r\nexport const incrementIfOdd = (amount: number): AppThunk => (\r\n  dispatch,\r\n  getState\r\n) => {\r\n  const currentValue = pageGoto(getState());\r\n  if (currentValue % 2 === 1) {\r\n    dispatch(paginationExact(amount));\r\n  }\r\n};\r\n\r\n\r\nexport default pageSlice.reducer;\r\n","import { bindActionCreators, createAsyncThunk, createSlice, PayloadAction } from '@reduxjs/toolkit';\r\n\r\n\r\nfunction time_tzabbrev(in_date: Date) {\r\n    return in_date.toLocaleString(\r\n      'en-US', { // abbreviate timezone (must do manually)\r\n        timeZoneName: 'long' \r\n      }).split(\r\n        ' '\r\n      ).slice(3).map(\r\n        el => el[0]\r\n      ).join(\r\n        ''\r\n      ).toUpperCase();\r\n  };\r\n  \r\nfunction time_nextrun(in_date: Date) {\r\n    return in_date.toLocaleString('en-US', {\r\n      year: 'numeric', \r\n      month: 'numeric', \r\n      day: 'numeric', \r\n      hour:'2-digit', \r\n      hour12: true, \r\n      minute: '2-digit',\r\n    }) + \" \" + time_tzabbrev(in_date);\r\n  \r\n  };\r\n  \r\nfunction time_localize(in_date: Date) {\r\n    const now = new Date(Date());\r\n    const tz_offset = now.getTimezoneOffset() / 60;\r\n    const next_date = in_date;\r\n  \r\n    console.log(\r\n      \"Now: \" + now + \"\\n\" +\r\n      \"Offset: \" + tz_offset + \"\\n\" + \r\n      \"t(Next): \" + next_date + \"\\n\"\r\n    );\r\n  \r\n    next_date.setHours( // Resets TZ\r\n      next_date.getHours() //+ -tz_offset\r\n    );\r\n  \r\n    console.log(\r\n      \"t(NextAdj): \" + next_date + \"\\n\"      \r\n    );\r\n  \r\n    return next_date;\r\n  \r\n  };\r\nexport interface PageState {\r\n    indexCurrent: number;\r\n    urlCurrent: string;\r\n    urlNext: string;\r\n    urlPrev: string;\r\n    pageSize: number;\r\n    pageGoto: number;\r\n    itemCount: number;\r\n    items: Array<object>;\r\n    status: 'idle' | 'loading' | 'failed';\r\n}\r\nexport interface drfPaginationAPI {\r\n    count: number;\r\n    next: string;\r\n    previous: string;\r\n    results: Array<Object>;\r\n    itemsPerPage: number; // TODO get this from backend API\r\n}\r\n\r\nconst initialState: PageState = {\r\n    indexCurrent: 1,\r\n    urlCurrent: \"\",\r\n    urlNext: \"\",\r\n    urlPrev: \"\",\r\n    pageSize: 50,\r\n    pageGoto: 0,\r\n    itemCount: 0,\r\n    items: [],\r\n    status: 'idle',\r\n};\r\nexport const sparklesPageSlice = createSlice({\r\n    name: 'sparklesSSP',\r\n    initialState,\r\n    reducers: {\r\n        sparklesPopulateItems: (state, action: PayloadAction<drfPaginationAPI>) => {\r\n            const obj = action.payload.results;\r\n            console.log(obj);\r\n\r\n           obj.forEach((v: any, k: number, a: object[]) => {\r\n                if ('timestamp' in v) {\r\n                    v['timestamp'] = time_nextrun( // MISNOMER, just formatting...\r\n                        time_localize(new Date(v['timestamp']))).toString(); //Date.parse(v.timestamp);\r\n\r\n                }\r\n                \r\n            });\r\n\r\n            state.items = obj.reverse().map((item: any, index: number) => (                \r\n                {...item, key: index }\r\n            ));\r\n\r\n            \r\n\r\n            state.urlNext = action.payload.next ? action.payload.next : \"\";\r\n            state.urlPrev = action.payload.previous ? action.payload.previous : \"\";\r\n            state.itemCount = action.payload.count ? action.payload.count : 0;\r\n            state.pageSize = action.payload.itemsPerPage || 50;\r\n            console.log(\"ITEM COUNT \" + state.itemCount);\r\n        },\r\n    },\r\n});\r\n\r\nexport const { sparklesPopulateItems } = sparklesPageSlice.actions;\r\n\r\nexport default sparklesPageSlice.reducer;\r\n","const initialState = {\r\n    isLoadingDept: true,\r\n    isLoadingEmpDesig: true,\r\n    // isLoadingEmpStatus:true,\r\n    isLoadingGroup: true,\r\n    isLoadingExGroup: true\r\n};\r\n\r\nconst isLoadingReducer = (state = initialState, action: any) => {   //Initial state is used if action is undefined, otherwise it will break\r\n    switch (action.type) {\r\n        case \"ISLOADING_Dept\":\r\n\r\n            return {\r\n                ...state,\r\n                isLoadingDept: action.payload\r\n            };\r\n        case \"ISLOADING_EmpDesig\":\r\n\r\n            return {\r\n                ...state,\r\n                isLoadingEmpDesig: action.payload\r\n            };\r\n        case \"ISLOADING_EmpStatus\":\r\n\r\n            return {\r\n                ...state,\r\n                isLoadingEmpStatus: action.payload\r\n            };\r\n        case \"ISLOADING_Group\":\r\n\r\n            return {\r\n                ...state,\r\n                isLoadingGroup: action.payload\r\n            };\r\n        case \"ISLOADING_Ex_Group\":\r\n\r\n            return {\r\n                ...state,\r\n                isLoadingExGroup: action.payload\r\n            };\r\n        default:\r\n            return state;\r\n    }\r\n};\r\n\r\nexport default isLoadingReducer\r\n","\r\nconst initialState = {\r\n       auth: false\r\n};\r\n\r\nconst isAuthReducer = (state = initialState, action: any) => {\r\n       switch (action.type) {\r\n              case \"Auth\":\r\n                     return {\r\n                            auth: action.payload\r\n                     }\r\n              default:\r\n                     return state;\r\n       }\r\n\r\n}\r\n\r\n\r\n\r\nexport default isAuthReducer\r\n","import { configureStore, ThunkAction, Action } from '@reduxjs/toolkit';\r\n\r\nimport sspReducer from '../features/ServerSidePaginator/sspSlice';\r\nimport sspSparklesReducer from '../features/ServerSidePaginator/sspSliceSparkles';\r\nimport isLoadingReducer from './reducers/isLoadingReducer';\r\nimport authReducer from './reducers/authReducer';\r\n// a\r\n\r\nexport const store = configureStore({ // <-- func def that takes an object\r\n  reducer: {\r\n    sspSparkles: sspSparklesReducer,\r\n    ssp: sspReducer,\r\n    isLoading: isLoadingReducer,\r\n    isAuth: authReducer,\r\n  },\r\n});\r\n\r\nexport type AppDispatch = typeof store.dispatch; // <-- HERE'S THE DISPATCH\r\nexport type RootState = ReturnType<typeof store.getState>; // <-- TypeScript type inference\r\nexport type AppThunk<ReturnType = void> = ThunkAction<\r\n  ReturnType,\r\n  RootState,\r\n  unknown,\r\n  Action<string>\r\n>;\r\n","import React, { Component } from 'react';\r\nimport axiosInstance from '../axiosApi';\r\nimport { Tooltip, Radio, Spin } from 'antd';\r\nimport { store } from '../redux/store'\r\n\r\ntype Props = {\r\n  onChange: (key: string, value: any) => void,\r\n  isLoading: (isLoading: boolean) => void,\r\n};\r\ntype State = {\r\n  selected: string,\r\n  items: any[],\r\n  is_loading: boolean,\r\n};\r\n\r\nfunction decode_token_extra_data(token: string) {\r\n  // NOTE token argument ignored for now\r\n  const access_token = localStorage.getItem(\"access_token\") || \"\";\r\n  // split token  (base64) into header, payload and (opt) signature\r\n  const [header_base64, payload_base64] = access_token.split(\".\");\r\n\r\n  // convert data from base64 back into regular string\r\n  const payload_json = atob(payload_base64);\r\n  // return just the \"exd\" field in the token json\r\n  // and discard other data (exd shall be a subobj as defined in backend admin)\r\n  return (JSON.parse(payload_json).exd);\r\n}\r\n\r\nclass BranchOption extends Component<Props, State> {\r\n\r\n  state: State = {\r\n    selected: '0',\r\n    items: [],\r\n    is_loading: true,\r\n  };\r\n\r\n  dispatchLoading() {               //this function passes true to a store value for EmpStatus when the branche is changed\r\n    //it has to be done like this because branch change doesn't trigger EmpStatus Component (it only renders once)\r\n    store.dispatch({\r\n      type: \"ISLOADING_EmpStatus\",\r\n      payload: true\r\n    })\r\n\r\n\r\n  }\r\n\r\n\r\n  componentDidMount() {\r\n    this.load();\r\n  }\r\n\r\n  handleChange = (e: any) => {\r\n    this.setState({\r\n      selected: e.target.value,\r\n    });\r\n\r\n    this.dispatchLoading()\r\n    // This is going to pass the selected.branch: e back up to the parent components state\r\n    this.props.onChange(\"branch\", e.target.value);\r\n  };\r\n\r\n  load = () => {\r\n    this.props.isLoading(this.state.is_loading);\r\n\r\n    try {\r\n      const default_exclude_branches = decode_token_extra_data(\"\");\r\n      console.log(default_exclude_branches.excbranches);\r\n      const excbranches = default_exclude_branches.excbranches || [];\r\n\r\n      axiosInstance.post('shout/branches/')\r\n        .then(res => {\r\n          const obj_clean = res.data.branches;\r\n\r\n          var obj: any[] = [];\r\n\r\n          // Filter any groups with branch_id matching in default_exclude_branches into the obj array\r\n          for (let i = 0; i < obj_clean.length; i++) {\r\n            if (!excbranches.includes(obj_clean[i].branch_id)) {\r\n              obj.push(obj_clean[i]);\r\n            }\r\n          }\r\n\r\n          this.setState({\r\n            selected: obj[0].branch_id,\r\n            items: obj,\r\n            is_loading: false\r\n          }, () => {\r\n            this.props.onChange(\"branch\", obj[0].branch_id);\r\n            this.props.isLoading(this.state.is_loading);\r\n\r\n\r\n\r\n          });\r\n        });\r\n    } catch (error) {\r\n      console.log(\"Error Loading Branches: \", JSON.stringify(error, null, 4));\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const options = this.state.items.map(d => <Radio.Button value={d.branch_id} key={d.branch_id}>{d.branch_name}</Radio.Button>);\r\n    return (\r\n      <div>\r\n        {this.state.is_loading ? (\r\n          <div className=\"branchLoading\">\r\n            <Spin />\r\n          </div>) : (\r\n          <Tooltip placement=\"top\" title=\"Selecting the branch will update available departments and groups.\">\r\n            <Radio.Group\r\n              onChange={this.handleChange}\r\n              defaultValue={this.state.selected}\r\n              value={this.state.selected}\r\n              style={{ width: '100%' }}\r\n            >\r\n              {options}\r\n            </Radio.Group>\r\n          </Tooltip>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default BranchOption;\r\n","import React, { Component } from 'react';\r\nimport axiosInstance from '../axiosApi';\r\nimport { Tooltip } from 'antd';\r\nimport { Select } from 'antd';\r\nimport { store } from '../redux/store'\r\nimport { UnconnectedEmpList } from './EmpList'\r\nconst { Option } = Select;\r\n\r\ntype Props = {\r\n  branch_id: number,\r\n  onChange: (key: string, value: any) => void,\r\n};\r\ntype State = {\r\n  selected?: any[],\r\n  items: any[];\r\n  branchID: number,\r\n  loading: boolean,\r\n};\r\n\r\nclass DeptOption extends Component<Props, State> {\r\n  state: State = {\r\n    selected: [],\r\n    items: [],\r\n    branchID: 0,\r\n    loading: true\r\n  };\r\n\r\n  clearFields() {\r\n    console.log(\"clearing!\");\r\n    this.setState({\r\n      selected: undefined\r\n    });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.load();\r\n  }\r\n\r\n  handleChange = (e: any) => {\r\n    console.log(e);\r\n    this.setState({\r\n      selected: e,\r\n    });\r\n\r\n    // send our selected department values back up to the parent to handle--like an adult\r\n    this.props.onChange(\"dept\", e);\r\n  };\r\n\r\n  load = () => {\r\n    if (this.props.branch_id !== undefined) {\r\n      try {\r\n        // updating to new department values needs to force a blanking to the parents selection\r\n        this.props.onChange(\"dept\", []);\r\n\r\n        let payload = {\r\n          \"branch_id\": this.props.branch_id\r\n        };\r\n\r\n        this.setState({\r\n          loading: true,\r\n          selected: []\r\n        });\r\n\r\n        store.dispatch({                      // sending value true when component is called, so that the button in EmpList gets disabled\r\n          type: \"ISLOADING_Dept\",\r\n          payload:true\r\n        });\r\n        axiosInstance.post('shout/departments/', payload)\r\n          .then(res => {\r\n            const obj = res.data.departments;\r\n            this.setState({\r\n              items: obj,\r\n              loading: false\r\n            });\r\n            store.dispatch({                      // this is sending false to store component, and enables the button along with other components\r\n              type: \"ISLOADING_Dept\",\r\n              payload:this.state.loading\r\n            });\r\n          });\r\n      } catch (error) {\r\n        console.log(\"Error Loading Departments: \", JSON.stringify(error, null, 4));\r\n      }\r\n    }\r\n  };\r\n\r\n  componentDidUpdate(prevProps: Props) {\r\n    if (this.props.branch_id !== prevProps.branch_id) {\r\n      this.load();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const options = this.state.items.map((d: any) => (<Option value={d.department_id} key={d.department_id}>{d.department_name}</Option>));\r\n    return (\r\n      <div>\r\n        <Tooltip placement=\"top\" title=\"Clearing all departments from selection will select all employees across all departments.\">\r\n          <span>\r\n            <Select\r\n              mode=\"multiple\"\r\n              placeholder=\"Select Departments\"\r\n              onChange={this.handleChange}\r\n              filterOption={(input, option) => option?.props?.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}\r\n              optionFilterProp=\"children\"\r\n              value={this.state.selected}\r\n              loading={this.state.loading}\r\n              style={{ width: '100%' }}\r\n              allowClear\r\n              disabled={this.state.loading}\r\n            >\r\n              {options}\r\n            </Select>\r\n          </span>\r\n        </Tooltip>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default DeptOption;\r\n","import React, { Component } from 'react';\r\nimport axiosInstance from '../axiosApi';\r\nimport { Tooltip } from 'antd';\r\nimport { Select } from 'antd';\r\nimport { store } from '../redux/store'\r\n\r\nconst { Option } = Select;\r\n\r\ntype Props = {\r\n  branch_id: number,\r\n  onChange: (key: string, value: any) => void,\r\n};\r\ntype State = {\r\n  selected?: any[],\r\n  items: any[];\r\n  branchID: number,\r\n  loading: boolean,\r\n};\r\n\r\nclass GroupOption extends Component<Props, State> {\r\n  state: State = {\r\n    selected: [],\r\n    items: [],\r\n    branchID: 0,\r\n    loading: true\r\n  };\r\n\r\n  clearFields() {\r\n    console.log(\"clearing!\");\r\n    this.setState({\r\n      selected: undefined\r\n    });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.load();\r\n  }\r\n\r\n  handleChange = (e: any) => {\r\n    console.log(e);\r\n    this.setState({\r\n      selected: e,\r\n    });\r\n\r\n    // send our selected group values back up to the parent to handle--like an adult\r\n    this.props.onChange(\"groups\", e);\r\n  };\r\n\r\n  load = () => {\r\n    if (this.props.branch_id !== undefined) {\r\n      try {\r\n        // updating to new group values needs to force a blanking to the parents selection\r\n        this.props.onChange(\"groups\", []);\r\n\r\n        let payload = {\r\n          \"branch_id\": this.props.branch_id\r\n        };\r\n\r\n        this.setState({\r\n          loading: true,\r\n          selected: []\r\n        });\r\n\r\n        store.dispatch({                      // sending value true when component is called, so that the button in EmpList gets disabled\r\n          type: \"ISLOADING_Group\",\r\n          payload:true\r\n        });\r\n\r\n        axiosInstance.post('shout/groups/', payload)\r\n          .then(res => {\r\n            const obj = res.data.groups;\r\n            this.setState({\r\n              items: obj,\r\n              loading: false\r\n            });\r\n            store.dispatch({                        // this is sending false to store component, and enables the button along with other components\r\n              type: \"ISLOADING_Group\",\r\n              payload:this.state.loading\r\n            });\r\n            store.dispatch({                     // see EmpStatusOption for refference\r\n              type: \"ISLOADING_EmpStatus\",\r\n              payload:this.state.loading\r\n            })\r\n          });\r\n      } catch (error) {\r\n        console.log(\"Error Loading Groups: \", JSON.stringify(error, null, 4));\r\n      }\r\n    }\r\n  };\r\n\r\n  componentDidUpdate(prevProps: Props) {\r\n    if (this.props.branch_id !== prevProps.branch_id) {\r\n      this.load();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const options = this.state.items.map((d: any) => <Option value={d.group_id} key={d.group_id}>{d.group_name}</Option>);\r\n    return (\r\n      <div>\r\n        <Tooltip placement=\"top\" title=\"Clearing all groups from selection will select all employees across all groups.\">\r\n          <span>\r\n            <Select\r\n              mode=\"multiple\"\r\n              placeholder=\"Select Groups\"\r\n              onChange={this.handleChange}\r\n              filterOption={(input, option) => option?.props?.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}\r\n              optionFilterProp=\"children\"\r\n              value={this.state.selected}\r\n              loading={this.state.loading}\r\n              style={{ width: '100%' }}\r\n              allowClear\r\n              disabled={this.state.loading}\r\n            >\r\n              {options}\r\n            </Select>\r\n          </span>\r\n        </Tooltip>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default GroupOption;\r\n","import React, { Component } from 'react';\r\nimport axiosInstance from '../axiosApi';\r\nimport { Tooltip } from 'antd';\r\nimport { Select } from 'antd';\r\nimport { store } from '../redux/store'\r\n\r\n\r\n\r\nconst { Option } = Select;\r\n\r\ntype Props = {\r\n  branch_id: number,\r\n  onChange: (key: string, value: any) => void,\r\n};\r\ntype State = {\r\n  selected?: any[],\r\n  items: any[];\r\n  branchID: number,\r\n  loading: boolean,\r\n};\r\n\r\nfunction decode_token_extra_data(token: string) {\r\n  // NOTE token argument ignored for now\r\n  const access_token = localStorage.getItem(\"access_token\") || \"\";\r\n  // split token  (base64) into header, payload and (opt) signature\r\n  const [header_base64, payload_base64] = access_token.split(\".\");\r\n\r\n  // convert data from base64 back into regular string\r\n  const payload_json = atob(payload_base64);\r\n  // return just the \"exd\" field in the token json\r\n  // and discard other data (exd shall be a subobj as defined in backend admin)\r\n  return (JSON.parse(payload_json).exd);\r\n}\r\n\r\nclass ExGroupOption extends Component<Props, State> {\r\n  state: State = {\r\n    selected: [],\r\n    items: [],\r\n    branchID: 0,\r\n    loading: true\r\n  };\r\n\r\n  clearFields() {\r\n    console.log(\"clearing!\");\r\n    this.setState({\r\n      selected: undefined\r\n    });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.load();\r\n  }\r\n\r\n  handleChange = (e: any) => {\r\n    console.log(e);\r\n    this.setState({\r\n      selected: e,\r\n    });\r\n\r\n    // send our selected group values back up to the parent to handle--like an adult\r\n    this.props.onChange(\"ex_groups\", e);\r\n  };\r\n\r\n  load = () => {\r\n    if (this.props.branch_id !== undefined) {\r\n      try {\r\n        // updating to new group values needs to force a blanking to the parents selection\r\n        this.props.onChange(\"ex_groups\", []);\r\n\r\n        let payload = {\r\n          \"branch_id\": this.props.branch_id\r\n        };\r\n\r\n        const default_exclude_groups = decode_token_extra_data(\"\");\r\n        console.log(default_exclude_groups.excgroups);\r\n\r\n        this.setState({\r\n          loading: true,\r\n          selected: default_exclude_groups.excgroups || []\r\n        });\r\n\r\n        store.dispatch({                      // sending value true when component is called, so that the button in EmpList gets disabled\r\n          type: \"ISLOADING_Ex_Group\",\r\n          payload: true\r\n        });\r\n\r\n        axiosInstance.post('shout/groups/', payload)\r\n          .then(res => {\r\n            const obj = res.data.groups;\r\n            this.setState({\r\n              items: obj,\r\n              loading: false\r\n            });\r\n\r\n            this.props.onChange(\"ex_groups\", this.state.selected);\r\n\r\n            store.dispatch({                        // this is sending false to store component, and enables the button along with other components\r\n              type: \"ISLOADING_Ex_Group\",\r\n              payload: this.state.loading\r\n            });\r\n\r\n          });\r\n      } catch (error) {\r\n        console.log(\"Error Loading Ex Groups: \", JSON.stringify(error, null, 4));\r\n      }\r\n    }\r\n  };\r\n\r\n  componentDidUpdate(prevProps: Props) {\r\n    if (this.props.branch_id !== prevProps.branch_id) {\r\n      this.load();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const options = this.state.items.map((d: any) => <Option value={d.group_id} key={d.group_id}>{d.group_name}</Option>);\r\n    return (\r\n      <div>\r\n        <Tooltip placement=\"top\" title=\"Example: An employee in Group A and B and you Select Group A above and Group B in the exclude, the employee will be excluded.\">\r\n          <span>\r\n            <Select\r\n              mode=\"multiple\"\r\n              placeholder=\"Select Exclusion Groups\"\r\n              onChange={this.handleChange}\r\n              filterOption={(input, option) => option?.props?.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}\r\n              optionFilterProp=\"children\"\r\n              value={this.state.selected}\r\n              loading={this.state.loading}\r\n              style={{ width: '100%' }}\r\n              allowClear\r\n              disabled={this.state.loading}\r\n            >\r\n              {options}\r\n            </Select>\r\n          </span>\r\n        </Tooltip>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ExGroupOption;\r\n","import React, { Component } from 'react';\r\nimport axiosInstance from '../axiosApi';\r\nimport { Tooltip } from 'antd';\r\nimport { Select } from 'antd';\r\nimport { store } from '../redux/store'\r\n\r\nconst { Option } = Select;\r\n\r\ntype Props = {\r\n  onChange: (key: string, value: any) => void,\r\n};\r\n\r\ntype State = {\r\n  selected: any[],\r\n  items: any[],\r\n  loading: boolean,\r\n};\r\n\r\nclass EmpStatusOption extends Component<Props, State> {\r\n  state: State = {\r\n    selected: [],\r\n    items: [],\r\n    loading: true\r\n  };\r\n\r\n  clearFields() {\r\n    console.log(\"clearing!\");\r\n    this.setState({\r\n      selected: [],\r\n    });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.load();\r\n  }\r\n\r\n  handleChange = (e: any) => {\r\n    this.setState({\r\n      selected: e,\r\n    });\r\n\r\n    // This is going to pass the selected.valu: e back up to the parent components state\r\n    this.props.onChange(\"empStatuses\", e);\r\n  };\r\n\r\n  load = () => {\r\n    try {\r\n      //push a blank value back up so people know to clear ish\r\n      this.props.onChange(\"empStatuses\", []);\r\n\r\n      this.setState({\r\n        loading: true,\r\n        selected: []\r\n      });\r\n\r\n      store.dispatch({                            // sending value true when component is called, so that the button in EmpList gets disabled\r\n        type: \"ISLOADING_EmpStatus\",\r\n        payload: true\r\n      });\r\n\r\n      axiosInstance.post('shout/employeestatuses/')\r\n        .then(res => {\r\n          const obj: any[] = res.data.empstatuses;\r\n\r\n          var presets: any[] = []\r\n\r\n          obj.forEach(curStatus => {\r\n            if (curStatus.employee_status_name == 'active') {\r\n              presets.push(curStatus.employee_status_name)\r\n            }\r\n          });\r\n\r\n          this.setState({\r\n            items: obj,\r\n            loading: false\r\n          });\r\n\r\n          this.handleChange(presets);\r\n          //store.dispatch is in Group component, cuz this only gets called once, so it doesn't do anything on branch change\r\n        });\r\n    } catch (error) {\r\n      console.log(\"Error Loading Employee Statuses: \", JSON.stringify(error, null, 4));\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const options = this.state.items.map((d: any) => <Option value={d.employee_status_name} key={d.employee_status_name}>{d.employee_status_name}</Option>);\r\n    return (\r\n      <div>\r\n        <Tooltip placement=\"top\" title=\"Clearing employee statuses from selection will select all employees accross all statuses.\">\r\n          <span>\r\n            <Select\r\n              mode=\"multiple\"\r\n              placeholder=\"Select Employee Statuses\"\r\n              onChange={this.handleChange}\r\n              filterOption={(input, option) => option?.props?.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}\r\n              optionFilterProp=\"children\"\r\n              value={this.state.selected}\r\n              loading={this.state.loading}\r\n              disabled={this.state.loading}\r\n              style={{ width: '100%' }}\r\n              allowClear\r\n            >\r\n              {options}\r\n            </Select>\r\n          </span>\r\n        </Tooltip>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default EmpStatusOption;\r\n","import React, { Component } from 'react';\r\nimport axiosInstance from '../axiosApi';\r\nimport { Tooltip } from 'antd';\r\nimport { Select } from 'antd';\r\nimport { store } from \"../redux/store\"\r\n\r\nconst { Option } = Select;\r\n\r\ntype Props = {\r\n  branch_id: number,\r\n  onChange: (key: string, value: any) => void,\r\n};\r\ntype State = {\r\n  selected?: string,\r\n  items: any[],\r\n  loading: boolean,\r\n};\r\n\r\nclass EmpDesigOption extends Component<Props, State> {\r\n  state: State = {\r\n    items: [],\r\n    loading: true,\r\n  };\r\n\r\n  clearFields() {\r\n    console.log(\"clearing!\");\r\n    this.setState({\r\n      selected: undefined\r\n    });\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.load();\r\n  }\r\n\r\n  handleChange = (e: any) => {\r\n    this.setState({\r\n      selected: e,\r\n    });\r\n\r\n    // This is going to pass the {selected_branch: e} back up to the parent component\r\n    this.props.onChange(\"empDesig\", e);\r\n  };\r\n\r\n  load = () => {\r\n    if (this.props.branch_id !== undefined) {\r\n      try {\r\n        // clear the parent just in case it's got a value\r\n        this.props.onChange(\"empDesig\", undefined);\r\n\r\n        let payload = {\r\n          \"branch_id\": this.props.branch_id\r\n        };\r\n\r\n        this.setState({\r\n          loading: true,\r\n          selected: undefined\r\n        });\r\n        store.dispatch({                           // sending value true when component is called, so that the button in EmpList gets disabled\r\n          type: \"ISLOADING_EmpDesig\",\r\n          payload:true\r\n        });\r\n\r\n        axiosInstance.post('shout/employeedesigs/', payload)\r\n          .then(res => {\r\n            const obj = res.data.empdesigs;\r\n            this.setState({\r\n              items: obj,\r\n              loading: false\r\n            });\r\n            store.dispatch({                                  // this is sending false to store component, and enables the button along with other components\r\n              type: \"ISLOADING_EmpDesig\",\r\n              payload:this.state.loading\r\n            });\r\n\r\n          });\r\n      } catch (error) {\r\n        console.log(\"Error Loading Employee Designations: \", JSON.stringify(error));\r\n      }\r\n    }\r\n  };\r\n\r\n  componentDidUpdate(prevProps: Props) {\r\n    if (this.props.branch_id !== prevProps.branch_id) {\r\n      this.load();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const options = this.state.items.map((d: any) => <Option value={d.designation_name} key={d.designation_name}>{d.designation_name}</Option>);\r\n    return (\r\n      <div>\r\n        <Tooltip placement=\"top\" title=\"Clearing employee designations from selection will select all employees across all designations.\">\r\n          <span>\r\n            <Select\r\n              showSearch\r\n              placeholder=\"Select an Employee Designation\"\r\n              onChange={this.handleChange}\r\n              filterOption={(input, option) => option?.props?.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}\r\n              optionFilterProp=\"children\"\r\n              value={this.state.selected}\r\n              loading={this.state.loading}\r\n              disabled={this.state.loading}\r\n              style={{ width: '100%' }}\r\n              allowClear\r\n            >\r\n              {options}\r\n            </Select>\r\n          </span>\r\n        </Tooltip>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default EmpDesigOption;\r\n","// @ts-nocheck\r\nimport React, { Component, createRef, forwardRef, ReactText, RefObject } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport axiosInstance from '../axiosApi';\r\nimport Highlighter from 'react-highlight-words';\r\n\r\nimport { Button, Row, Col, Tooltip, Table, Typography, Input, Divider, message, Alert } from 'antd';\r\nimport { SettingFilled, SearchOutlined } from '@ant-design/icons';\r\nimport { FilterDropdownProps } from 'antd/lib/table/interface';\r\nimport { connect } from 'react-redux'\r\nimport EmpDeetsMS from './EmpDeetsOption';\r\nimport { store } from '../redux/store'\r\nimport { isTemplateSpan } from 'typescript';\r\n\r\n\r\nconst { Text, Title } = Typography;\r\n\r\ntype Props = {\r\n  loading: boolean,\r\n  staging: boolean,\r\n  excluded_ids: (ids: any[]) => void,\r\n  selected_count: (length: number) => void,\r\n  selected_ids: any,\r\n};\r\ntype State = {\r\n  generate: any,\r\n  items: any[],\r\n  searchText: string,\r\n  searchedColumn: string,\r\n  selectedItems: ReactText[],\r\n  unselectedItems: any[],\r\n  button: boolean,\r\n  selected_emp_deets: {\r\n    empDeets: any[]\r\n  },\r\n};\r\n\r\n\r\n\r\nclass EmpList extends Component<any, State> {    //changed <Props> to <any> cuz of TypeScript\r\n\r\n  constructor(props: any) {\r\n    super(props)\r\n    this.state.button = true\r\n  }\r\n  state: State = {\r\n    generate: {\r\n      loading: false\r\n    },\r\n    items: [],\r\n    searchText: '',\r\n    searchedColumn: '',\r\n    selectedItems: [],\r\n    unselectedItems: [],\r\n    button: true,\r\n    selected_emp_deets: {\r\n      empDeets: []\r\n    },\r\n  };\r\n\r\n  private empDeetsMSRef: RefObject<EmpDeetsMS> = createRef();\r\n  private branchOptionRef: RefObject<BranchOption> = createRef();\r\n\r\n  update() {\r\n    if (this.props.isLoadingDept === true &&\r\n      this.props.isLoadingEmpStatus === true &&\r\n      this.props.isLoadingGroup === true &&\r\n      this.props.isLoadingExGroup === true &&\r\n      this.props.isLoadingEmpDesig === true &&\r\n      this.state.button === false) {\r\n      this.setState({ button: true })\r\n\r\n    }\r\n    if (\r\n      this.props.isLoadingDept === false &&\r\n      this.props.isLoadingEmpStatus === false &&\r\n      this.props.isLoadingGroup === false &&\r\n      this.props.isLoadingExGroup === false &&\r\n      this.props.isLoadingEmpDesig === false &&\r\n      this.state.button !== false) {\r\n      this.setState({\r\n        button: false\r\n      })\r\n    }\r\n  }\r\n\r\n  componentWillUnmount() {                   //returns null when component unmounts, so it does't hold any data. componentDidUpdate should't be used without this\r\n    this.setState = (state, callback) => {\r\n      return;\r\n    };\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    this.update()\r\n  } // what\r\n\r\n// @ts-ignore\r\n  private searchInputRef: RefObject<Input> = createRef();\r\n\r\n  updateSelectedEmpDeets = (k: any, v: any) => {\r\n    this.setState(prevState => ({\r\n      ...prevState,\r\n      selected_emp_deets: {\r\n        ...prevState.selected_emp_deets,\r\n        [k]: v\r\n      }\r\n    }));\r\n  };\r\n\r\n  clearFields() {\r\n    console.log(\"clearing!\");\r\n    this.setState({\r\n      items: [],\r\n      selectedItems: [],\r\n      unselectedItems: [],\r\n    });\r\n  }\r\n\r\n  handleSearch = (selectedKeys: any[], confirm: () => void, dataIndex: any) => {\r\n    confirm();\r\n    this.setState({\r\n      searchText: selectedKeys[0],\r\n      searchedColumn: dataIndex,\r\n    });\r\n  };\r\n\r\n  handleReset = (clearFilters: (() => void) | undefined) => {\r\n    if (!clearFilters) {\r\n      return;\r\n    }\r\n    clearFilters();\r\n    this.setState({ searchText: '' });\r\n  };\r\n\r\n   generateList = () => {\r\n    // TODO: Create a log entry here for the current filter settings\r\n    this.setState({\r\n      items: [],\r\n      generate: {\r\n        loading: true\r\n      },\r\n      selectedItems: [],\r\n      unselectedItems: []\r\n    });\r\n\r\n    // Update the parents exclude list too!\r\n    this.props.excluded_ids(this.state.unselectedItems);\r\n\r\n    try {\r\n      let payload = {\r\n        \"branch_id\": this.props.selected_ids.branch,\r\n        \"department_id\": this.props.selected_ids.dept,\r\n        \"ac_group_ids\": this.props.selected_ids.groups,\r\n        \"ac_ex_group_ids\": this.props.selected_ids.ex_groups,\r\n        \"emp_statuses\": this.props.selected_ids.empStatuses,\r\n        \"emp_desigs\": this.props.selected_ids.empDesig,\r\n        \"ac_additional_joins\": this.state.selected_emp_deets\r\n      };\r\n\r\n      axiosInstance.post('shout/employee/list/', payload)\r\n        .then(res => {\r\n          const obj = res.data.emp_list;\r\n\r\n          // This was an attempt to select all valid values as they get loaded into the table\r\n          // Not entirely sure why it's not working but I think it's something about how selectedItems is managed by the \r\n\r\n          const newSelectedItems: any[] = [];\r\n          const newUnselectedItems: any[] = [];\r\n          for (const [index, value] of obj.entries()) {\r\n            if (value.employee_phone_main !== \"invalid phone\") {\r\n              newSelectedItems.push(value.employee_id);\r\n            } else {\r\n              newUnselectedItems.push(value.employee_id);\r\n            }\r\n          }\r\n\r\n          this.setState({\r\n            selectedItems: newSelectedItems,\r\n            unselectedItems: newUnselectedItems,\r\n            items: obj,\r\n            generate: { loading: false },\r\n          }, () => {\r\n            this.props.selected_count(newSelectedItems.length);\r\n            this.props.excluded_ids(newUnselectedItems);\r\n            this.loadSuccces();\r\n          });\r\n        });\r\n    } catch (error) {\r\n      console.log(\"Error Loading Departments: \", JSON.stringify(error, null, 4));\r\n    }\r\n  };\r\n\r\n  clearTable = () => { // on branch change; \r\n    // NOT for clearing selection; this is for clearing EMPLOYEE LIST\r\n    // ON BRANCH CHANGE (different component); in effect, the rows\r\n    // should disappear, because that's the default state ON LOAD.\r\n    // Generate SMS List button takes BRANCH into account, and\r\n    // we must remove the table rows ON BRANCH CHANGE. (as per task spec)\r\n    // EASIER SAID THAN DONE.\r\n    // Table DOM does not update just because we do\r\n    EmpListTable = document.getElementById(\"theemplist\");\r\n    EmpListTable.datasource = []\r\n    this.setState({items: []})\r\n    EmpListTable.datasource = this.state.items;\r\n    // nor is it designed to.\r\n  }\r\n\r\n  handleDetailsSwitch = (e: any) => {\r\n\r\n    console.log(e)\r\n  }\r\n\r\n  getColumnSearchProps = (dataIndex: string, indexName: any) => ({\r\n    filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }: FilterDropdownProps) => (\r\n      <div style={{ padding: 8 }}>\r\n        <Input\r\n          ref={this.searchInputRef}\r\n          placeholder={`Search ${indexName}`}\r\n          value={selectedKeys[0]}\r\n          onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}\r\n          onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n          style={{ width: 188, marginBottom: 8, display: 'block' }}\r\n        />\r\n        <Button\r\n          type=\"primary\"\r\n          onClick={() => this.handleSearch(selectedKeys, confirm, dataIndex)}\r\n          icon={<SearchOutlined />}\r\n          size=\"small\"\r\n          style={{ width: 90, marginRight: 8 }}\r\n        >\r\n          Search\r\n        </Button>\r\n        <Button onClick={() => this.handleReset(clearFilters)} size=\"small\" style={{ width: 90 }}>\r\n          Reset\r\n        </Button>\r\n      </div>\r\n    ),\r\n    filterIcon: (filtered: any) => <SearchOutlined style={{ color: filtered ? '#1890ff' : undefined }} />,\r\n    onFilter: (value: any, record: { [x: string]: any; }) => {\r\n      let temp = record[dataIndex];\r\n      if (temp === null) { temp = \"\"; }\r\n      return temp\r\n        .toString()\r\n        .toLowerCase()\r\n        .includes(value.toLowerCase());\r\n    },\r\n    onFilterDropdownVisibleChange: (visible: any) => {\r\n      if (visible) {\r\n        setTimeout(() => this.searchInputRef?.current?.select());\r\n      }\r\n    },\r\n    render: (text: { toString: () => string; }) =>\r\n      this.state.searchedColumn === dataIndex ? (\r\n        <Highlighter\r\n          highlightStyle={{ backgroundColor: '#ffc069', padding: 0 }}\r\n          searchWords={[this.state.searchText]}\r\n          autoEscape\r\n          textToHighlight={text.toString()}\r\n        />\r\n      ) : (\r\n        text\r\n      ),\r\n  });\r\n\r\n  handleOverrideSelectAll = (selected: any, selectedRows: any, changeRows: any[]) => {\r\n\r\n      const newSelectedItems = Array();\r\n      const newUnselectedItems = Array();\r\n\r\n      this.state.items.forEach((value: any) => {\r\n        if (value.employee_phone_main !== \"invalid phone\") {\r\n          newSelectedItems.push(value.employee_id);\r\n        } else {\r\n          newUnselectedItems.push(value.employee_id);\r\n        }\r\n      });\r\n\r\n      this.setState({ \r\n        unselectedItems: newUnselectedItems,\r\n        selectedItems: newSelectedItems \r\n    },\r\n        () => {\r\n          this.props.excluded_ids(this.state.unselectedItems);\r\n          this.props.selected_count(this.state.selectedItems.length);\r\n        });\r\n\r\n      \r\n    \r\n  };\r\n\r\n  handleOverrideSelectNone = (selecteselected: any, selectedRows: any, changeRows: any[]) => {\r\n    const newUnselectedItems = Array();\r\n\r\n    this.state.items.forEach((value: any) => {\r\n        newUnselectedItems.push(value.employee_id);\r\n    });\r\n\r\n    this.setState({ \r\n      unselectedItems: newUnselectedItems,\r\n      selectedItems: Array() \r\n  },\r\n      () => {\r\n        this.props.excluded_ids(this.state.unselectedItems);\r\n        this.props.selected_count(this.state.selectedItems.length);\r\n      }\r\n    );\r\n\r\n    \r\n  };\r\n\r\n  handleChange = (selectedRowKeys: ReactText[]) => {\r\n    this.setState({ selectedItems: selectedRowKeys });\r\n    this.props.selected_count(selectedRowKeys.length);\r\n  };\r\n\r\n  handleSelect = (record: any, selected: any) => {\r\n    // if selected is true, we're adding to the \"include list\" and need to remove it from the exclude list\r\n    // if selected is false, we're deleting from the include list and need to add it to the exclude list\r\n    if (selected) {\r\n      const newArray = [...this.state.unselectedItems];\r\n      const index = newArray.indexOf(record.employee_id);\r\n      if (index !== -1) {\r\n        newArray.splice(index, 1);\r\n        this.setState({ unselectedItems: newArray },\r\n          () => this.props.excluded_ids(this.state.unselectedItems));\r\n      }\r\n    } else {\r\n      // add to the unselectedItems list\r\n      this.setState({ unselectedItems: [...this.state.unselectedItems, record.employee_id] },\r\n        () => this.props.excluded_ids(this.state.unselectedItems));\r\n    }\r\n  };\r\n\r\n  handleSelectAll = (selected: any, selectedRows: any, changeRows: any[]) => {\r\n    if (selected) {\r\n      // adding to the exclude list\r\n      // for each entry that is being selected, we need to remove it from the excluded id list\r\n      // get the current list form state casuse state is slow\r\n\r\n      // IF EXIST SELECTED ITEMS\r\n      //\r\n      // 1. init new array from unselected items\r\n      // 2. for each in changeRows(?)\r\n      // 2.1 get index of row record employee id\r\n      // 2.2 if (index is valid)\r\n      // 2.2.1 remove element from new array (will reorder array)\r\n      // 3. set unselected items to new array\r\n      // 3.1 with side effect of setting excluded_ids to unselected items\r\n      //\r\n      // ELSE\r\n      //\r\n      // 1. init new array and set it to unselected items\r\n      // 2. for each in changeRows(?)\r\n      // 2.1 add row record employee id to new array\r\n      // 3. set unselected items to new array\r\n      // 3.1 with side effect of setting excluded_ids to unselected items\r\n\r\n      //find the entries, one by one, and remove them iterative loop\r\n      const newArray = [...this.state.unselectedItems];\r\n      changeRows.forEach(recRemove => {\r\n        const index = newArray.indexOf(recRemove.employee_id);\r\n        if (index !== -1) {\r\n          newArray.splice(index, 1);\r\n        }\r\n      });\r\n      this.setState({ unselectedItems: newArray },\r\n        () => this.props.excluded_ids(this.state.unselectedItems));\r\n    } else {\r\n      // for each entry that gets unselected, we need to add it to the excluded list\r\n      const newArray = this.state.unselectedItems;\r\n      changeRows.forEach((record) => newArray.push(record.employee_id));\r\n      this.setState({ unselectedItems: newArray },\r\n        () => this.props.excluded_ids(this.state.unselectedItems));\r\n    }\r\n  };\r\n\r\n  loadSuccces = () => {\r\n    message.success(\"Found \" + this.state.items.length + \" people.\");\r\n  };\r\n\r\n  polyColumnSorter = (a: any, b: any) => {\r\n\r\n\r\n  };\r\n\r\n   render() {\r\n    const employeesmscolumns = [\r\n      {\r\n        title: 'First Name',\r\n        dataIndex: 'employee_first_name',\r\n        ...this.getColumnSearchProps('employee_first_name', 'First Name'),\r\n        sorter: (a: any, b: any) => a.employee_first_name.toUpperCase() < b.employee_first_name.toUpperCase() ? -1 : 1\r\n      },\r\n      {\r\n        title: 'Last Name',\r\n        dataIndex: 'employee_last_name',\r\n        ...this.getColumnSearchProps('employee_last_name', 'Last Name'),\r\n        sorter: (a: any, b: any) => a.employee_last_name.toUpperCase() < b.employee_last_name.toUpperCase() ? -1 : 1\r\n      },\r\n      {\r\n        title: 'AC ID',\r\n        dataIndex: 'employee_ac_id',\r\n        ...this.getColumnSearchProps('employee_ac_id', 'AC ID'),\r\n        render: (text: any, record: any, c: any) => <a href={record.employee_link} target=\"_blank\">{record.employee_ac_id}</a>,\r\n        sorter: (a: any, b: any) => a.employee_ac_id.toUpperCase() < b.employee_ac_id.toUpperCase() ? -1 : 1\r\n      },\r\n      {\r\n        title: 'Job Title',\r\n        dataIndex: 'employee_job_title',\r\n        ...this.getColumnSearchProps('employee_job_title', 'Job Title'),\r\n        sorter: (a: any, b: any) => a.employee_job_title.toUpperCase() < b.employee_job_title.toUpperCase() ? -1 : 1\r\n      },\r\n      {\r\n        title: 'Phone Number',\r\n        dataIndex: 'employee_phone_main',\r\n        ...this.getColumnSearchProps('employee_phone_main', 'Phone Number'),\r\n        sorter: (a: any, b: any) => a.employee_phone_main.toUpperCase() < b.employee_phone_main.toUpperCase() ? -1 : 1\r\n      },\r\n      //this.state.selected_emp_deets ?\r\n      //  {\r\n      //    title: 'City',\r\n      //    dataIndex: 'employee_city',\r\n      //    ...this.getColumnSearchProps('employee_city', 'City'),\r\n      //  } : {},\r\n      //this.state.selected_emp_deets ? {\r\n      //  title: 'State',\r\n      //  dataIndex: 'employee_state',\r\n      //  ...this.getColumnSearchProps('employee_state', 'State'),\r\n      //} : {},\r\n    ];\r\n\r\n    // These two are managing the row selection but I can't pass a default checked in to the CheckboxProps function\r\n    const rowSelection = {\r\n      selectedRowKeys: this.state.selectedItems,\r\n      onChange: this.handleChange,\r\n      onSelect: this.handleSelect,\r\n      onSelectAll: this.handleSelectAll,\r\n      getCheckboxProps: (record: any) => ({\r\n        disabled: record.employee_phone_main === 'invalid phone', // Column configuration not to be checked\r\n      }),\r\n    };\r\n// @ts-ignore\r\n    return (\r\n      <div>\r\n        {/* Commenting this out till we fix the speed issues\r\n        <Row gutter={[32, 16]}>\r\n          <Col span={12}>\r\n            <Title level={4}>Fetch additional employee data</Title>\r\n            <EmpDeetsMS ref={this.empDeetsMSRef} onChange={this.updateSelectedEmpDeets} />\r\n          </Col>\r\n        \r\n        </Row>\r\n        <Divider />\r\n        */}\r\n        <Row gutter={[32, 16]}>\r\n          <Col span={6}>\r\n            <Tooltip placement=\"right\" title=\"Click here to generate list of phone list of employees for SMS notification sending.\"  >\r\n              <Button\r\n                className=\"generateshoutlists\"\r\n                type=\"primary\"\r\n                icon={<SettingFilled />}\r\n                loading={this.state.button}\r\n                onClick={this.generateList}\r\n                disabled={this.state.button} // this should be changed with Redux\r\n              >\r\n                Generate SMS List\r\n              </Button>\r\n            </Tooltip>\r\n          </Col>\r\n        </Row>\r\n        <Divider />\r\n                \r\n        <Table\r\n        id=\"theemplist\"\r\n          columns={employeesmscolumns}\r\n          dataSource={this.state.items}\r\n          rowKey={record => record.employee_id}\r\n          rowSelection={rowSelection}\r\n          pagination={\r\n// @ts-ignore \r\n            {\r\n// @ts-ignore \r\n            position: 'bottom'\r\n            \r\n          }}\r\n          \r\n          sortDirections={['ascend', 'descend']}\r\n          loading={this.state.generate.loading}\r\n          size='middle'\r\n          title={\r\n            () => \r\n            <div>\r\n            <Title level={4}>Employee SMS Notification List</Title>\r\n            <Divider />\r\n            <Text >Selection override&nbsp;&nbsp;</Text>\r\n            <Tooltip \r\n              placement=\"top\" \r\n              title=\"Selects every employee on every page.\"  >\r\n              <Button\r\n                className=\"selectoverride\"\r\n                type=\"default\"\r\n                onClick={this.handleOverrideSelectAll}\r\n                // disabled={this.state.button} // this should be changed with Redux\r\n              >\r\n                ALL\r\n              </Button>\r\n            </Tooltip>\r\n            <Tooltip \r\n              placement=\"top\" \r\n              title=\"Clears selected employees on every page.\"  >\r\n              <Button\r\n                className=\"selectoverride\"\r\n                type=\"default\"\r\n                onClick={this.handleOverrideSelectNone}\r\n                // disabled={this.state.button} // this should be changed with Redux\r\n              >\r\n                NONE\r\n              </Button>\r\n            </Tooltip>\r\n            \r\n            </div>\r\n          }\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n\r\n\r\nfunction mapStateToProps(state: any) {\r\n  //built in function that should map store states into Component Props\r\n  return {\r\n    isLoadingDept: state.isLoading.isLoadingDept,\r\n    isLoadingEmpDesig: state.isLoading.isLoadingEmpDesig,\r\n    isLoadingEmpStatus: state.isLoading.isLoadingEmpStatus,\r\n    isLoadingGroup: state.isLoading.isLoadingGroup,\r\n    isLoadingExGroup: state.isLoading.isLoadingExGroup,\r\n\r\n\r\n  }\r\n}\r\n\r\nexport { EmpList as UnconnectedEmpList };   //this is used in ShoutTool.tsx cuz default is wrapped in connect() function that is also Redux \r\nexport default connect(mapStateToProps)(EmpList)\r\n","import React, { Component } from 'react';\r\nimport axiosInstance from '../axiosApi';\r\nimport { Statistic, Row, Col, Skeleton, Alert } from 'antd';\r\n\r\ntype Props = {\r\n  branch_id: string,\r\n  message_char_count: number,\r\n  selected_recepient_count: number,\r\n  onCharLimitLoad: (segments: number) => void,\r\n  onChange: (key: string, value: any) => void,\r\n};\r\ntype State = {\r\n  currency: number,\r\n  balance: number,\r\n  phone_number: number,\r\n  us?: any,\r\n  ca?: any,\r\n  au?: any,\r\n  loading: boolean,\r\n  testing: boolean,\r\n  testing_number: number;\r\n  branch:string\r\n};\r\n\r\nclass TwilioAccount extends Component<Props, State> {\r\n  state: State = {\r\n    branch:'',\r\n    currency: 0,\r\n    balance: 0,\r\n    phone_number: 0,\r\n    loading: true,\r\n    testing: false,\r\n    testing_number: +1112223333\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.load();\r\n    \r\n  }\r\n\r\n  load = () => {\r\n    if (this.props.branch_id !== undefined) {\r\n      this.setState({\r\n        branch:this.props.branch_id\r\n      })\r\n      try {\r\n        let payload = {\r\n          \"branch_id\": this.props.branch_id\r\n        };\r\n\r\n        axiosInstance.post('shout/twilio_account/', payload)\r\n          .then(res => {\r\n            const obj = res.data.twilio_account;\r\n            this.setState({\r\n              loading: false,\r\n              currency: obj.currency,\r\n              balance: obj.balance,\r\n              phone_number: obj.phone_number,\r\n              us: obj.us,\r\n              ca: obj.ca,\r\n              au: obj.au,\r\n              testing: obj.is_twilio_testing,\r\n              testing_number: obj.testing_number\r\n            });\r\n            this.props.onCharLimitLoad(this.calcMessageLimit(obj.message_segment_limit));\r\n          });\r\n      } catch (error) {\r\n        console.log(\"Error Loading Twilio Account Info\", JSON.stringify(error, null, 4));\r\n      }\r\n    }\r\n  };\r\n\r\n  // determines the weird header size and new character limit based on user inputted characters\r\n  calcMessageLimit = (segments: number) => {\r\n    // each header over 1 message is 7 characters\r\n    // each segments is 160 character        \r\n    if (segments > 1)\r\n      return 153 * segments;\r\n    return 160;\r\n  };\r\n\r\n  calcUsedChars = () => {\r\n    const char_count = this.props.message_char_count;\r\n    if (char_count <= 160) {\r\n      return 1;\r\n    }\r\n\r\n    const segs = Math.ceil(char_count / 160);\r\n    const char_count_with_header = char_count + (7 * segs);\r\n    return Math.ceil(char_count_with_header / 160);\r\n  };\r\n\r\n  componentDidUpdate(prevProps: Props) {\r\n    if (this.props.branch_id !== prevProps.branch_id) {\r\n      this.load();\r\n     \r\n    }\r\n  }\r\n\r\n  render() {\r\n    let statistics\r\n    if(this.state.branch=='1000')\r\n    statistics =  <Col span={6}> <Statistic title={\"Balance (\" + this.state.currency + \")\"} value={\"$\" + this.state.balance} precision={2} /></Col>\r\n\r\n    return (\r\n      <div>\r\n        {this.state.loading ?\r\n          <Skeleton active /> :\r\n          <div>\r\n            {this.state.testing ? <Row justify=\"start\" gutter={[32, 16]}>\r\n              <Alert message={\"Shout is currently in test mode and will only go to \" + this.state.testing_number} type=\"warning\" />\r\n            </Row> : null}\r\n            <Row justify=\"start\" gutter={[32, 16]}>\r\n              <Col span={6}>\r\n                <Statistic title=\"From Number\" value={this.state.phone_number} />\r\n              </Col>\r\n              \r\n              <Col span={6}>\r\n                <Statistic title=\"US / CA Cost\" value={\"$\" + this.state.us + \"/segment\"} />\r\n              </Col>\r\n\r\n              {statistics}\r\n\r\n            </Row>\r\n            <Row justify=\"start\" gutter={[32, 16]}>\r\n              <Col span={6}>\r\n                <Statistic title=\"Selected Recipients\" value={this.props.selected_recepient_count} />\r\n              </Col>\r\n              <Col span={6}>\r\n                <Statistic title=\"Message Segments\" value={this.calcUsedChars()} />\r\n              </Col>\r\n              <Col span={6}>\r\n                <Statistic title=\"Estimated Cost\" value={\"$\" + Math.ceil(this.props.message_char_count / 160) * this.state.us * this.props.selected_recepient_count} precision={4} />\r\n              </Col>\r\n            </Row>\r\n            <Row justify=\"start\">\r\n            </Row>\r\n          </div>\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default TwilioAccount;\r\n","import React, { Component } from 'react';\r\nimport axiosInstance from '../axiosApi';\r\n\r\nimport { Button, Col, Tooltip, Typography, Input, Checkbox, Popconfirm, Alert } from 'antd';\r\nimport { SendOutlined } from '@ant-design/icons';\r\n\r\nconst { Title } = Typography;\r\nconst { TextArea } = Input;\r\n\r\ntype Props = {\r\n  character_limit: number,\r\n  onStage: (b: boolean) => void,\r\n  messageLength: (length: number) => void,\r\n  onSend: (url: string, message_body: string) => void,\r\n  selected_ids: any,\r\n  excluded_ids: any,\r\n};\r\n\r\ntype State = {\r\n  loading: boolean,\r\n  disabled: boolean,\r\n  staging: boolean,\r\n  message: string,\r\n  send_success: any,\r\n  show_alert?: any,\r\n  alert_message?: string;\r\n  prefix: string;\r\n};\r\n\r\nfunction decode_token_extra_data(token: string) {\r\n  // NOTE token argument ignored for now\r\n  const access_token = localStorage.getItem(\"access_token\") || \"\";\r\n  // split token  (base64) into header, payload and (opt) signature\r\n  const [header_base64, payload_base64] = access_token.split(\".\");\r\n\r\n  // convert data from base64 back into regular string\r\n  const payload_json = atob(payload_base64);\r\n  // return just the \"exd\" field in the token json\r\n  // and discard other data (exd shall be a subobj as defined in backend admin)\r\n  return (JSON.parse(payload_json).exd);\r\n}\r\n\r\nclass SendButton extends Component<Props, State> {\r\n  state: State = {\r\n    loading: false,\r\n    disabled: true,\r\n    staging: false,\r\n    message: \"\",\r\n    send_success: {},\r\n    prefix: \"\",\r\n  };\r\n\r\n  private textArea: any;\r\n\r\n  clearFields() {\r\n    console.log(\"clearing!\");\r\n    this.textArea?.setValue(\"\");\r\n    this.setState({\r\n      message: \"\"\r\n    });\r\n  }\r\n\r\n  sendList = () => {\r\n    // TODO: Create a log entry here for the current filter settings\r\n    this.setState({\r\n      loading: true,\r\n      show_alert: false\r\n    });\r\n\r\n    try {\r\n      const { branch, dept, groups, ex_groups, empStatuses, empDesig } = this.props.selected_ids;\r\n      const { excluded_ids } = this.props;\r\n      var message = this.state.prefix + this.state.message;\r\n      const payload = {\r\n        \"branch_id\": branch,\r\n        \"department_id\": dept,\r\n        \"ac_group_ids\": groups,\r\n        \"ac_ex_group_ids\": ex_groups,\r\n        \"emp_statuses\": empStatuses,\r\n        \"emp_desigs\": empDesig,\r\n        \"exclude_users\": excluded_ids,\r\n        \"message\": message,\r\n      };\r\n\r\n      axiosInstance.post('shout/send/', payload)\r\n        .then(res => {\r\n          const obj = res.data.emp_list;\r\n          this.handleSendResult(obj);\r\n        }).catch(error => {\r\n          this.setState({\r\n            show_alert: true,\r\n            alert_message: \"There's been an error sending your message. Please copy the following text into a support ticket so Rubi Works can spring into action: \" + error.response.data.message,\r\n            loading: false,\r\n            staging: false,\r\n            disabled: false,\r\n          });\r\n        });\r\n    } catch (error) {\r\n      console.log(\"Error Sending Messages: \", JSON.stringify(error, null, 4));\r\n    }\r\n  };\r\n\r\n  componentDidMount() {\r\n    //set prefix to empty string if not present or null\r\n    const prefix = decode_token_extra_data(\"\").prefix || \"\";\r\n    this.setState({\r\n      prefix: prefix,\r\n    })\r\n\r\n  }\r\n\r\n  handleSendResult = (e: any) => {\r\n    console.log(e);\r\n    // pass the success object up a level\r\n    this.setState({ loading: false, staging: false, disabled: false });\r\n    this.props.onSend(e.url, e.message_body);\r\n  };\r\n\r\n  handleStaging = () => {\r\n    if (this.state.staging) {\r\n      this.setState({\r\n        staging: false\r\n      });\r\n      // kick this over to a handler function so we can pass fake data to it for testing\r\n      this.props.onStage(false);\r\n    } else {\r\n      this.setState({ staging: true });\r\n      this.props.onStage(true);\r\n    }\r\n  };\r\n\r\n  handleMessageChange = (e: any) => {\r\n    this.setState({ message: e.target.value });\r\n    this.props.messageLength(e.target.value.length + this.state.prefix.length);\r\n  };\r\n\r\n  fakeIt = () => {\r\n    const obj = {\r\n      \"emp_list\": {\r\n        \"notification_sid\": \"NTd89f75f00e29ec3abf8da4a8ca2c9365\",\r\n        \"url\": \"https://www.twilio.com/console/notify/services/ISa6c21371223d59f3885c66e3494d4f4f/logs/NTd89f75f00e29ec3abf8da4a8ca2c9365\",\r\n        \"phone_list\": [\"+12024138320\", \"+17574704204\"],\r\n        \"message_body\": \"Test message\"\r\n      }\r\n    };\r\n    this.handleSendResult(obj.emp_list);\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <Col span={24}>\r\n          <Title level={4}>Compose Message</Title>\r\n          <TextArea\r\n            maxLength={this.props.character_limit - this.state.prefix.length}\r\n            onChange={this.handleMessageChange}\r\n            autoSize={true}\r\n            allowClear={true}\r\n            ref={textArea => this.textArea = textArea}\r\n          />\r\n        </Col>\r\n        <Col span={24}>\r\n          <Checkbox onChange={this.handleStaging} checked={this.state.staging}>By checking this box you are agreeing to sending the message above to the recepient list generated. Rubi Works LLC is not reponsible for the content or potential costs caused by user error or negligence.</Checkbox>\r\n        </Col>\r\n        <Col span={24}>\r\n          <Tooltip placement=\"bottom\" title=\"Click here to send message to recepient list!\"  >\r\n            <Popconfirm placement=\"right\" title=\"Are you sure you want to send?\" onConfirm={this.sendList} okText=\"Send it!\" cancelText=\"I changed my mind.\">\r\n              <Button\r\n                className=\"generateshoutlists\"\r\n                type=\"primary\"\r\n                icon={<SendOutlined />}\r\n                loading={this.state.loading}\r\n                disabled={!this.state.staging}\r\n              >\r\n                Send SMS Notifications\r\n              </Button>\r\n            </Popconfirm>\r\n          </Tooltip>\r\n          {this.state.show_alert ? (\r\n            <Alert message={this.state.alert_message} type=\"error\" showIcon closable />\r\n          ) : (null)}\r\n        </Col>\r\n      </div>\r\n    );\r\n  }\r\n}\r\nexport default SendButton;\r\n","import React, { Component, createRef, RefObject } from 'react';\r\n\r\nimport BranchOption from './BranchOption';\r\nimport DeptOption from './DeptOption';\r\nimport GroupOption from './GroupOption';\r\nimport ExGroupOption from './ExGroupOption';\r\nimport EmpStatusOption from './EmpStatusOption';\r\nimport EmpDesigOption from './EmpDesigOption';\r\nimport EmpList, { UnconnectedEmpList } from './EmpList';       //changed EmpList to UnconnectedEmpList/ see EmpList for reference\r\nimport TwilioAccount from './TwilioAccount';\r\nimport SendButton from './SendButton';\r\n\r\nimport { Row, Col, Tooltip, Form, Typography, Divider } from 'antd';\r\n\r\n\r\nconst { Title, Text } = Typography;\r\n\r\ntype Props = {\r\n  handleSend: (url: string, msg: string) => void,\r\n};\r\ntype State = {\r\n  selected: {\r\n    branch?: any,\r\n    dept: any[],\r\n    groups: any[],\r\n    ex_groups: any[],\r\n    empStatuses: any[],\r\n    empDesig?: any,\r\n  },\r\n  excluded_ids: any[],\r\n  branches_loading: boolean,\r\n  message_char_count: number,\r\n  selected_count: number,\r\n  staging: boolean,\r\n  character_limit: number,\r\n};\r\n\r\nclass ShoutTool extends Component<Props, State> {\r\n  state: State = {\r\n    selected: {\r\n      branch: undefined,\r\n      dept: [],\r\n      empStatuses: [],\r\n      groups: [],\r\n      ex_groups: [],\r\n      empDesig: undefined,\r\n    },\r\n    excluded_ids: [],\r\n    branches_loading: true,\r\n    message_char_count: 0,\r\n    selected_count: 0,\r\n    staging: false,\r\n    character_limit: 160\r\n  };\r\n\r\n  private sendButtonRef: RefObject<SendButton> = createRef();\r\n  private empListRef: RefObject<UnconnectedEmpList> = createRef();     //changed EmpList to UnconnectedEmpList/ see EmpList for reference\r\n  private deptOptionRef: RefObject<DeptOption> = createRef();\r\n  private groupsOptionRef: RefObject<GroupOption> = createRef();\r\n  private exGroupsOptionRef: RefObject<ExGroupOption> = createRef();\r\n  private empStatOptionRef: RefObject<EmpStatusOption> = createRef();\r\n\r\n  componentDidMount() {\r\n    this.load();\r\n  }\r\n\r\n  updateSelected = (k: any, v: any) => {\r\n    this.setState(prevState => ({\r\n      ...prevState,\r\n      selected: {\r\n        ...prevState.selected,\r\n        [k]: v\r\n      }\r\n    }));\r\n  };\r\n\r\n  updateExcluded = (e: any) => {\r\n    console.log(\"current ex list\", this.state.excluded_ids);\r\n    console.log(\"new ex list\", e);\r\n    this.setState({ excluded_ids: e });\r\n  };\r\n\r\n  updateLoading = (loadingState: boolean) => {\r\n    this.setState({ branches_loading: loadingState });\r\n  };\r\n\r\n  load = () => { \r\n    \r\n    console.log(\"Shout loaded\");\r\n  };\r\n\r\n  handleStaging = (e: boolean) => {\r\n    this.setState({\r\n      staging: e\r\n    });\r\n  };\r\n\r\n  updateSMSCharCount = (e: number) => {\r\n    this.setState({\r\n      message_char_count: e\r\n    });\r\n  };\r\n\r\n  updateSelectedCount = (e: any) => {\r\n    this.setState({ selected_count: e });\r\n  };\r\n\r\n  updateCharacterLimit = (e: any) => {\r\n    this.setState({ character_limit: e });\r\n  };\r\n\r\n  handleSend = (url: any, msg: any) => {\r\n    this.props.handleSend(url, msg);\r\n  };\r\n\r\n  clearFields() {\r\n    // call each of the components in the page to clear their selections\r\n    this.setState({\r\n      message_char_count: 0,\r\n      selected_count: 0,\r\n    });\r\n\r\n    this.sendButtonRef?.current?.clearFields();\r\n    this.empListRef?.current?.clearFields();\r\n    this.deptOptionRef?.current?.clearFields();\r\n    this.groupsOptionRef?.current?.clearFields();\r\n    this.exGroupsOptionRef?.current?.clearFields();\r\n    this.empStatOptionRef?.current?.clearFields();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <Form\r\n          size='large'>\r\n          <Row gutter={[32, 16]}>\r\n            <Col span={12}>\r\n              <Title level={2}>Branch</Title>\r\n              <BranchOption onChange={this.updateSelected} isLoading={this.updateLoading} />\r\n            </Col>\r\n          </Row>\r\n          <Row gutter={[32, 16]}>\r\n            <Col span={12}>\r\n              <Title level={3}>Department</Title>\r\n              <DeptOption ref={this.deptOptionRef} onChange={this.updateSelected} branch_id={this.state.selected.branch} />\r\n            </Col>\r\n\r\n            <Col span={12}>\r\n              <Title level={3}>Groups</Title>\r\n              <GroupOption ref={this.groupsOptionRef} onChange={this.updateSelected} branch_id={this.state.selected.branch} />\r\n            </Col>\r\n          </Row>\r\n          <Row gutter={[32, 16]}>\r\n            <Col span={12}>\r\n              <Title level={3}>Employee Status</Title>\r\n              <EmpStatusOption ref={this.empStatOptionRef} onChange={this.updateSelected} />\r\n            </Col>\r\n            <Col span={12}>\r\n              <Title level={3}>Employee Designation</Title>\r\n              <Tooltip placement=\"top\" title=\"Clearing employee designations from selection will select all employees accross all designations.\">\r\n                <EmpDesigOption onChange={this.updateSelected} branch_id={this.state.selected.branch} />\r\n              </Tooltip>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row gutter={[32, 16]}>\r\n\r\n          </Row>\r\n          <Divider />\r\n          <Text strong>Excludes are applied after gathering all possible employees.</Text>\r\n          <Row gutter={[32, 16]}>\r\n            <Col span={12}>\r\n              <Title level={3}>Exclude Groups</Title>\r\n              <ExGroupOption ref={this.exGroupsOptionRef} onChange={this.updateSelected} branch_id={this.state.selected.branch} />\r\n            </Col>\r\n          </Row>\r\n          <Divider />\r\n          <EmpList\r\n            ref={this.empListRef}\r\n            selected_ids={this.state.selected}\r\n            excluded_ids={this.updateExcluded}\r\n            staging={this.state.staging}\r\n            selected_count={this.updateSelectedCount}\r\n            loading={this.state.branches_loading}\r\n          />\r\n          <Row gutter={[32, 16]}>\r\n            <Col span={12}>\r\n              <SendButton\r\n                ref={this.sendButtonRef}\r\n                character_limit={this.state.character_limit}\r\n                onStage={this.handleStaging}\r\n                messageLength={this.updateSMSCharCount}\r\n                onSend={this.handleSend}\r\n                selected_ids={this.state.selected}\r\n                excluded_ids={this.state.excluded_ids} />\r\n            </Col>\r\n            <Col span={12}>\r\n              <TwilioAccount\r\n                branch_id={this.state.selected.branch}\r\n                onChange={this.updateSelected}\r\n                onCharLimitLoad={this.updateCharacterLimit}\r\n                selected_recepient_count={this.state.selected_count}\r\n                message_char_count={this.state.message_char_count} />\r\n            </Col>\r\n          </Row>\r\n        </Form>\r\n      </div >\r\n    );\r\n  }\r\n}\r\n\r\nexport default ShoutTool;\r\n","import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux';\r\nimport type { RootState, AppDispatch } from './store';\r\n\r\n// Use throughout your app instead of plain `useDispatch` and `useSelector`\r\nexport const useAppDispatch = () => useDispatch<AppDispatch>();\r\nexport const useAppSelector: TypedUseSelectorHook<RootState> = useSelector; // <-- function alias\r\n\r\n\r\n// NOTE react-redux has hooks\r\n// for TS\r\n// TS types say how those hooks work\r\n// but they do not apply to generics\r\n\r\n//  import 3 hooks\r\n//  \r\n//  define pretyped app versions of dispatch and selector\r\n//      useAppDispatch => T<AppDispatch>\r\n//      useAppSelector => T<RootState>","import React, { Component, useEffect, useState } from 'react';\r\nimport axiosInstance from '../axiosApi';\r\nimport { Timeline, Skeleton, Table, message, Button, InputNumber, Pagination, Modal } from 'antd';\r\nimport { connect } from 'react-redux';\r\nimport { PageSelector } from '../features/ServerSidePaginator/Ssp';\r\nimport { useAppDispatch, useAppSelector } from '../redux/hooks';\r\n\r\nimport {\r\n    paginationPrev,\r\n    paginationNext,\r\n    paginationExact,\r\n    pageGoto,\r\n    populateItems,\r\n} from '../features/ServerSidePaginator/sspSlice';\r\n\r\nconst modalContext = React.createContext({});\r\nconst modalContent = {\r\n    title: 'Recepient phone numbers',\r\n    content: (\r\n        <>\r\n            <modalContext.Consumer>{phone_list => `${phone_list}`}</modalContext.Consumer>\r\n        </>\r\n    ),\r\n}\r\n\r\nexport default function ShoutHistory(props: any) {\r\n    const urlPrev = useAppSelector((state) => state.ssp.urlPrev);\r\n    const urlNext = useAppSelector((state) => state.ssp.urlNext);\r\n    const [loading, setLoading] = useState(true);\r\n    const [history, setHistory] = useState([]);\r\n    const dispatch = useAppDispatch();\r\n    // const [selectedPage, setSelectedPage] = useState('2');\r\n    const [pageNumber, setPageNumber] = useState(useAppSelector((state) => state.ssp.indexCurrent || 1));\r\n    const [pageSize, setPageSize] = useState(useAppSelector((state) => state.ssp.pageSize));\r\n    const [isModalVisible, setModalVisible] = useState(false);\r\n    const expandable = {\r\n        expandedRowRender: (record: any) => record.d_j.phone_list, //.forEach((i:string) => {{<p>PHONE {i}</p>}}),\r\n        rowExpandable: (record: any) => record.d_j.phone_list instanceof Array,\r\n        defaultExpandAllRows: false,\r\n    };\r\n\r\n    const [modal, contextHolder] = Modal.useModal();\r\n\r\n    const columns = [\r\n        {\r\n            title: 'Time Stamp',\r\n            dataIndex: 'created',\r\n            key: 'created',\r\n        },\r\n        {\r\n            title: 'Message',\r\n            dataIndex: 'body',\r\n            key: 'body',\r\n        },\r\n        {\r\n            title: 'Sender',\r\n            dataIndex: 'user',\r\n            key: 'user',\r\n        },\r\n        {\r\n            title: 'Branch',\r\n            dataIndex: 'branch',\r\n            key: 'branch',\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        load(\"shout/history/\", \"?page=1\");\r\n        setPageSize(50);\r\n\r\n    }, []);\r\n\r\n    const load = (urlPath: string, queryArgs: string) => {\r\n        try { // does NOT effect promises (.then(s))\r\n            axiosInstance.get(urlPath + queryArgs)\r\n                .then(res => {\r\n                    try {\r\n                        dispatch(populateItems(res.data));\r\n                        setLoading(false);\r\n                    } catch (e) {\r\n                        console.log(\r\n                            res.statusText + \"; \" +\r\n                            res.config.url + \"-> \" +\r\n                            (res.data.length ? \"(some data)\" : \"no data\") + \"\\n\" +\r\n                            e\r\n                        );\r\n                        setLoading(false);\r\n                        loadFail();\r\n                    }\r\n                });\r\n        } catch (error) {\r\n            console.log(\"Error Loading Histories: \", JSON.stringify(error, null, 4));\r\n        }\r\n    };\r\n\r\n    const loadFail = () => {\r\n        message.warning(\"Loading data failed.\");\r\n    };\r\n\r\n    const showModal = (e: any) => {\r\n\r\n        setModalVisible(true);\r\n    };\r\n\r\n    const onModalOK = () => {\r\n        setModalVisible(false);\r\n    };\r\n\r\n    return (\r\n\r\n\r\n\r\n        <modalContext.Provider value={[\"don't know\"]}>\r\n            <div>\r\n                <div>\r\n                    <Table\r\n                        columns={columns}\r\n                        pagination={false}\r\n                        rowKey={(record: any) => record.d_j.key}\r\n\r\n                        expandable={{\r\n                            expandedRowRender: (record: any) => <p>{record.d_j.phone_list}</p>, //.forEach((i:string) => {{<p>PHONE {i}</p>}}),\r\n                            rowExpandable: (record: any) => record.d_j.phone_list instanceof Array && record.d_j.phone_list != [],\r\n                        }}\r\n                        dataSource={useAppSelector((state) => state.ssp.items)}\r\n                    />\r\n\r\n\r\n\r\n                    <Pagination\r\n                        defaultCurrent={1}\r\n                        // defaultPageSize={1}\r\n                        current={pageNumber}\r\n                        total={useAppSelector((state) => state.ssp.itemCount)}\r\n                        pageSize={useAppSelector((state) => state.ssp.pageSize)}\r\n                        onChange={(page: number, pageSize?: number | undefined) => {\r\n                            setPageNumber(page);\r\n                            load(\"shout/history/\", \"?page=\" + page);\r\n                        }} />\r\n\r\n                    {contextHolder}\r\n\r\n                </div>\r\n            </div>\r\n        </modalContext.Provider>\r\n\r\n    )\r\n}\r\n","import React, { Component, createRef } from 'react';\r\n\r\nimport ShoutTool from './ShoutTool';\r\nimport ShoutHistory from './ShoutHistory';\r\nimport { Typography, Tabs, Divider } from 'antd';\r\nimport { HistoryOutlined } from '@ant-design/icons';\r\nimport { RefObject } from 'react';\r\n\r\nconst { TabPane } = Tabs;\r\nconst { Title } = Typography;\r\nconst { Text } = Typography;\r\n\r\ntype Props = {};\r\ntype State = {\r\n  selected: {\r\n    branch: number,\r\n    dept: any[],\r\n    groups: any[],\r\n    ex_groups: any[],\r\n    empStatuses: any[],\r\n    empDesig?: any,\r\n  },\r\n  selected_count: number,\r\n  excluded_ids: any[],\r\n  loading: {\r\n    branches: boolean,\r\n    departments: boolean,\r\n    groups: boolean,\r\n    ex_groups: boolean\r\n  },\r\n  message_char_count: number,\r\n  staging: boolean,\r\n  send_success: {\r\n    url: string,\r\n    message_body: string,\r\n    new_entry: boolean,\r\n  },\r\n  current_tab: string,\r\n};\r\n\r\n\r\nclass Shout extends Component<Props, State> {\r\n  state: State = {\r\n    selected: {\r\n      branch: 0,\r\n      dept: [],\r\n      groups: [],\r\n      ex_groups: [],\r\n      empStatuses: [],\r\n      empDesig: undefined,\r\n    },\r\n    selected_count: 0,\r\n    excluded_ids: [],\r\n    loading: {\r\n      branches: true,\r\n      departments: true,\r\n      groups: true,\r\n      ex_groups: true,\r\n    },\r\n    message_char_count: 0,\r\n    staging: false,\r\n    send_success: {\r\n      url: \"\",\r\n      message_body: \"\",\r\n      new_entry: false,\r\n    },\r\n    current_tab: \"1\",\r\n  }\r\n\r\n  private ShoutToolRef: RefObject<ShoutTool> = createRef();\r\n\r\n  updateSelected = (k: string, v: any) => {\r\n    this.setState((prevState: State) => ({\r\n      ...prevState,\r\n      selected: {\r\n        ...prevState.selected,\r\n        [k]: v\r\n      }\r\n    }))\r\n  }\r\n\r\n  updateExcluded = (e: any[]) => {\r\n    console.log(\"current ex list\", this.state.excluded_ids);\r\n    console.log(\"new ex list\", e);\r\n    this.setState({ excluded_ids: e })\r\n  }\r\n\r\n  updateSMSCharCount = (e: number) => {\r\n    this.setState({\r\n      message_char_count: e\r\n    })\r\n  }\r\n\r\n  updateSelectedCount = (e: number) => {\r\n    this.setState({ selected_count: e })\r\n  }\r\n\r\n  changeTab = (newTab: string) => {\r\n    this.setState({ current_tab: newTab })\r\n  }\r\n\r\n  sendSuccess = (url: any, message: any) => {\r\n    this.setState({\r\n      send_success: {\r\n        url,\r\n        message_body: message,\r\n        new_entry: true,\r\n      }\r\n    }, () => {\r\n      this.changeTab(\"3\");\r\n      this.ShoutToolRef.current?.clearFields();\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <div>\r\n          <Title>Shout</Title>\r\n          <Text strong>Welcome! Shout allows you to send targeted and customized SMS notifications to Alayacare employees, clients, and contacts.</Text>\r\n          <Divider />\r\n        </div>\r\n        <Tabs defaultActiveKey=\"1\" activeKey={this.state.current_tab} onTabClick={this.changeTab}>\r\n          <TabPane tab=\"Employee Notifications\" key=\"1\">\r\n            <ShoutTool handleSend={this.sendSuccess} ref={this.ShoutToolRef} />\r\n          </TabPane>\r\n\r\n          <TabPane tab=\"Client Notifications\" key=\"2\" disabled>\r\n            Client notifications are currently under development.\r\n\r\n            ...wait. How did you get in here?! Guards!!\r\n          </TabPane>\r\n\r\n          <TabPane tab={\r\n            <span>\r\n              <HistoryOutlined />\r\n              History\r\n            </span>\r\n          } key=\"3\">\r\n            <ShoutHistory />\r\n          </TabPane>\r\n        </Tabs>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Shout;\r\n","import { useEffect, useState } from 'react';\r\nimport { Table, message, Pagination } from 'antd';\r\nimport axiosInstance from '../../axiosApi';\r\nimport { useAppDispatch, useAppSelector } from '../../redux/hooks';\r\nimport {\r\n    sparklesPopulateItems\r\n} from '../../features/ServerSidePaginator/sspSliceSparkles';\r\nimport axios from 'axios';\r\nimport time_localize from './Sparkles';\r\n\r\nexport default function SparklesHistory(props: any) {\r\n    const dispatch = useAppDispatch();\r\n    const [loading, setLoading] = useState(true);\r\n    const [pageNumber, setPageNumber] = useState(useAppSelector((state) => state.sspSparkles.indexCurrent || 1));\r\n    const [pageSize, setPageSize] = useState(useAppSelector((state) => state.sspSparkles.pageSize));\r\n    const columns = [\r\n        {\r\n            title: 'Time Stamp',\r\n            dataIndex: 'timestamp',\r\n            key: 'timestamp',\r\n        },\r\n        {\r\n            title: 'Recipient',\r\n            dataIndex: 'recipient',\r\n            key: 'recipient',\r\n        },\r\n        {\r\n            title: 'Message',\r\n            dataIndex: 'content',\r\n            key: 'content',\r\n        },\r\n        {\r\n            title: 'Sending Result',\r\n            dataIndex: 'response',\r\n            key: 'response',\r\n        },\r\n        {\r\n            title: 'Branch',\r\n            dataIndex: ['sparkle_run', 'sparkle', 'branch_owner', 'name'],\r\n            key: 'branch_owner',\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        load(\"sparkles/history/\", \"?page=1\");\r\n        setPageSize(50);\r\n\r\n    }, []);\r\n\r\n    const load = (urlPath: string, queryArgs: string) => {\r\n        axiosInstance.get(urlPath + queryArgs)\r\n            .then(res => {\r\n                try {\r\n                    dispatch(sparklesPopulateItems(res.data));\r\n                    setLoading(false);\r\n                } catch (e) {\r\n                    console.log(\"Error fetching Sparkles history → \" + e);\r\n                    setLoading(false);\r\n                }\r\n            });\r\n    };\r\n\r\n\r\n    return (\r\n        <div>\r\n            <div>\r\n                {\r\n                    <Table dataSource={useAppSelector((state) => state.sspSparkles.items)}\r\n                        columns={columns}\r\n                        pagination={false} />\r\n\r\n                }\r\n\r\n                <Pagination\r\n                    defaultCurrent={1}\r\n                    // defaultPageSize={1}\r\n                    current={pageNumber}\r\n                    total={useAppSelector((state) => state.sspSparkles.itemCount)}\r\n                    pageSize={useAppSelector((state) => state.sspSparkles.pageSize)}\r\n                    onChange={(page: number, pageSize?: number | undefined) => {\r\n                        setPageNumber(page);\r\n                        load(\"sparkles/history/\", \"?page=\" + page);\r\n                    }} />\r\n            </div>\r\n        </div >\r\n\r\n    )\r\n\r\n};\r\n","import React, { Component } from 'react';\r\n\r\nimport SparklesHistory from './SparklesHistory';\r\nimport { Typography, Tabs, Divider, Card, Row, Col, Table, Checkbox, Popconfirm, Skeleton, Tooltip } from 'antd';\r\nimport { HistoryOutlined } from '@ant-design/icons';\r\n\r\nimport cronstrue from 'cronstrue';\r\nimport parser from 'cron-parser';\r\n\r\nimport axiosInstance from '../../axiosApi';\r\n\r\nconst { TabPane } = Tabs;\r\nconst { Title, Text } = Typography;\r\n\r\ntype Props = {};\r\ntype State = {\r\n  loading: boolean,\r\n  current_tab: string,\r\n  items: any[],\r\n  history: any[];\r\n};\r\n\r\nfunction time_tzabbrev(in_date: Date) {\r\n  return in_date.toLocaleString(\r\n    'en-US', { // abbreviate timezone (must do manually)\r\n      timeZoneName: 'long' \r\n    }).split(\r\n      ' '\r\n    ).slice(3).map(\r\n      el => el[0]\r\n    ).join(\r\n      ''\r\n    ).toUpperCase();\r\n};\r\n\r\nfunction time_nextrun(in_date: Date) {\r\n  return in_date.toLocaleString('en-US', {\r\n    weekday: 'short', \r\n    month: 'short', \r\n    day: 'numeric', \r\n    hour:'2-digit', \r\n    hour12: true, \r\n    minute: '2-digit',\r\n  }) + \" \" + time_tzabbrev(in_date);\r\n\r\n};\r\n\r\nfunction time_localize(in_date: Date) {\r\n  const now = new Date(Date());\r\n  const tz_offset = now.getTimezoneOffset() / 60;\r\n  const next_date = in_date;\r\n\r\n  console.log(\r\n    \"Now: \" + now + \"\\n\" +\r\n    \"Offset: \" + tz_offset + \"\\n\" + \r\n    \"t(Next): \" + next_date + \"\\n\"\r\n  );\r\n\r\n  next_date.setHours( // Resets TZ\r\n    next_date.getHours() //+ -tz_offset\r\n  );\r\n\r\n  console.log(\r\n    \"t(NextAdj): \" + next_date + \"\\n\"      \r\n  );\r\n\r\n  return next_date;\r\n\r\n};\r\n\r\nclass Sparkles extends Component<Props, State> {\r\n  state: State = {\r\n    loading: true,\r\n    current_tab: \"1\",\r\n    items: [],\r\n    history: []\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.load();\r\n  }\r\n\r\n  onSparkleUpdate = (sparkle_id: any) => {\r\n\r\n    //This is so gross but here it goes\r\n    let items = [...this.state.items]\r\n\r\n    let i = -1\r\n    for (let j = 0; j < this.state.items.length && i == -1; j++) {\r\n      if (this.state.items[j].id == sparkle_id) {\r\n        i = j\r\n      }\r\n    }\r\n\r\n    let item = { ...items[i] }\r\n\r\n    axiosInstance.post('/sparkles/enabled/', {\r\n      sparkle_id: sparkle_id,\r\n      sparkle_enabled: !item.enabled\r\n    }).then(response => {\r\n      item.enabled = !item.enabled\r\n      items[i] = item\r\n      this.setState({ items })\r\n    }).catch(error => {\r\n      items[i] = item\r\n      this.setState({ items })\r\n    })\r\n  }\r\n\r\n  onNotifUpdate = (sparkle_id: any, notif_id: any) => {\r\n    //This is so gross but here it goes\r\n    let sparkles = [...this.state.items]\r\n\r\n    let sparkle_index = -1\r\n    for (let j = 0; j < this.state.items.length && sparkle_index == -1; j++) {\r\n      if (this.state.items[j].id == sparkle_id) {\r\n        sparkle_index = j\r\n      }\r\n    }\r\n\r\n    let sparkle = { ...sparkles[sparkle_index] }\r\n    sparkles[sparkle_index] = sparkle\r\n\r\n    let notif_index = -1\r\n    for (let j = 0; j < this.state.items.length && notif_index == -1; j++) {\r\n      if (this.state.items[sparkle_index].notifications[j].id == notif_id) {\r\n        notif_index = j;\r\n      }\r\n    }\r\n\r\n    let notif = { ...sparkles[sparkle_index].notifications[notif_index] }\r\n\r\n    axiosInstance.post('/sparkles/notifications/enabled/', {\r\n      sparkle_id: sparkle_id,\r\n      notification_id: notif_id,\r\n      notification_enabled: !notif.enabled,\r\n    }).then(response => {\r\n      notif.enabled = !notif.enabled\r\n      sparkles[sparkle_index].notifications[notif_index] = notif\r\n      this.setState({ items: sparkles })\r\n    }).catch(error => {\r\n      sparkles[sparkle_index].notifications[notif_index] = notif\r\n      this.setState({ items: sparkles })\r\n    })\r\n  }\r\n\r\n  \r\n\r\n  load = () => {\r\n    try { // does not apply to promises (i.e. \".then()\")\r\n      axiosInstance.get('sparkles/list/')\r\n        .then(res => {\r\n          try {\r\n            const obj = res.data;            \r\n\r\n            obj.forEach((o: any) => { \r\n              o.schedule = cronstrue.toString(o.run_schedule);\r\n              o.next_date =  time_localize(\r\n                new Date(parser.parseExpression(o.run_schedule).next().toString())\r\n              );\r\n            });\r\n\r\n            this.setState({\r\n              items: obj.reverse(),\r\n              loading: false\r\n            });\r\n          } catch (e) {\r\n            console.log(res.statusText + \"; \" + res.config.url + \"-> \" + res.data.length + \"B\\n\" + e);\r\n          }\r\n        });\r\n      \r\n    } catch (error) {\r\n      console.log(\"Error Loading Sparkles: \", JSON.stringify(error, null, 4));\r\n    }\r\n  };\r\n\r\n  changeTab = (newTab: string) => {\r\n    this.setState({ current_tab: newTab });\r\n  };\r\n\r\n  render() {\r\n    const options = this.state.items.map((d: any, index: number) => {\r\n      return (\r\n        <div key={index}>\r\n          <Card title={d.name} >\r\n            \r\n            <strong>{\r\n            d.schedule\r\n            }</strong>\r\n            <br/><strong>Next Run: {time_nextrun(d.next_date)}\r\n              </strong>\r\n            \r\n            <p>{d.description}</p>\r\n            <Popconfirm placement=\"right\" title=\"Are you sure?\" onConfirm={(e) => this.onSparkleUpdate(d.id)} onCancel={(e) => { }} okText=\"Confirm Change\" cancelText=\"I changed my mind.\">\r\n              <Checkbox checked={d.enabled} onChange={(e) => { }}>Enable Sparkle</Checkbox>\r\n            </Popconfirm>\r\n            <Divider />\r\n            <Row>\r\n              <Col span={12}>\r\n                <Title level={4}>Rules</Title>\r\n                {d.rules.map((r: any, index: any) => {\r\n                  return (\r\n                    <div key={index}>\r\n                      <strong>{r.name}</strong>\r\n                      <p>{r.notes}</p>\r\n                    </div>\r\n                  );\r\n                })}\r\n              </Col>\r\n              <Col span={12}>\r\n                <Title level={4}>Notifications</Title>\r\n                {d.notifications.map((n: any, index: number) => {\r\n                  return (\r\n                    <div key={index}>\r\n                      <strong>{n.name}</strong>\r\n                      <p>{n.notes}</p>\r\n                      <Popconfirm placement=\"right\" title=\"Are you sure?\" onConfirm={(e) => this.onNotifUpdate(d.id, n.id)} onCancel={(e) => { }} okText=\"Confirm Change\" cancelText=\"I changed my mind.\">\r\n                        <Checkbox checked={n.enabled} onChange={(e) => { }}>Enable Notification</Checkbox>\r\n                      </Popconfirm>\r\n                    </div>\r\n                  );\r\n                })}\r\n              </Col>\r\n            </Row>\r\n          </Card>\r\n          <Divider />\r\n        </div>\r\n      );\r\n    });\r\n\r\n    const dataSource = this.state.history;\r\n\r\n    const columns = [\r\n      {\r\n        title: 'Time Stamp',\r\n        dataIndex: 'timestamp',\r\n        key: 'timestamp',\r\n      },\r\n      {\r\n        title: 'Recipient',\r\n        dataIndex: 'recipient',\r\n        key: 'recipient',\r\n      },\r\n      {\r\n        title: 'Message',\r\n        dataIndex: 'content',\r\n        key: 'content',\r\n      },\r\n      {\r\n        title: 'Sending Result',\r\n        dataIndex: 'response',\r\n        key: 'response',\r\n      },\r\n      {\r\n        title: 'Branch',\r\n        dataIndex: ['sparkle_run', 'sparkle', 'branch_owner', 'name'],\r\n        key: 'branch_owner',\r\n      }\r\n    ];\r\n\r\n    return (\r\n      <div>\r\n        {\r\n          this.state.loading ?\r\n            <Skeleton active /> :\r\n            <div>\r\n              <div>\r\n                <Title>Sparkles</Title>\r\n                <Text strong>Sparkles allows you to create visit reminders for employees, get visit late alerts, and much more!</Text>\r\n                <Divider />\r\n              </div>\r\n              <Tabs defaultActiveKey=\"1\" activeKey={this.state.current_tab} onTabClick={this.changeTab}>\r\n                <TabPane tab=\"Sparkle Settings\" key=\"1\">\r\n                  {options}\r\n                </TabPane>\r\n\r\n                <TabPane tab={\r\n                  <span>\r\n                    <HistoryOutlined />\r\n                    History\r\n                  </span>\r\n                } key=\"2\">\r\n                  <SparklesHistory />\r\n\r\n                </TabPane>\r\n              </Tabs>\r\n            </div>\r\n        }\r\n      </div>\r\n\r\n    );\r\n  }\r\n}\r\n\r\nexport default Sparkles;\r\n","import React, { Component } from 'react';\r\n\r\nimport axiosInstance from '../axiosApi';\r\n\r\nimport { Alert, Form, Input, Button, PageHeader, Card } from 'antd';\r\n\r\nimport { LockOutlined } from '@ant-design/icons';\r\n\r\nconst formItemLayout = {};\r\nconst tailFormItemLayout = {};\r\n\r\ntype Props = {};\r\ntype State = {\r\n  show_alert: boolean,\r\n  alert_message?: string,\r\n  alert_type: \"error\" | \"info\" | \"success\" | \"warning\",\r\n  is_loading: boolean,\r\n};\r\n\r\nclass Account extends Component<Props, State> {\r\n  state: State = {\r\n    show_alert: false,\r\n    alert_type: \"error\",\r\n    is_loading: false,\r\n  };\r\n\r\n  onFinish = (values: any) => {\r\n    console.log('Success:', values);\r\n\r\n    this.setState({\r\n      is_loading: true,\r\n      show_alert: false,\r\n    });\r\n    axiosInstance.post('/api/user/password/change/', {\r\n      current_password: values.curr_pw,\r\n      new_password: values.new_pw,\r\n      new_password_confirm: values.new_pw_confirm\r\n    }).then(response => {\r\n      this.setState({\r\n        is_loading: false,\r\n        show_alert: true,\r\n        alert_message: \"Password updated successfully.\",\r\n        alert_type: \"info\"\r\n      });\r\n    }).catch(error => {\r\n      this.setState({\r\n        is_loading: false,\r\n        show_alert: true,\r\n        alert_message: \"Error changing password: \" + error.response.data.error,\r\n        alert_type: \"error\"\r\n      });\r\n    });\r\n  };\r\n\r\n  onFinishFailed = (errorInfo: any) => {\r\n    console.log('Failed:', errorInfo);\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <PageHeader\r\n          ghost={false}\r\n          onBack={() => window.history.back()}\r\n          title=\"Account Settings\"\r\n          subTitle=\"View and change your account settings\"\r\n        >\r\n          <Card title=\"Change Password\">\r\n            <p>Passwords must be at least 16 characters long. A combination of 5 words or a phrase is a highly memorable way to achieve this.</p>\r\n            <Form\r\n              {...formItemLayout}\r\n              name=\"changePassword\"\r\n              onFinish={this.onFinish}\r\n              scrollToFirstError\r\n            >\r\n              <Form.Item\r\n                name=\"curr_pw\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: 'Please input your current password.',\r\n                  }\r\n                ]}\r\n                hasFeedback\r\n              >\r\n                <Input.Password\r\n                  placeholder=\"Current Password\"\r\n                  prefix={<LockOutlined />} />\r\n              </Form.Item>\r\n              <Form.Item\r\n                name=\"new_pw\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: 'Please input your password!',\r\n                  },\r\n                  ({ getFieldValue }) => ({\r\n                    validator(rule, value) {\r\n                      if (value.length >= 16) {\r\n                        return Promise.resolve();\r\n                      }\r\n                      return Promise.reject('Your password must be at least 16 characters. Try using a personally significant phrase.');\r\n                    },\r\n                  })\r\n                ]}\r\n                hasFeedback\r\n              >\r\n                <Input.Password\r\n                  placeholder=\"Password\"\r\n                  prefix={<LockOutlined />} />\r\n              </Form.Item>\r\n              <Form.Item\r\n                name=\"new_pw_confirm\"\r\n                dependencies={['new_pw']}\r\n                hasFeedback\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: 'Please confirm your password!',\r\n                  },\r\n                  ({ getFieldValue }) => ({\r\n                    validator(rule, value) {\r\n                      if (!value || getFieldValue('new_pw') === value) {\r\n                        return Promise.resolve();\r\n                      }\r\n                      return Promise.reject('The two passwords that you entered do not match!');\r\n                    },\r\n                  }),\r\n                ]}\r\n              >\r\n                <Input.Password\r\n                  placeholder=\"Confirm Password\"\r\n                  prefix={<LockOutlined />} />\r\n              </Form.Item>\r\n              {this.state.show_alert ? (\r\n                <Form.Item>\r\n                  <Alert message={this.state.alert_message} type={this.state.alert_type} showIcon closable />\r\n                </Form.Item>\r\n              ) : (null)}\r\n\r\n              <Form.Item {...tailFormItemLayout}>\r\n                <Button type=\"primary\" htmlType=\"submit\" loading={this.state.is_loading} >\r\n                  Change Password\r\n                </Button>\r\n              </Form.Item>\r\n            </Form>\r\n          </Card>\r\n        </PageHeader>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Account;\r\n","import React from 'react';\r\nimport { Route, Redirect, RouteComponentProps } from 'react-router-dom';\r\nimport { store } from '../redux/store'\r\n\r\ntype Props = {\r\n  path: string[],\r\n  isAuthenticated: boolean,\r\n  children: any,\r\n  render?: (props: RouteComponentProps<any>) => React.ReactNode,\r\n  exact?: boolean,\r\n};\r\n\r\nconst PrivateRoute = ({ render, exact, path, isAuthenticated , children }: Props) => {\r\n\r\n  if(sessionStorage.getItem(\"isAuth\") === 'true')\r\n    isAuthenticated = true\r\n  else isAuthenticated = false\r\n\r\n  return (\r\n    <Route render={render} exact={exact} path={path}>\r\n      {isAuthenticated ?\r\n        (children) :\r\n        <Redirect to=\"/login/\" />}\r\n    </Route>\r\n  );\r\n};\r\n\r\nexport default PrivateRoute;\r\n","import React, { Component } from \"react\";\r\nimport { Switch, Route, Link } from \"react-router-dom\";\r\nimport Login from \"./components/Login\";\r\nimport Shout from \"./components/Shout\";\r\nimport Sparkles from \"./components/sparkles/Sparkles\";\r\nimport Account from \"./components/Account\";\r\nimport PrivateRoute from \"./components/PrivateRoute\";\r\nimport jwtDecode, { JwtPayload } from \"jwt-decode\";\r\nimport axiosInstance, { refreshToken } from \"./axiosApi\";\r\nimport { store } from \"./redux/store\";\r\nimport \"./App.css\";\r\nimport { Layout, Menu, Button } from \"antd\";\r\nimport { Row, Col } from \"antd\";\r\n\r\nimport {\r\n  TeamOutlined,\r\n  UnorderedListOutlined,\r\n  SoundOutlined,\r\n  LoginOutlined,\r\n  LogoutOutlined,\r\n  ClockCircleOutlined,\r\n  RocketOutlined,\r\n  AlertOutlined,\r\n  LockOutlined,\r\n} from \"@ant-design/icons\";\r\nimport { connect } from \"react-redux\";\r\nimport Item from 'antd/lib/list/Item';\r\n\r\nconst { Header, Content, Footer, Sider } = Layout;\r\n\r\ntype Props = {};\r\ntype State = {\r\n  isAuthenticated: boolean;\r\n  selectedMenuItem: string;\r\n  defaultSelectedMenuItem: string;\r\n  countryCode?: string;\r\n};\r\n\r\n// the deskcontactwidget is an explicit assignment\r\n// to a global object; various TypeScript specs\r\n// prevent this, so we need to\r\ndeclare global {\r\n  interface Window {\r\n    deskcontactwidget: any;\r\n  }\r\n}\r\n\r\nvar installHelpDeskWidget = function () {\r\n  // helpdesk widget\r\n  var basehref = \"https://portal.rubi.works\",\r\n    token = \"094b9f36-1c7e-4d8b-a398-0af2ed536551\";\r\n\r\n  window.deskcontactwidget = {};\r\n  var r = document.getElementsByTagName(\"script\")[0],\r\n    c = document.createElement(\"script\");\r\n  c.type = \"text/javascript\";\r\n  c.async = !0;\r\n  c.src = basehref + \"/support/v1/contact/main.js?token=\" + token;\r\n\r\n  if (r.parentNode)\r\n    r.parentNode.insertBefore(c, r);\r\n\r\n  window.addEventListener(\"message\",\r\n    function (e) {\r\n      var t = e.data[0], a = e.data[1];\r\n      var deskcontactwidget = document.getElementById(\"deskcontactwidgetframe\");\r\n\r\n      switch (t) {\r\n        case \"setContactFormHeight\":\r\n          if (deskcontactwidget instanceof HTMLElement)\r\n            deskcontactwidget.style.height = Math.min(\r\n              a, window.window.innerHeight - 75).toString() + \"px\";\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n    }, !1);\r\n\r\n};\r\nclass App extends Component<any, State> {\r\n  state: State = {\r\n    isAuthenticated: false,\r\n    selectedMenuItem: \"shout\", // bc its at \"/\"\r\n    defaultSelectedMenuItem: \"shout\",\r\n    countryCode: process.env.REACT_APP_COUNTRY_CODE,\r\n  };\r\n\r\n  handleLogout = async () => {\r\n    try {\r\n      sessionStorage.setItem(\"isAuth\", 'false')                                        //store.dispatch({ type: \"Auth\", payload: false });\r\n      this.setState({ isAuthenticated: false });\r\n      const response = await axiosInstance.post(\"api/blacklist/\", {\r\n        refresh_token: localStorage.getItem(\"refresh_token\"),\r\n      });\r\n      localStorage.removeItem(\"access_token\");\r\n      localStorage.removeItem(\"refresh_token\");\r\n      axiosInstance.defaults.headers[\"Authorization\"] = null;\r\n      return response;\r\n    } catch (e) {\r\n      console.log(e);\r\n    }\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.loginStatus();\r\n    console.log(process.env.REACT_APP_COUNTRY_CODE);\r\n    installHelpDeskWidget();\r\n  }\r\n\r\n\r\n  loginStatus = () => {\r\n    const token: string | null = localStorage.getItem(\"access_token\");\r\n    if (token !== null) {\r\n      const jwtDecoded: JwtPayload = jwtDecode(token);\r\n      let tokenExpiration: any = jwtDecoded.exp;\r\n      let dateNow = new Date();\r\n      // check on the token and refresh if it's expired\r\n      if (token && tokenExpiration < dateNow.getTime() / 5000) {\r\n\r\n        try {\r\n          sessionStorage.setItem(\"isAuth\", 'true');\r\n          refreshToken(localStorage.getItem(\"refresh_token\"))\r\n            .then(() => {\r\n              this.setState({\r\n                isAuthenticated: true,\r\n                // selectedMenuItem: \"logout\",\r\n              });\r\n            })\r\n            .catch((err: Error) => {\r\n              sessionStorage.setItem(\"isAuth\", 'false');\r\n              console.log(err);\r\n              this.setState({\r\n                isAuthenticated: false,\r\n                selectedMenuItem: \"login\",\r\n              });\r\n            });\r\n        } catch (e) {\r\n          sessionStorage.setItem(\"isAuth\", 'false');\r\n          console.log(\"Error passively refreshing token: \" + e);\r\n          this.setState({\r\n            isAuthenticated: false,\r\n            selectedMenuItem: \"login\",\r\n          });\r\n        }\r\n      } else if (token && sessionStorage.getItem(\"isAuth\") === 'true') {\r\n        this.setState({\r\n          isAuthenticated: true,\r\n          //selectedMenuItem: \"logout\",\r\n        });\r\n      }\r\n    } else {\r\n      sessionStorage.setItem(\"isAuth\", 'false');\r\n      this.setState({\r\n        isAuthenticated: false,                    //maybe true\r\n        selectedMenuItem: \"login\",\r\n      }); //isAuthenticated: store.getState().isAuth.auth,\r\n    }\r\n  };\r\n\r\n  onMenuSelect = (e: any) => {\r\n    this.setState({\r\n      selectedMenuItem: e.key\r\n    })\r\n    this.loginStatus();\r\n    console.log(e);\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"site\">\r\n        <Layout>\r\n          <Sider breakpoint=\"lg\" collapsedWidth=\"0\">\r\n            <div className=\"logo\" />\r\n            <Menu\r\n              theme=\"dark\"\r\n              mode=\"inline\"\r\n              selectedKeys={[this.state.selectedMenuItem]}\r\n              defaultSelectedKeys={[this.state.defaultSelectedMenuItem]}\r\n              onSelect={this.onMenuSelect}\r\n            >\r\n              <Menu.ItemGroup key=\"g1\" title=\"Modules\">\r\n                <Menu.Item key=\"shout\">\r\n                  <Link className={\"nav-link\"} to={\"/shout/\"}>\r\n                    <SoundOutlined />\r\n                    Shout\r\n                  </Link>\r\n                </Menu.Item>\r\n                <Menu.Item key=\"sparkles\" className={\"sparkles\"}>\r\n                  <Link className={\"nav-link\"} to={\"/sparkles/\"}>\r\n                    <ClockCircleOutlined />\r\n                    Sparkles / Launch\r\n                  </Link>\r\n                </Menu.Item>\r\n              </Menu.ItemGroup>\r\n\r\n              {this.state.isAuthenticated ? (\r\n                <Menu.ItemGroup key=\"accountGroup\" title=\"Account\">\r\n                  <Menu.Item key=\"account\">\r\n                    <Link className={\"nav-text nav-link\"} to={\"/account/\"}>\r\n                      <LockOutlined />\r\n                      Security\r\n                    </Link>\r\n                  </Menu.Item>\r\n                  <Menu.Item key=\"logout\">\r\n                    <Link\r\n                      className={\"nav-text nav-link\"}\r\n                      onClick={this.handleLogout}\r\n                      to={\"/login/\"}\r\n                    >\r\n                      <LogoutOutlined />\r\n                      Logout\r\n                    </Link>\r\n                  </Menu.Item>\r\n                </Menu.ItemGroup>\r\n              ) : (\r\n                <Menu.Item key=\"login\">\r\n                  <Link className={\"nav-text nav-link\"} to={\"/login/\"}>\r\n                    <LoginOutlined />\r\n                    Login\r\n                  </Link>\r\n                </Menu.Item>\r\n              )}\r\n            </Menu>\r\n          </Sider>\r\n          <Layout>\r\n            <Header\r\n              className=\"site-layout-sub-header-background\"\r\n              style={{ padding: 0 }}\r\n            >\r\n              <Row justify=\"end\" gutter={[16, 16]}>\r\n                <Col flex={3} span={3}>\r\n                  <Button\r\n                    icon={<TeamOutlined />}\r\n                    type=\"primary\"\r\n                    target=\"_blank\"\r\n                    href={process.env.REACT_APP_SUPPORT}\r\n                  >\r\n                    Support\r\n                  </Button>\r\n                </Col>\r\n                <Col flex={3} span={3}>\r\n                  <Button\r\n                    icon={<UnorderedListOutlined />}\r\n                    target=\"_blank\"\r\n                    href={process.env.REACT_APP_HOWTO}\r\n                  >\r\n                    How To\r\n                  </Button>\r\n                </Col>\r\n              </Row>\r\n            </Header>\r\n            <Content style={{ margin: \"24px 16px 0\" }}>\r\n              <div\r\n                className=\"site-layout-background\"\r\n                style={{ padding: 24, minHeight: 360 }}\r\n              >\r\n                <Row>\r\n                  <Col span={24}>\r\n                    <Switch>\r\n                      <Route\r\n                        exact\r\n                        path={\"/login/\"}\r\n                        render={(props) => (\r\n                          <Login {...props} loggedIn={this.loginStatus} />\r\n                        )}\r\n                      />\r\n                      <PrivateRoute\r\n                        exact\r\n                        path={[\"/shout/\", \"/\"]}\r\n                        isAuthenticated={this.state.isAuthenticated}\r\n                      >\r\n                        <Shout />\r\n                      </PrivateRoute>\r\n                      <PrivateRoute\r\n                        exact\r\n                        path={[\"/sparkles/\"]}\r\n                        isAuthenticated={this.state.isAuthenticated}\r\n                      >\r\n                        <Sparkles />\r\n                      </PrivateRoute>\r\n                      <PrivateRoute\r\n                        exact\r\n                        path={[\"/account/\"]}\r\n                        isAuthenticated={this.state.isAuthenticated}\r\n                      >\r\n                        <Account />\r\n                      </PrivateRoute>\r\n                    </Switch>\r\n                  </Col>\r\n                </Row>\r\n              </div>\r\n            </Content>\r\n            <Footer style={{ textAlign: \"center\" }}>\r\n              <span>\r\n                Rubi Space ©2020 Created by Rubi.Works<br></br>v2021.10.14\r\n              </span>\r\n            </Footer>\r\n          </Layout>\r\n        </Layout>\r\n      </div>\r\n    );\r\n  }\r\n}\r\nfunction mapStateToProps(state: any) {\r\n  return {\r\n    isAuth: state.isAuth.auth,\r\n  };\r\n}\r\n\r\nexport default connect(mapStateToProps)(App);\r\n","import React from 'react';\r\nimport { render } from 'react-dom';\r\nimport App from './App';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport { store } from './redux/store'\r\nimport {Provider} from 'react-redux'\r\nimport {createStore} from 'redux'\r\n\r\nrender(\r\n  //<React.StrictMode>                 had to turn this off because was getting strict error when Redux was implemented\r\n  <Provider store={store}>\r\n    <BrowserRouter>\r\n      <App />\r\n    </BrowserRouter>\r\n  </Provider>,\r\n  // </React.StrictMode>,\r\n  document.getElementById('root')\r\n);\r\n"],"sourceRoot":""}