\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
{cardValue} \r\n
{cardName}
\r\n
\r\n
\r\n
\r\n
{cardTitle}
\r\n
{cardValue}
\r\n
\r\n
Your updates to directory information—Y address, sites, staff—inform all core YMCA of the USA (Y-USA) data systems, key reports and insight tools relied on by you and your Y colleagues across the nation.
ADDITIONAL INFORMATION
For instructions on entering data into MOYP, please see the Manage Our Y Profile How-To Guide on Link. If you wish to submit a request to change your name that you see displayed on the Annual Report, please submit a request using this form .
Your site information helps us communicate the Y’s physical footprint and reach national funders and partners when we seek resources on behalf of Ys in the Movement. This is an association-level section that rolls up any and all information from branches and sites.
Additional Information
Please see the National Committee on Membership Standards Policies and Procedures Manual for additional information on definitions.
DEFINITIONS
Branch YMCA :
A location with an operating unit officially chartered by Y-USA as a branch of, and subject to the governance of, its corporate YMCA.
Corporate YMCA:
An association chartered by Y-USA as a corporate YMCA, with a governing board of directors and CEO.
Program site:
A location that offers one or more programs on a regular basis. Typically refers to a site not located at a branch or corporate Y location, but may also refer to a site specially designated by program type, such as a child care site with its own site director, which may be housed within or immediately adjacent to a general programs branch or corporate Y location.
Community engagement:
A strategic process of working collaboratively and inclusively with diverse community members and stakeholders to address needs and opportunities that affect the well-being of a community and that, ideally, yield equitable, sustainable outcomes for all.
Community development:
An inclusive process that (1) engages a diverse and collective group of global/local leaders who care about the needs of their communities and (2) leads to a collaborative response that brings the community together by nurturing, fostering, and improving the quality of life for all community stakeholders.
',\r\n createdAt: '2022-10-13T12:35:15.687Z',\r\n updatedAt: '2022-12-07T21:05:21.884Z',\r\n publishedAt: '2022-10-13T12:35:17.446Z'\r\n }\r\n },\r\n {\r\n id: 3,\r\n attributes: {\r\n Title: 'Employee ',\r\n page: 'employee',\r\n Help_Description:\r\n 'Your updates to employee records inform all core YMCA of the USA (Y-USA) data systems and key reports such as dashboards relied on by you and your Y colleagues across the nation.
ADDITIONAL INFORMATION
For instructions on entering data into the new Employee Update Module, please see….. For instructions on entering data into MOYP, please see the Manage Our Y Profile How-To Guide on Link. The employee count total should include all employees across the entire association, including all staff at the corporate office, branch locations, and program. DEFINITIONS (employee):
Nonexempt: Employees who do not meet the legal requirements to be exempt from overtime pay. Typically paid hourly. See U.S. Department of Labor and state laws.Exempt: Employees who meet the legal requirements to be exempt from overtime pay. Typically paid an annual salary and meet several other legal tests. See U.S. Department of Labor and state laws.Full-time: Full-time employees should be reported as your Y defines them. A typical definition for full-time would be 30 or more hours per week and a minimum of 1,500 hours per year.Part-time: Employees not classified as full-time who are employed for an indefinite time period (i.e., not seasonal or temporary).Seasonal: Employees hired for seasonally specific purposes, e.g., summer camp counselors, some sports staff, winter break, etc.Temporary: Employees hired to work for a fixed period, usually six months or less. Need to add definitions for leadership levelsThe constituency report collects information about who we serve and engage as members, program members, volunteers, and donors, and includes data for the entire association. Your responses help us demonstrate the reach and track the state of the Movement and are widely used for informational purposes in reports, applications, and responding to Y inquiries.
The Members portion of the Constituency Report asks you to report on your total facility Members. The questions are based on whether or not you offer memberships or participate in Nationwide Membership.
ADDITIONAL INFORMATION
In this section please report on facility members. For facility members, please provide the count on December 31, 2022. We recognize that the member count varies throughout the year. As we leverage Nationwide Membership data and investigate new data collection methods, we will identify ways to report member counts that reflects the fluctuations during the year. Please enter a number for every field. If you do not have any members to report in a particular category, enter zero. This year we expanded our gender identity options to include two new categories: Additional Identities and Unknown. If you do not collect data using these categories you can continue to report using the Male and Female categorial options The Additional Member Information portion of the Constituency Report asks your association’s total facility members by racial/ethnic category. If your association does not offer facility memberships you will skip to the Program Members section.
HELPFUL TIPS
Review race and ethnicity categories. Racial categories generally align with U.S. Census categories. The Census decided not to add a new racial/ethnic category of \"Middle Eastern or Northern African\" but we still offer it here in case you already moved toward using it. We recognize that Ys collect racial/ethnic categories in a variety of ways and may not have these exact categories. Consequently, we offer categories of \"Other\" and \"Unknown\", as well as an option to note \"Not Collected\" for any racial/ethnic category you do not use. Please enter a number for every field. If you do not have any members to report in a particular category, enter zero DEFINITIONS :
Asian : Generally represents individuals with ethnic origins/heritage in East (ex: China, Japan, South Korea), Southeast (ex: Vietnam, Cambodia, Laos, The Philippines) South Asia (ex: India, Pakistan, Bangladesh, Sri Lanka)Black or African-American : Generally represents individuals of African descent or heritage (ex: Nigerian, South African, Ugandan) or of the African diasporaHispanic/Latino : Generally represents individuals with ethnic origins/heritage in Central, South America, or is of Iberian/Spanish heritage (ex: Spanish, Nicaraguan, Chilean, Mexican)Middle Eastern or North African : Generally represents individuals with ethnic origins/heritage in North African countries spanning from Morocco to Egypt, and West Asian Countries from Yemen to Iraq (ex: Algerian, Lebanese, Yemeni), also inclusive of Turkey and IranNative American/Alaskan Native : (formerly referred to as \"American Indian/Alaskan Native\"): Generally represents a member of any of the indigenous peoples of the United States or of North America (ex: Lakota, Navajo, Cherokee) or indigenous peoples of AlaskaNative Hawaiian or Other Pacific Islander : Generally represents aboriginal Polynesian people of the Hawaiian Islands or of other Pacific islands (Micronesia, Polynesia, Melanesia)The constituency report collects information about who we serve and engage as members, program members, volunteers, and donors, and includes data for the entire association. Your responses help us demonstrate reach and track the state of the Movement and is widely used for informational purposes in reports, applications, and responding to Y inquiries.
This Program Members portion of the Annual Report contains questions regarding programs your Y offers. If your Y does not offer programs, you will skip to the Volunteers section.
ADDITIONAL INFORMATION
How to count people who participated in more than one program, or more than one session of a program: If, for example, a person participates in youth swim lessons for four sessions, then you count this person only one time for Unduplicated, and four times for Duplicated count. If that same person participated in camp, swim, and sports, you count that person one time for each program category he or she participated in. Please enter a number for every field. If you do not have any members to report in a particular category, enter zero. This year we’ve expanded our gender identity options to include two new categories: Additional Identities and Unknown. If you do not collect data using these categories you can continue to report using the Male and Female categorial options For program members/program participants, please provide the count of participants for the year as of December 31, 2022. DEFINITIONS:
',\r\n createdAt: '2022-10-13T12:38:32.794Z',\r\n updatedAt: '2023-01-18T15:28:05.119Z',\r\n publishedAt: '2022-10-13T12:38:33.986Z'\r\n }\r\n },\r\n {\r\n id: 10,\r\n attributes: {\r\n Title: 'Program Enrollments',\r\n page: 'program-enrollments',\r\n Help_Description:\r\n 'The constituency report collects information about who we serve and engage as members, program members, volunteers, and donors, and includes data for the entire association. Your responses help us demonstrate reach and track the state of the Movement and is widely used for informational purposes in reports, applications, and responding to Y inquiries.
This Program Enrollments portion of the Annual Report contains questions regarding programs your Y offers. If your Y does not offer programs, you will skip to the Volunteers section.
ADDITIONAL INFORMATION
Special note about how to count people who participated in more than one program or more than one session of a program. If, for example, a person participates in youth swim lessons for four sessions, then you count this person only one time for Unduplicated, and four times for Duplicated count. If that same person participated in the camp, swimming, and sports, you count that person one time for each program category he or she participated in. Please enter a number for every field. If you do not have any members to report in a particular category, enter zero. This year we’ve expanded our gender identity options to include two new categories: Additional Identities and Unknown. If you do not collect data using these categories you can continue to report using the Male and Female categorial options DEFINITIONS
Duplicated Counts : Counts a person more than once if they took this program more than once, essentially adding all session enrollments per program.Unduplicated Counts : Counts a person once, regardless of how many sessions they enrolled in for this program category.Tracking volunteer involvement and volunteer hours creates a Movement-wide view and valuation of volunteer efforts which helps to demonstrate our community support and relevance.
ADDITIONAL INFORMATION
Review race and ethnicity categories. Racial categories generally align with U.S. Census categories. The Census decided not to add a new racial/ethnic category of \"Middle Eastern or Northern African\" but we still offer it here in case you already moved toward using it. We recognize that Ys collect racial/ethnic categories in a variety of ways and may not have these exact categories. Consequently, we offer categories of \"Other\" and \"Unknown\", as well as an option to note \"Not Collected\" for any racial/ethnic category you do not use. This year we’ve expanded our gender identity options to include two new categories: Additional Identities and Unknown. If you do not collect data using these categories you can continue to report using the Male and Female categorial options DEFINITIONS
Policy Volunteers : Includes volunteers who are serving as members of the YMCA governing board, branch advisory boards/committees, or any other advisory committees or task forces/groups to help govern or advise on matters of policy affecting programs or operations.Program Volunteers : Includes volunteers who help to lead, coach or otherwise implement programs or group projects, as well as those who serve in unpaid service/support roles in support of operations. Include those who provide occasional unpaid services in youth sports, for special events and those who serve on Y-convened community coalitions.DEFINITIONS (RACE/ETHNICITY)
Asian : Generally represents individuals with ethnic origins/heritage in East (ex: China, Japan, South Korea), Southeast (ex: Vietnam, Cambodia, Laos, The Philippines) South Asia (ex: India, Pakistan, Bangladesh, Sri Lanka)Black or African-American : Generally represents individuals of African descent or heritage (ex: Nigerian, South African, Ugandan) or of the African diaspora Hispanic/Latino : Generally represents individuals with ethnic origins/heritage in Central, South America, or is of Iberian/Spanish heritage (ex: Spanish, Nicaraguan, Chilean, Mexican)Middle Eastern or North African : Generally represents individuals with ethnic origins/heritage in North African countries spanning from Morocco to Egypt, and West Asian Countries from Yemen to Iraq (ex: Algerian, Lebanese, Yemeni), also inclusive of Turkey and Iran Native American/Alaskan Native : (formerly referred to as \"American Indian/Alaskan Native\"): Generally represents a member of any of the indigenous peoples of the United States or of North America (ex: Lakota, Navajo, Cherokee) or indigenous peoples of Alaska Native Hawaiian or Other Pacific Islander : Generally represents aboriginal Polynesian people of the Hawaiian Islands or of other Pacific islands (Micronesia, Polynesia, Melanesia)Your responses help us track the State of the Movement, demonstrate community support and relevance, and develop benchmarks and best practices for fundraising.
ADDITIONAL INFORMATION :
Please remember that your number of member donors and annual campaign donors are a subset of total donors, thus they can never exceed your total number of donors. DEFINITIONS :
Donor : Individuals or organizations who gave a donation, as defined here, at any time in the year. Donation: Includes any type of monetary gift (excluding in-kind services or goods) that was given with no expectation of benefits, goods, or services in return.Organization Donor : Includes organizations such as foundations, corporations, and nonprofits that gave a donation on behalf of the organization and not an individual.Individual Donor : A person who made any donation as an individual, and not on behalf of an Organization. Couples are counted as two individual donors if they made separate gifts.Member : An individual who is a full/facility member (not program member) of your YMCA.Program Member : Any person who participated in a program who is NOT already included in your Members count.This section collects information about the collaborations your Y engages in with other organizations and how you engage with them. The second part asks you about the one collaboration your Y is engaged in that has the greatest impact within your community.
Your responses help Ys demonstrate to potential new partners that we have the capacity and experience within our Movement to collaborate with many types of partners, and an ability to connect with each other for ideas and support in model practices.
This is a branch-level section . Please submit one survey per corporate association and branch. Report association-wide collaborations in your Corporate Y response (e.g., a community-wide plan with Red Cross on how to respond to emergencies) and branch-specific collaborations at the branch level.
Select your Y below to enter responses for your corporate association and/or branch(es).
ADDITIONAL INFORMATION :
Association Administrators may choose to appoint branch-level administrators to complete on their own or they can collect the requested information and input it into the data entry system on behalf of each branch. DEFINITIONS :
Program or Service : Jointly design or offer a program/service to the community Shared Facility: Share or use the other’s facility/space to offer a program/service to the communityShared Staff : Share staff resources to manage, deliver, or support a program/service to the communityJoint Event : Work together to design or offer a special event within the community (e.g. volunteer day, Healthy Kids Day) Policy/Advocacy : Strategically align legislative priorities (local, state, federal) to advocate for legislation and policy that impacts the Y and collaborators locally or statewideThe purpose of the section is to obtain an overview of the YMCA’s virtual and in-person offerings in 2022. The responses will help Y-USA generate analyses for funding requests to private and public-sector organizations and understand trends in Y programs and services.
ADDITIONAL INFORMATION :
Please report on which of the listed programs were offered at your Y in-person, virtually, or both at any point during 2022. Association Administrators may choose to appoint branch-level administrators to complete on their own or they can collect the requested information and input it into the data entry system on behalf of each branch. DEFINITIONS :
In-Person : Participants met in person at a Y facility or other location.Virtual : Program or service offered online live or on-demand. Examples include live streaming on the Y website, YouTube, or Zoom.ADDITIONAL INFORMATION:
Incoming CVO information will replace the existing CVO information in MOYP once their term date has expired. The CVO mailing addresses can be work or personal addresses, but not Y site addresses. Only the CEO and CVO have the ability to edit and complete this form. If you are a new or interim CEO and have not yet informed the Certification and Membership Standards team of the transition or filled out the paperwork, please email cms.info@ymca.net . You will not have access to your Y’s Annual Report information until this paperwork has been processed and you are registered in MOYP. Additional Instructions
Download existing data from MOYP or download a blank template. Using the existing data file or blank template, update your employee data. Upload data and review data. Submit data Enable Macros in Files in a Specific Location/Folder
Excel allows you to specify trusted locations. Excel files stored in a trusted location will automatically have the macros enabled and you won’t see the warning that you usually see.
Even if you have disabled all macros as the global setting, the ones in the files in the trusted location would still work .
This can be quite useful when you don’t want the macros to work in any file, except the ones that are stored in a trusted folder/location.
For example, if you have some templates or dashboard that you use often and it contains macros, then you can continue to use these uninterrupted, while the macros in all the other files would be disabled and would need to be enabled on a case-by-case basis .
Below are the steps to see the current trusted locations and add a new one:
1. Open any Excel document (or a new Excel document)
2. Click the File tab
3. Click on Options
4. In the ‘Excel Options dialog box, click on Trust Center
5. Click on the Trust Center Settings button.
6. Click on the ‘Trusted Locations’ option in the left pane. This will show you all the locations that are already marked as trusted locations
7. To add a new trusted location, click on the ‘Add new location button
8. In the Microsoft Office Trusted Location dialog box that opens, enter the path of the folder (you can also use the browse option to locate it)
9. [Optional] If you also want the subfolders in the specified folder path to be marked as the trusted folder, check the ‘Subfolders of this location are also trusted option’
10. Click OK
The above steps would make the specified folder a trusted location. In case you want to delete or modify any of the existing trusted locations, you can do that as well
',\r\n createdAt: '2022-10-18T09:23:25.561Z',\r\n updatedAt: '2022-11-04T14:19:37.890Z',\r\n publishedAt: '2022-10-18T09:23:28.776Z'\r\n }\r\n },\r\n {\r\n id: 19,\r\n attributes: {\r\n Title: 'Organizational Commitment',\r\n page: 'organizational-commitment',\r\n Help_Description:\r\n 'Fostering a culture of inclusion and respect for diversity is at the heart of our mission to \"…build spirit, mind, and body for all,\" and is underscored as a membership standard in our YMCA National Constitution (Article II, Section 2 (g)). By applying organizational strategies of DIG engagement, Ys will advance the mission and help all people in their community feel safe and welcome so that they may grow and give to their fullest potential.
Your responses in this section help us identify and share practices that are most successful in growing membership and advancing the mission through DIG engagement. They also help to benchmark and track progress, demonstrate impact, and advance national positioning and a global perspective.
ADDITIONAL INFORMATION :
',\r\n createdAt: '2022-10-28T05:17:48.050Z',\r\n updatedAt: '2022-11-17T13:08:53.409Z',\r\n publishedAt: '2022-10-28T05:17:53.038Z'\r\n }\r\n },\r\n {\r\n id: 20,\r\n attributes: {\r\n Title: 'Upload employee review',\r\n page: 'upload-employee-review',\r\n Help_Description:\r\n ' Additional Instructions
Download existing data from MOYP or download a blank template. Using the existing data file or blank template, update your employee data. Upload data and review data. Submit data Enable Macros in Files in a Specific Location/Folder
Excel allows you to specify trusted locations. Excel files stored in a trusted location will automatically have the macros enabled and you won’t see the warning that you usually see.
Even if you have disabled all macros as the global setting, the ones in the files in the trusted location would still work .
This can be quite useful when you don’t want the macros to work in any file, except the ones that are stored in a trusted folder/location.
For example, if you have some templates or dashboard that you use often and it contains macros, then you can continue to use these uninterrupted, while the macros in all the other files would be disabled and would need to be enabled on a case-by-case basis .
Below are the steps to see the current trusted locations and add a new one:
1. Open any Excel document (or a new Excel document)
2. Click the File tab
3. Click on Options
4. In the ‘Excel Options dialog box, click on Trust Center
5. Click on the Trust Center Settings button.
6. Click on the ‘Trusted Locations’ option in the left pane. This will show you all the locations that are already marked as trusted locations
7. To add a new trusted location, click on the ‘Add new location button
8. In the Microsoft Office Trusted Location dialog box that opens, enter the path of the folder (you can also use the browse option to locate it)
9. [Optional] If you also want the subfolders in the specified folder path to be marked as the trusted folder, check the ‘Subfolders of this location are also trusted option’
10. Click OK
The above steps would make the specified folder a trusted location. In case you want to delete or modify any of the existing trusted locations, you can do that as well
',\r\n createdAt: '2022-11-02T09:32:45.291Z',\r\n updatedAt: '2022-11-04T14:14:35.454Z',\r\n publishedAt: '2022-11-02T09:32:48.992Z'\r\n }\r\n },\r\n {\r\n id: 21,\r\n attributes: {\r\n Title: 'Overview',\r\n page: 'overview',\r\n Help_Description:\r\n 'Part One: Nonfinancial Report
Due: Feb. 15, 2023
The nonfinancial report contains the following components:
YMCA Directory Information* Site Information Employees Constituency ReportMembers Additional Member Information Program Members Program Participant Enrollments Volunteers Donors Diversity, Inclusion and Global Metrics Collaborations* Programs and Activities* Pledge Statement Review and Submit *Branch-level reporting will be done in 3 sections: Directory, Collaborations and Programs & Activities. be completed in one of two ways: 1) association administrations can collect the requested information and input it into the data entry system on behalf of each branch or 2) branch administrators can complete this portion themselves. Branch level administrators will only be able to enter data on behalf of their branch.
Important changes to note before you begin the annual report process:
In addition to the CEO’s signature, CVOs/Board Chairs will now also be required to sign off on the Pledge Statement. To avoid extra reporting steps for YMCAs at the time of CVO/Board Chair transitions, Y-USA will collect the name, email address and term for each Y association\\'s current and incoming CVO/Board Chair. On Feb. 15, you will be asked to review and update your employee records via the new Employee Update Module or via Manage Our Y Profile. The new Employee Update Module will allow you to edit or replace individual employee records currently listed in MOYP via a bulk upload process. Employee demographics, including race/ethnicity, birth date and gender will now be collected as part of the individual employee record updates. Employees will need to provide consent for their age, race and gender to be used in aggregate for tools like the Workforce Diversity Dashboard. Fostering a culture of inclusion and respect for diversity is at the heart of our mission to \"…build spirit, mind, and body for all,\" and is underscored as a membership standard in our YMCA National Constitution (Article II, Section 2 (g)). By applying organizational strategies of DIG engagement, Ys will advance the mission and help all people in their community feel safe and welcome so that they may grow and give to their fullest potential.
Your responses in this section help us identify and share practices that are most successful in growing membership and advancing the mission through DIG engagement. They also help to benchmark and track progress, demonstrate impact, and advance national positioning and a global perspective.
ADDITIONAL INFORMATION :
',\r\n createdAt: '2022-11-02T10:10:59.358Z',\r\n updatedAt: '2022-12-07T21:09:09.834Z',\r\n publishedAt: '2022-11-02T10:11:01.354Z'\r\n }\r\n },\r\n {\r\n id: 24,\r\n attributes: {\r\n Title: 'Leadership / Staff Development',\r\n page: 'leadership-staff-development',\r\n Help_Description:\r\n 'Fostering a culture of inclusion and respect for diversity is at the heart of our mission to \"…build spirit, mind, and body for all,\" and is underscored as a membership standard in our YMCA National Constitution (Article II, Section 2 (g)). By applying organizational strategies of DIG engagement, Ys will advance the mission and help all people in their community feel safe and welcome so that they may grow and give to their fullest potential.
Your responses in this section help us identify and share practices that are most successful in growing membership and advancing the mission through DIG engagement. They also help to benchmark and track progress, demonstrate impact, and advance national positioning and a global perspective.
ADDITIONAL INFORMATION :
',\r\n createdAt: '2022-11-02T11:34:41.656Z',\r\n updatedAt: '2022-12-07T21:09:35.408Z',\r\n publishedAt: '2022-11-02T11:34:44.378Z'\r\n }\r\n },\r\n {\r\n id: 25,\r\n attributes: {\r\n Title: 'Program Innovation',\r\n page: 'program-innovation',\r\n Help_Description:\r\n 'Fostering a culture of inclusion and respect for diversity is at the heart of our mission to \"…build spirit, mind, and body for all,\" and is underscored as a membership standard in our YMCA National Constitution (Article II, Section 2 (g)). By applying organizational strategies of DIG engagement, Ys will advance the mission and help all people in their community feel safe and welcome so that they may grow and give to their fullest potential.
Your responses in this section help us identify and share practices that are most successful in growing membership and advancing the mission through DIG engagement. They also help to benchmark and track progress, demonstrate impact, and advance national positioning and a global perspective.
ADDITIONAL INFORMATION :
',\r\n createdAt: '2022-11-02T11:35:57.724Z',\r\n updatedAt: '2022-12-07T21:10:07.989Z',\r\n publishedAt: '2022-11-02T11:35:59.768Z'\r\n }\r\n },\r\n {\r\n id: 26,\r\n attributes: {\r\n Title: 'Strategic Relationships',\r\n page: 'strategic-relationships',\r\n Help_Description:\r\n 'Fostering a culture of inclusion and respect for diversity is at the heart of our mission to \"…build spirit, mind, and body for all,\" and is underscored as a membership standard in our YMCA National Constitution (Article II, Section 2 (g)). By applying organizational strategies of DIG engagement, Ys will advance the mission and help all people in their community feel safe and welcome so that they may grow and give to their fullest potential.
Your responses in this section help us identify and share practices that are most successful in growing membership and advancing the mission through DIG engagement. They also help to benchmark and track progress, demonstrate impact, and advance national positioning and a global perspective.
ADDITIONAL INFORMATION :
',\r\n createdAt: '2022-11-02T11:37:09.209Z',\r\n updatedAt: '2022-12-07T21:10:43.930Z',\r\n publishedAt: '2022-11-02T11:37:11.994Z'\r\n }\r\n },\r\n {\r\n id: 27,\r\n attributes: {\r\n Title: 'Resource Mobilization',\r\n page: 'resource-mobilization',\r\n Help_Description:\r\n 'Fostering a culture of inclusion and respect for diversity is at the heart of our mission to \"…build spirit, mind, and body for all,\" and is underscored as a membership standard in our YMCA National Constitution (Article II, Section 2 (g)). By applying organizational strategies of DIG engagement, Ys will advance the mission and help all people in their community feel safe and welcome so that they may grow and give to their fullest potential.
Your responses in this section help us identify and share practices that are most successful in growing membership and advancing the mission through DIG engagement. They also help to benchmark and track progress, demonstrate impact, and advance national positioning and a global perspective.
ADDITIONAL INFORMATION :
',\r\n createdAt: '2022-11-02T11:38:03.003Z',\r\n updatedAt: '2022-12-07T21:11:06.557Z',\r\n publishedAt: '2022-11-02T11:38:04.751Z'\r\n }\r\n },\r\n {\r\n id: 28,\r\n attributes: {\r\n Title: 'Brand Visibility',\r\n page: 'brand-visibility',\r\n Help_Description:\r\n 'Fostering a culture of inclusion and respect for diversity is at the heart of our mission to \"…build spirit, mind, and body for all,\" and is underscored as a membership standard in our YMCA National Constitution (Article II, Section 2 (g)). By applying organizational strategies of DIG engagement, Ys will advance the mission and help all people in their community feel safe and welcome so that they may grow and give to their fullest potential.
Your responses in this section help us identify and share practices that are most successful in growing membership and advancing the mission through DIG engagement. They also help to benchmark and track progress, demonstrate impact, and advance national positioning and a global perspective.
ADDITIONAL INFORMATION :
',\r\n createdAt: '2022-11-02T11:39:03.544Z',\r\n updatedAt: '2022-12-07T21:11:25.123Z',\r\n publishedAt: '2022-11-02T11:39:05.294Z'\r\n }\r\n },\r\n {\r\n id: 29,\r\n attributes: {\r\n Title: 'Educational Organizations',\r\n page: 'educational-organizations',\r\n Help_Description:\r\n 'This section collects information about the collaborations your Y engages in with other organizations and how you engage with them. The second part asks you about the one collaboration your Y is engaged in that has the greatest impact within your community.
Your responses help Ys demonstrate to potential new partners that we have the capacity and experience within our Movement to collaborate with many types of partners, and an ability to connect with each other for ideas and support in model practices.
This is a branch-level section . Please submit one survey per corporate association and branch. Report association-wide collaborations in your Corporate Y response (e.g., a community-wide plan with Red Cross on how to respond to emergencies) and branch-specific collaborations at the branch level.
Select your Y below to enter responses for your corporate association and/or branch(es).
ADDITIONAL INFORMATION :
Association Administrators may choose to appoint branch-level administrators to complete on their own or they can collect the requested information and input it into the data entry system on behalf of each branch. DEFINITIONS :
Program or Service : Jointly design or offer a program/service to the community Shared Facility: Share or use the other’s facility/space to offer a program/service to the communityShared Staff : Share staff resources to manage, deliver, or support a program/service to the communityJoint Event : Work together to design or offer a special event within the community (e.g. volunteer day, Healthy Kids Day) Policy/Advocacy : Strategically align legislative priorities (local, state, federal) to advocate for legislation and policy that impacts the Y and collaborators locally or statewideThis section collects information about the collaborations your Y engages in with other organizations and how you engage with them. The second part asks you about the one collaboration your Y is engaged in that has the greatest impact within your community.
Your responses help Ys demonstrate to potential new partners that we have the capacity and experience within our Movement to collaborate with many types of partners, and an ability to connect with each other for ideas and support in model practices.
This is a branch-level section . Please submit one survey per corporate association and branch. Report association-wide collaborations in your Corporate Y response (e.g., a community-wide plan with Red Cross on how to respond to emergencies) and branch-specific collaborations at the branch level.
Select your Y below to enter responses for your corporate association and/or branch(es).
ADDITIONAL INFORMATION :
Association Administrators may choose to appoint branch-level administrators to complete on their own or they can collect the requested information and input it into the data entry system on behalf of each branch. DEFINITIONS :
Program or Service : Jointly design or offer a program/service to the community Shared Facility: Share or use the other’s facility/space to offer a program/service to the communityShared Staff : Share staff resources to manage, deliver, or support a program/service to the communityJoint Event : Work together to design or offer a special event within the community (e.g. volunteer day, Healthy Kids Day) Policy/Advocacy : Strategically align legislative priorities (local, state, federal) to advocate for legislation and policy that impacts the Y and collaborators locally or statewideThis section collects information about the collaborations your Y engages in with other organizations and how you engage with them. The second part asks you about the one collaboration your Y is engaged in that has the greatest impact within your community.
Your responses help Ys demonstrate to potential new partners that we have the capacity and experience within our Movement to collaborate with many types of partners, and an ability to connect with each other for ideas and support in model practices.
This is a branch-level section . Please submit one survey per corporate association and branch. Report association-wide collaborations in your Corporate Y response (e.g., a community-wide plan with Red Cross on how to respond to emergencies) and branch-specific collaborations at the branch level.
Select your Y below to enter responses for your corporate association and/or branch(es).
ADDITIONAL INFORMATION :
Association Administrators may choose to appoint branch-level administrators to complete on their own or they can collect the requested information and input it into the data entry system on behalf of each branch. DEFINITIONS :
Program or Service : Jointly design or offer a program/service to the community Shared Facility: Share or use the other’s facility/space to offer a program/service to the communityShared Staff : Share staff resources to manage, deliver, or support a program/service to the communityJoint Event : Work together to design or offer a special event within the community (e.g. volunteer day, Healthy Kids Day) Policy/Advocacy : Strategically align legislative priorities (local, state, federal) to advocate for legislation and policy that impacts the Y and collaborators locally or statewideThis section collects information about the collaborations your Y engages in with other organizations and how you engage with them. The second part asks you about the one collaboration your Y is engaged in that has the greatest impact within your community.
Your responses help Ys demonstrate to potential new partners that we have the capacity and experience within our Movement to collaborate with many types of partners, and an ability to connect with each other for ideas and support in model practices.
This is a branch-level section . Please submit one survey per corporate association and branch. Report association-wide collaborations in your Corporate Y response (e.g., a community-wide plan with Red Cross on how to respond to emergencies) and branch-specific collaborations at the branch level.
Select your Y below to enter responses for your corporate association and/or branch(es).
ADDITIONAL INFORMATION :
Association Administrators may choose to appoint branch-level administrators to complete on their own or they can collect the requested information and input it into the data entry system on behalf of each branch. DEFINITIONS :
Program or Service : Jointly design or offer a program/service to the community Shared Facility: Share or use the other’s facility/space to offer a program/service to the communityShared Staff : Share staff resources to manage, deliver, or support a program/service to the communityJoint Event : Work together to design or offer a special event within the community (e.g. volunteer day, Healthy Kids Day) Policy/Advocacy : Strategically align legislative priorities (local, state, federal) to advocate for legislation and policy that impacts the Y and collaborators locally or statewideThis section collects information about the collaborations your Y engages in with other organizations and how you engage with them. The second part asks you about the one collaboration your Y is engaged in that has the greatest impact within your community.
Your responses help Ys demonstrate to potential new partners that we have the capacity and experience within our Movement to collaborate with many types of partners, and an ability to connect with each other for ideas and support in model practices.
This is a branch-level section . Please submit one survey per corporate association and branch. Report association-wide collaborations in your Corporate Y response (e.g., a community-wide plan with Red Cross on how to respond to emergencies) and branch-specific collaborations at the branch level.
Select your Y below to enter responses for your corporate association and/or branch(es).
ADDITIONAL INFORMATION :
Association Administrators may choose to appoint branch-level administrators to complete on their own or they can collect the requested information and input it into the data entry system on behalf of each branch. DEFINITIONS :
Program or Service : Jointly design or offer a program/service to the community Shared Facility: Share or use the other’s facility/space to offer a program/service to the communityShared Staff : Share staff resources to manage, deliver, or support a program/service to the communityJoint Event : Work together to design or offer a special event within the community (e.g. volunteer day, Healthy Kids Day) Policy/Advocacy : Strategically align legislative priorities (local, state, federal) to advocate for legislation and policy that impacts the Y and collaborators locally or statewideThe purpose of the section is to obtain an overview of the YMCA’s virtual and in-person offerings in 2022. The responses will help Y-USA generate analyses for funding requests to private and public-sector organizations and understand trends in Y programs and services.
ADDITIONAL INFORMATION :
Association Administrators may choose to appoint branch-level administrators to complete on their own or they can collect the requested information and input it into the data entry system on behalf of each branch.
',\r\n createdAt: '2022-11-02T12:01:00.164Z',\r\n updatedAt: '2022-12-08T19:22:54.894Z',\r\n publishedAt: '2022-11-02T12:01:01.879Z'\r\n }\r\n },\r\n {\r\n id: 35,\r\n attributes: {\r\n Title: 'Food Programs',\r\n page: 'food-programs',\r\n Help_Description:\r\n 'The purpose of the section is to obtain an overview of the YMCA’s virtual and in-person offerings in 2022. The responses will help Y-USA generate analyses for funding requests to private and public-sector organizations and understand trends in Y programs and services.
ADDITIONAL INFORMATION :
Association Administrators may choose to appoint branch-level administrators to complete on their own or they can collect the requested information and input it into the data entry system on behalf of each branch.
',\r\n createdAt: '2022-11-02T12:04:37.915Z',\r\n updatedAt: '2022-12-08T19:22:34.089Z',\r\n publishedAt: '2022-11-02T12:04:41.363Z'\r\n }\r\n },\r\n {\r\n id: 36,\r\n attributes: {\r\n Title: 'Armed Services',\r\n page: 'armed-services',\r\n Help_Description:\r\n 'The purpose of the section is to obtain an overview of the YMCA’s virtual and in-person offerings in 2022. The responses will help Y-USA generate analyses for funding requests to private and public-sector organizations and understand trends in Y programs and services.
ADDITIONAL INFORMATION :
Association Administrators may choose to appoint branch-level administrators to complete on their own or they can collect the requested information and input it into the data entry system on behalf of each branch. DEFINITIONS :
Programs and services geared towards active duty guard, reserve, retired or veteran military personnel and their families is defined as :a dedicated program or service exclusively for military service members, spouses and/or children a program or service where there is a mechanism to track military family participation and/or a discounted rate for military families to participate in membership, programs or services The purpose of the section is to obtain an overview of the YMCA’s virtual and in-person offerings in 2022. The responses will help Y-USA generate analyses for funding requests to private and public-sector organizations and understand trends in Y programs and services.
ADDITIONAL INFORMATION :
Association Administrators may choose to appoint branch-level administrators to complete on their own or they can collect the requested information and input it into the data entry system on behalf of each branch. DEFINITIONS :
·Memberships for older adults via third parties: An insurance provider or affiliate that covers the cost of a membership. Examples of this include Silver Sneakers or Silver & Fit Older Adults: People who are 55 years or olderADDITIONAL INFORMATION:
Incoming CVO information will replace the existing CVO information in MOYP once their term date has expired. The CVO mailing addresses can be work or personal addresses, but not Y site addresses. Only the CEO and CVO have the ability to edit and complete this form. If you are a new or interim CEO and have not yet informed the Certification and Membership Standards team of the transition or filled out the paperwork, please email cms.info@ymca.net. You will not have access to your Y’s Annual Report information until this paperwork has been processed and you are registered in MOYP. This is the final page of the Annual Report Nonfinancials.
Please review all of your responses and verify that you have provided all of the requested information before hitting the submit button below. Once submitted, you will be able to print your responses but you will not be able to edit or modify them without submitting a request for support.
',\r\n createdAt: '2022-11-02T12:12:03.022Z',\r\n updatedAt: '2022-11-16T06:16:31.976Z',\r\n publishedAt: '2022-11-02T12:12:05.254Z'\r\n }\r\n },\r\n {\r\n id: 41,\r\n attributes: {\r\n Title: 'Volunteer Registration',\r\n page: 'volunteer-registration',\r\n Help_Description:\r\n '
YMCA NATIONAL SWIMMING AND DIVING EVENTS VOLUNTEER REQUIREMENTS
The YMCA is committed to the safety and security of all participants at our national youth events. As part of that commitment, all national youth event volunteers are required to complete the following:
BACKGROUND CHECK
Renewed every 24 months
Acceptable Providers:
YMCA of the USA
Current USA Swimming or USA Diving members may submit their Member Card to show the date of their successful screening.
A YMCA of the USA background check may be initiated in the Volunteer Registration.
CHILD/ATHLETE PROTECTION TRAINING
Renewed every 12 months
Acceptable Providers:
U.S. Center for SafeSport : Course: Safesport Trained
USA Swimming: Courses: Athlete Protection Training: Core Courses
Praesidium : Courses: Abuse Prevention-Swim Edition Part I and Part II; and Duty to Report Mandated Reporter (All three are required)
YMCA event volunteers may take these courses at no cost by using registration code: reg-yusa-610-swimmingdiving
Note: If using Praesidium, proof of all three courses (three certificates or an individual\\'s transcript showing all three) must be uploaded with their volunteer registration.
You will upload your certificate(s) or transcript in the Volunteer Registration below.
YMCA VOLUNTEER REGISTRATION
Required every year. All volunteers register through the YMCA National Youth Event Volunteer Registration system. This system requires the volunteer to have a YMCA account. Instructions here .
Included in the Volunteer Registration:
Upload USA Swimming or USA Diving member card showing completion date of Background Check or initiate Y-USA Background Check during Volunteer Registration.
Upload Child/Athlete Protection Training (certificates or transcript or USA Swimming or USA Diving member card)
Upload YMCA swim official certification and/or USA Swimming member card (if you are a certified official)
Electronically sign Photo/Video Release, Code of Conduct with Youth, Waiver & Release of Liability, Covid Disclaimer – included in the registration platform.
YMCA Volunteer Registration is renewed each year or when a certificate or background check expires.
',\r\n createdAt: '2023-11-04T02:55:37.406Z',\r\n updatedAt: '2023-11-09T11:25:56.800Z',\r\n publishedAt: '2023-11-04T03:00:25.538Z'\r\n }\r\n },\r\n {\r\n id: 42,\r\n attributes: {\r\n Title: 'Category',\r\n page: 'category',\r\n Help_Description:\r\n 'Categories Categories are used to identify and Group data collected in a Data Domain.
The Metadata Manager supports three (3) category levels that can be used to Group and subgroup data.
The table below shows the two (2) Categories that have been defined for the Annual Reports domain.
Category1 ID Category1 Name 1 Total Number of Donors 2 Board Members Donation % 3 Individual Donors 4 Organizational Donors 5 Unknown Donors
Category2 ID Category2 Name 1 Facility Members 2 Program Members 3 First-time Donor
Forms A Form Datasets Data Domain.
Example:
The table below shows the Forms, and Datasets collected for the Annual Reports Data Domain.
Data Domain Form Name Form ID Datasets Collected Annual Reports Directory 1 Branch Location, Leadership Staff, Leadership Contact Information Annual Reports Site Information 2 Wellness Program Sites, Camp Sites, Childcare sites, Community Sites Annual Reports Employees 3 Individual (Person) Staff Role assignments at Branches. Annual Reports Constituency Report 4 Donors, Demographics, Memberships, Programs, Program Participants, Volunteers Annual Reports Diversity, Inclusion & Global Metrics 5 Brand Visibility, Leadership Development, Organizational Commitment, Program Innovation, Resource Mobilization, Strategic Relationships Annual Reports Collaborations 6 Community Orgs, Educational Orgs, Government Orgs, Non-Profit Orgs, Other Y’s, Private Business Annual Reports Program & Activities 7 Armed Services, Food, Housing, Older Adult Programs Annual Reports Pledge Statement 8 CEO, CVO, Sign-Off
Subforms A Subform Dataset.
The combination of the Form ID and Subform ID are used to uniquely identify the Datasets.
Example:
The Constituency Report Form has the Subforms shown below. Each Subform collects a Dataset specific to that Subform, for example the Donors Subform collects the Donors Dataset.
Form ID Form Name Subform ID Subform Name 4 Constituency Report 6 Donors 4 Constituency Report 2 Member Demographics 4 Constituency Report 1 Memberships 4 Constituency Report 3 Programs 4 Constituency Report 4 Program Participants 4 Constituency Report 5 Volunteers
Datapoints DataPoint is is a uniquely identifiable piece of Source Data that has been collected by the Data Collection Hub, and which has metadata that describes the collected source data.
Collection Metadata Collection Metadata Data Domain – Data Domains Form/Subform – Forms Subforms Category Mapping - Category Mappings DataPoint Source Mapping - DataPoint Source Mappings DataPoint Type - DataPoint Types DataPoint ID - see Datapoint IDs Category Mapping A Category Mapping is used to link pre-defined Categories and Category Items to a Form/Subform. Each Category Mapping contains a distinct combination of Category IDs that are applicable to a Form/Subform. Up to three (3) pre-defined categories (see Categories The table below shows the Category Mappings created for the Dataset collected on the Donors Subform. The highlighted row identifies the group of Individual Donors who are Facility Members.
Form ID Form Name Subform ID Subform Name Category1 ID Category1 Name Category2 ID Category2 Name 4 Constituency Report 6 Donors 1 Total Number of Donors 4 Constituency Report 6 Donors 2 Board Members Donation % 4 Constituency Report 6 Donors 3 Individual Donors 1 Facility Members 4 Constituency Report 6 Donors 3 Individual Donors 2 Program Members 4 Constituency Report 6 Donors 3 Individual Donors 3 First-time Donor 4 Constituency Report 6 Donors 4 Organizational Donors 1 Facility Members 4 Constituency Report 6 Donors 4 Organizational Donors 2 Program Members 4 Constituency Report 6 Donors 4 Organizational Donors 3 First-time Donor 4 Constituency Report 6 Donors 5 Unknown Donors 1 Facility Members 4 Constituency Report 6 Donors 5 Unknown Donors 2 Program Members 4 Constituency Report 6 Donors 5 Unknown Donors 3 First-time Donor
DataPoint Source Mappings A DataPoint Source Mapping A DataPoint Source Mapping is specified using a Text string that contains a valid SQL database, schema, table, and column name. [Database Name].[Schema Name].[Table Name].[Column Name]
DataPoint Types A DataPoint Type The Metadata Manager supports the following Datapoint Types:
Datapoint Type Description Integer The data point contains an integer value. Text The data point contains a Text String. Float The data point contains a decimal number. Date The datapoint contains a valid calendar date. Yes/No The datapoint contains the allowable text ‘Y’, ‘Yes’, ‘No’, or ‘N’. Checkbox The datapoint contains a 0 for unchecked and 1 for checked.
Datapoint IDs A DataPoint ID is a string value that uniquely identifies a categorized piece of Source Data collected on a Form/Subform. A new DataPoint ID is generated automatically when Datapoint Metadata is added to a mapped Data Source (see DataPoint Source Mappings The Datapoint ID value is created using the Metadata Identifiers defined for the Datapoint, including the Form ID, Subform ID, and unique Category Mapping IDs. The number of Categories defined in the Category Mapping determines the formula used when the DataPoint ID is generated. # Categories in Mapping Datapoint Formula 1 @DatapointID = ‘Q’ + [FormID].[SubformID]#[Category1ID] 2 @DatapointID = ‘Q’ + [FormID].[SubformID]#[Category1ID]_[Category2ID] 3 @DatapointID = ‘Q’ + [FormID].[SubformID]#[Category1ID]_[Category2ID]_[Category3ID]
Form ID Form Name Subform ID Subform Name Category1 ID Category1 Name Category2 ID Category2 Name DataPoint ID 4 Constituency Report 6 Donors 1 Total Number of Donors Q4.6#1 4 Constituency Report 6 Donors 2 Board Members Donation % Q4.6#2 4 Constituency Report 6 Donors 3 Individual Donors 1 Facility Members Q4.6#3_1 4 Constituency Report 6 Donors 3 Individual Donors 2 Program Members Q4.6#3_2 4 Constituency Report 6 Donors 3 Individual Donors 3 First-time Donor Q4.6#3_3 4 Constituency Report 6 Donors 4 Organizational Donors 1 Facility Members Q4.6#4_1 4 Constituency Report 6 Donors 4 Organizational Donors 2 Program Members Q4.6#4_2 4 Constituency Report 6 Donors 4 Organizational Donors 3 First-time Donor Q4.6#4_3 4 Constituency Report 6 Donors 5 Unknown Donors 1 Facility Members Q4.6#5_1 4 Constituency Report 6 Donors 5 Unknown Donors 2 Program Members Q4.6#5_2 4 Constituency Report 6 Donors 5 Unknown Donors 3 First-time Donor Q4.6#5_3
Table below shows Category Mappings and Datapoint IDs for the Donors Subform (Dataset).
NOTE: A Category Mapping cannot be duplicated within the same Form/Subform.
Scoring Metadata Scoring Metadata The Scoring Metadata Points Points Evaluation Groups Evaluation Groups Evaluation Group Types Evaluation Group Types Minimum Points Required – a numeric value assigned to an Evaluation Group, that defines the minimum total aggregated points required to meet the Data Collection criteria for the Evaluation Group (see Minimum Points Required Earned Score Earned Score Points Each DataPoint can have “Points” metadata defined, a numeric value to use for scoring when the Datapoint is collected. The Points column in the table below shows that one (1) Point is assigned to each datapoint collected on the Donors Subform.
Form ID Form Name Subform Name Category1 Name Category2 Name DataPoint ID Points 4 Constituency Report Donors Total Number of Donors Q4.6#1 1 4 Constituency Report Donors Board Members Donation % Q4.6#2 1 4 Constituency Report Donors Individual Donors Facility Members Q4.6#3_1 1 4 Constituency Report Donors Individual Donors Program Members Q4.6#3_2 1 4 Constituency Report Donors Individual Donors First-time Donor Q4.6#3_3 1 4 Constituency Report Donors Organizational Donors Facility Members Q4.6#4_1 1 4 Constituency Report Donors Organizational Donors Program Members Q4.6#4_2 1 4 Constituency Report Donors Organizational Donors First-time Donor Q4.6#4_3 1 4 Constituency Report Donors Unknown Donors Facility Members Q4.6#5_1 1 4 Constituency Report Donors Unknown Donors Program Members Q4.6#5_2 1 4 Constituency Report Donors Unknown Donors First-time Donor Q4.6#5_3 1
Evaluation Groups An Evaluation Group “Categorized grouping of datapoints on a Subform”. The Datapoints within an Evaluation Group are evaluated together during the Data Scoring Process (see Data Scoring Process Each Datapoint within an Evaluation Group has the same Evaluation Group Id. An Evaluation Group Id is generated using the Category Mapping defined for a DataPoint (see Evaluation Group IDs Example:
Staff (EvalGroupId = Q5.3#1_1) and Volunteers (EvalGroupId = Q5.3#1_2)
Form Name Subform Name Category1 Category2 Category3 Datapoint Id Evaluation Group Id Diversity, Inclusion & Global Metrics Leadership Development Our Y invests in leadership development opportunities to enhance global and cultural competency of staff/volunteers Staff Offering resources, programs, tools, etc. from the Y Q5.3#1_1_1 Q5.3#1_1 Diversity, Inclusion & Global Metrics Leadership Development Our Y invests in leadership development opportunities designed to enhance global and cultural competency of staff and/or volunteers Staff Providing new staff/volunteers with orientation processes, mentoring relationships, and development assignments. Q5.3#1_1_2 Q5.3#1_1 Diversity, Inclusion & Global Metrics Leadership Development Our Y invests in leadership development opportunities to enhance global and cultural competency of staff /volunteers Volunteers Offering resources, programs, tools, etc. from the Y Q5.3#1_2_1 Q5.3#1_2 Our Y invests in leadership development opportunities to enhance global and cultural competency of staff/volunteers Volunteers Providing new staff/volunteers with orientation processes, mentoring relationships, and development assignments. Q5.3#1_2_2 Q5.3#1_2
Evaluation Group IDs An Evaluation Group ID is a text string that identifies a categorized set of datapoints that are to be evaluated together as a group. An Evaluation Group ID is created from a category mapping that has been defined for a form/subform (see Category Mappings The format of an Evaluation Group ID depends on which category level in the mapping is to be evaluated for the datapoint. Category Level Evaluation Group ID Format 1 @EvalGroupID = ‘Q’ + [FormID].[SubformID]#[Category1ID] 2 @EvalGroupID = ‘Q’ + [FormID].[SubformID]#[Category1ID]_ [Category2ID] 3 @EvalGroupID = ‘Q’ + [FormID].[SubformID]#[Category1ID]_ [Category2ID]_[Category3ID]
Evaluation Group Types An Evaluation Group Type defines if there is a single data point in the Evaluation Group, or if there are multiple datapoints in the Group.
The Evaluation Group Type also defines how many Datapoints within an Evaluation Group can be collected for evaluation (for example by the Data Scoring Process).
Evaluation Group Type Evaluation Group Description Datapoints Available In Group Datapoints Collected from Group SINGLE_CHOICE Only one datapoint defined in the Evaluation Group, and only a single datapoint can be collected from the Group for Evaluation. Single Single SINGLE_CHOICE_GROUP Multiple datapoints defined in the Evaluation Group, but only a single datapoint can be collected from the Group for Evaluation. Multiple Single MULTI_CHOICE_GROUP Multiple datapoints defined in the Evaluation Group, and multiple datapoints can be collected from the Group for Evaluation. Multiple Multiple
Minimum Points Required Minimum Points Required Evaluation Group, Total Aggregated Points required to meet the Data Collection criteria for the Evaluation Group.
Earned Score Earned Score Evaluation Group meet or exceed the Minimum Points Required.
',\r\n createdAt: '2024-11-01T09:30:02.267Z',\r\n updatedAt: '2024-11-01T09:30:06.840Z',\r\n publishedAt: '2024-11-01T09:30:06.836Z'\r\n },\r\n meta: {\r\n pagination: {\r\n page: 1,\r\n pageSize: 25,\r\n pageCount: 1,\r\n total: 1\r\n }\r\n }\r\n }\r\n ],\r\n meta: {\r\n pagination: {\r\n page: 1,\r\n pageSize: 100,\r\n pageCount: 1,\r\n total: 34\r\n }\r\n }\r\n};\r\nexport default AllhelpSectionPages;\r\n","/* eslint-disable array-callback-return */\r\n/* eslint-disable no-unused-expressions */\r\nimport React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport commonAxios from '@utilities/CommonAxios';\r\nimport crossiconblue from '@static/images/cross-icon-blue.svg';\r\nimport { getEnvironment } from '@config/api-config';\r\nimport helpSectionPages from '@components/home/strapi-json/all-help-section-pages';\r\n\r\nconst Help = props => {\r\n const { keyValue } = props;\r\n const [title, setTitle] = useState('');\r\n const [description, setDescription] = useState('');\r\n // const data = `
YMCA NATIONAL SWIMMING AND DIVING EVENTS VOLUNTEER REQUIREMENTS
The YMCA is committed to the safety and security of all participants at our national youth events. As part of that commitment, all national youth event volunteers are required to complete the following:
BACKGROUND CHECK
Renewed every 24 months
Acceptable Providers:
YMCA of the USA
Current USA Swimming or USA Diving members may submit their Member Card to show the date of their successful screening.
A YMCA of the USA background check may be initiated in the Volunteer Registration.
CHILD/ATHLETE PROTECTION TRAINING
Renewed every 12 months
Acceptable Providers:
U.S. Center for SafeSport : Course: Safesport Trained
USA Swimming: Courses: Athlete Protection Training: Core Courses
Praesidium : Courses: Abuse Prevention-Swim Edition Part I and Part II; and Duty to Report Mandated Reporter (All three are required)
YMCA event volunteers may take these courses at no cost by using registration code: reg-yusa-610-swimmingdiving
Note: If using Praesidium, proof of all three courses (three certificates or an individual's transcript showing all three) must be uploaded with their volunteer registration.
You will upload your certificate(s) or transcript in the Volunteer Registration below.
YMCA VOLUNTEER REGISTRATION
Required every year. All volunteers register through the YMCA National Youth Event Volunteer Registration system. This system requires the volunteer to have a YMCA account. Instructions here .
Included in the Volunteer Registration:
Upload USA Swimming or USA Diving member card showing completion date of Background Check or initiate Y-USA Background Check during Volunteer Registration.
Upload Child/Athlete Protection Training (certificates or transcript or USA Swimming or USA Diving member card)
Upload YMCA swim official certification and/or USA Swimming member card (if you are a certified official)
Electronically sign Photo/Video Release, Code of Conduct with Youth, Waiver & Release of Liability, Covid Disclaimer – included in the registration platform.
YMCA Volunteer Registration is renewed each year or when a certificate or background check expires.
`;\r\n const getAllHelpSectionMockData = keyvalue => {\r\n helpSectionPages?.data?.map(data => {\r\n if (data.attributes.page === keyvalue) {\r\n setTitle(data?.attributes?.Title);\r\n setDescription(data?.attributes?.Help_Description);\r\n }\r\n });\r\n };\r\n useEffect(() => {\r\n if (getEnvironment() === 'DEV' || getEnvironment() === 'STAGE') {\r\n getAllHelpSectionMockData(keyValue);\r\n }\r\n\r\n const strapitoken = sessionStorage.getItem('strapitoken');\r\n commonAxios({\r\n url: `/all-help-section-pages?filters[page][$eq]=${keyValue}`,\r\n method: 'GET',\r\n headers: {\r\n Authorization: `Bearer ${strapitoken}`\r\n }\r\n })\r\n .then(res => {\r\n setTitle(res.data.data[0].attributes.Title);\r\n setDescription(res.data.data[0].attributes.Help_Description);\r\n })\r\n .catch(() => {\r\n getAllHelpSectionMockData(keyValue);\r\n });\r\n }, []);\r\n\r\n const { hidePopup } = props;\r\n\r\n return (\r\n \r\n {title && (\r\n
\r\n
\r\n {title}\r\n
\r\n \r\n
\r\n
\r\n )}\r\n
\r\n \r\n
\r\n
\r\n
{popupTitle}
\r\n
\r\n \r\n
\r\n {/*
*/}\r\n {}{' '}\r\n {get(popupData, 'sourceSystem') ? (\r\n
\r\n {APP_LABELS.DETAIL_ASSOCIATION_DETAIL}\r\n Updated In \r\n
\r\n ) : (\r\n ''\r\n )}\r\n
\r\n
\r\n
\r\n {APP_LABELS.DASH_ASSOCIATE_NAME}\r\n
\r\n
\r\n {get(popupData, 'associationName', '')}\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_BRANCH_NAME}\r\n
\r\n
\r\n {get(popupData, 'branchName', '')}\r\n
\r\n
\r\n {get(popupData, 'sourceSystem') ? (\r\n
\r\n
\r\n {get(popupData, 'sourceSystem', '')}\r\n
\r\n
\r\n On{' '}\r\n {get(popupData, 'sourceSystem', '')?.toUpperCase() === 'HUB'\r\n ? convertUtcToLocal(lastupdated)\r\n : moment(lastupdated).format('DD MMM YYYY hh:mm a')}\r\n
\r\n
\r\n ) : (\r\n ''\r\n )}\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_PERSONAL_DETAILS}\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_FIRST_NAME}\r\n
\r\n
\r\n {get(popupData, 'firstName', '')}\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_MIDDLE_NAME}\r\n
\r\n
\r\n {get(popupData, 'middleName', '')}\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_LAST_NAME}\r\n
\r\n
\r\n {get(popupData, 'lastName', '')}\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_BIRTH_DATE}\r\n
\r\n
\r\n {get(popupData, 'birthDate')\r\n ? moment(get(popupData, 'birthDate')).format('MM/DD/yyyy')\r\n : ''}\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.EMAIL_ADDRESS}\r\n
\r\n
\r\n {get(popupData, 'emailAddress', '')}\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_RACE}\r\n
\r\n {get(popupData, 'localYDisclosureConsent', false) && (\r\n
\r\n {get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.ALLIANCE_DATA_STEWARD\r\n ? '****'\r\n : get(popupData, 'raceEthnicity', '')}\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_GENDER}\r\n
\r\n {get(popupData, 'localYDisclosureConsent', false) && (\r\n
\r\n {get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.ALLIANCE_DATA_STEWARD\r\n ? '****'\r\n : get(popupData, 'gender', '')}\r\n
\r\n )}\r\n
\r\n {/*
\r\n
\r\n {APP_LABELS.DETAIL_ADDRESS}\r\n
\r\n
\r\n {get(popupData, 'address', '')}\r\n
\r\n
*/}\r\n {/*
\r\n
\r\n {APP_LABELS.DETAIL_ADDRESS2}\r\n
\r\n
\r\n {get(popupData, 'address2', '')}\r\n
\r\n
*/}\r\n {/*
\r\n
\r\n {APP_LABELS.DETAIL_CITY}\r\n
\r\n
\r\n {get(popupData, 'city', '')}\r\n
\r\n
*/}\r\n {/*
\r\n
\r\n {APP_LABELS.DETAIL_STATE}\r\n
\r\n
\r\n {get(popupData, 'state', '')}\r\n
\r\n
*/}\r\n
\r\n
\r\n {APP_LABELS.DETAIL_RECORD_TYPE}\r\n
\r\n
\r\n {get(popupData, 'displayStaffRecordType', '')}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_STAFF_DETAILS}\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_BRAND_ADVOCATE}\r\n
\r\n
\r\n {get(popupData, 'brandAdvocate', '')}\r\n
\r\n
\r\n {/*
\r\n
\r\n {'Start date with the association'}\r\n
\r\n
\r\n {get(popupData, 'startDateWithAssociation')\r\n ? moment(get(popupData, 'startDateWithAssociation')).format(\r\n 'MM/DD/yyyy'\r\n )\r\n : ''}\r\n
\r\n
*/}\r\n
\r\n
Staff status
\r\n
\r\n {get(popupData, 'staffStatus')}\r\n
\r\n
\r\n
\r\n
\r\n {'Current Position Start Date'}\r\n
\r\n
\r\n {get(popupData, 'startDateCurrentRole')\r\n ? moment(get(popupData, 'startDateCurrentRole')).format(\r\n 'MM/DD/yyyy'\r\n )\r\n : ''}\r\n
\r\n
\r\n
\r\n
\r\n {'End date for current role'}\r\n
\r\n
\r\n {get(popupData, 'endDateCurrentRole')\r\n ? moment(get(popupData, 'endDateCurrentRole')).format(\r\n 'MM/DD/yyyy'\r\n )\r\n : ''}\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_STAFF_TYPE}\r\n
\r\n
\r\n {get(popupData, 'staffType', '')}\r\n
\r\n
\r\n
\r\n
\r\n {'Current Unique Job Title'}\r\n
\r\n
\r\n {get(popupData, 'currentJobTitle', '')}\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_CURRENT_SALARY}\r\n
\r\n
\r\n {get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.ALLIANCE_DATA_STEWARD\r\n ? '****'\r\n : get(popupData, 'currentSalary', '')}\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_CURRENT_SALARY_START_DATE}\r\n
\r\n
\r\n {get(popupData, 'currentPayStartDate')\r\n ? moment(get(popupData, 'currentPayStartDate')).format(\r\n 'MM/DD/yyyy'\r\n )\r\n : ''}\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.UPLOAD_DATA_CURRENT_POSITION}\r\n
\r\n
\r\n {get(popupData, 'currentPositionLeadLevel', '')}\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_CURRENT_POSITION}\r\n
\r\n
\r\n {get(popupData, 'currentPositionRole', '')}\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.UPLOAD_DATA_CURRENT_POSITION_PRIMARY}\r\n
\r\n
\r\n {get(popupData, 'currentPositionPrimaryFunction', '')}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n );\r\n } else {\r\n sortButton = (\r\n \r\n \r\n );\r\n }\r\n } else if (\r\n column.Header === 'Branch' ||\r\n column.Header === 'Name' ||\r\n column.Header === 'Staff Type' ||\r\n column.Header === 'Current Unique Job Title' ||\r\n column.Header === 'Record Type'\r\n ) {\r\n sortButton = (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n );\r\n } else {\r\n sortButton = null;\r\n }\r\n return sortButton;\r\n };\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {getShortButton(column)}\r\n
\r\n \r\n ))}\r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n previousPage()}\r\n disabled={!canPreviousPage}\r\n >\r\n \r\n {[...Array(pageCount).keys()].map(count => {\r\n if (\r\n count >= (pageIndex > 25 ? pageIndex - 25 : 0) &&\r\n count <= (pageIndex < 25 ? 24 : pageIndex)\r\n ) {\r\n return (\r\n \r\n gotoPage(count)}\r\n >\r\n {count + 1}\r\n \r\n \r\n );\r\n }\r\n return null;\r\n })}\r\n \r\n nextPage()}\r\n disabled={!canNextPage}\r\n >\r\n {'Next '}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n datarows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n checkbox: PropTypes.bool,\r\n onSelectedRowsChange: PropTypes.func.isRequired,\r\n selectedRows: PropTypes.arrayOf(PropTypes.any),\r\n\r\n onSelectedRowsChangeStaff: PropTypes.func.isRequired,\r\n selectedRowsChangeStaff: PropTypes.arrayOf(PropTypes.any)\r\n};\r\n\r\nTable.defaultProps = {\r\n datarows: [],\r\n headers: [],\r\n checkbox: false,\r\n selectedRows: [],\r\n selectedRowsChangeStaff: []\r\n};\r\n\r\nexport default Table;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport get from 'lodash.get';\r\nimport { getImportData } from '@redux/import-data/actions';\r\nimport { UploadFileSelector } from '@redux/upload-file/selectors';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport KpiCard from '@modules/shared/components/reusable-components/kpi-card';\r\nimport DetailsCard from '@modules/shared/components/reusable-components/details-card';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport Help from '@modules/shared/components/reusable-components/help';\r\n\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport TotalStaffPurpleIcon from '@static/images/total-staff-purple-icon.svg';\r\nimport TotalStaffWhiteIcon from '@static/images/total-staff-white-icon.svg';\r\nimport totalstaffvoileticon from '@static/images/total-staff-voilet-icon.svg';\r\nimport invalidrecordvoileticon from '@static/images/invalid-record-voilet-icon.svg';\r\nimport unchangedpinkicon from '@static/images/un-changed-pink-icon.svg';\r\nimport UnChangedwhiteicon from '@static/images/Un-Changed-white-icon.svg';\r\nimport newstaffyellowicon from '@static/images/new-staff-yellow-icon.svg';\r\nimport newstaffwhiteicon from '@static/images/new-staff-white-icon.svg';\r\nimport existingstaffblueicon from '@static/images/existing-staff-blue-icon.svg';\r\nimport existingstaffwhiteicon from '@static/images/existing-staff-white-icon.svg';\r\nimport expiredstafforangeicon from '@static/images/expired-staff-orange-icon.svg';\r\nimport terminatedstaffwhiteicon from '@static/images/terminated-staff-white-icon.svg';\r\nimport warningiconmedium from '@static/images/warning-icon-medium.svg';\r\nimport helpicon from '@static/images/caretdoubleright.svg';\r\nimport graywarningicon from '@static/images/gray-warning-icon.svg';\r\nimport convertUtcToLocal from '@utilities/ConvertTimezone';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport ViewDetailsPopup from '@modules/shared/components/reusable-components/view-details-popup';\r\nimport ErrorPopup from '../upload-file/error-popup';\r\nimport NewStaffColumns from './new-staff-columns';\r\nimport InvalidColumns from './invalid-columns';\r\nimport ExistingStaffColumns from './existing-staff-column';\r\nimport TerminatedStaffRoleAssignment from './terminated-staff-role-assignment';\r\nimport Table from './Table';\r\n\r\nconst UploadData = props => {\r\n const { UploadStaffData, handleImportData, location } = props;\r\n const [showWarningPopup, setShowWarningPopup] = useState(false);\r\n const [instructions, setInstructions] = useState(false);\r\n const [showSuccessPopup, setShowSuccessPopup] = useState(false);\r\n const [showViewDetailsPopup, setShowViewDetailsPopup] = useState(false);\r\n const comment = '';\r\n const [checkBox, setCheckBox] = useState(false);\r\n const [enableButton, setEnableButton] = useState(true);\r\n const selectedRows = {};\r\n const selectedRowsChangeStaff = {};\r\n const [key, setKey] = useState('newstaff');\r\n const [newStaffViewDetails, setNewStaffViewDetails] = useState();\r\n const [existingStaffViewDetails, setExistingStaffViewDetails] = useState();\r\n const [changedStaffViewDetails, setChangedStaffViewDetails] = useState();\r\n const [terminatedStaffViewDetails, setTerminatedStaffViewDetails] =\r\n useState();\r\n const [totalStaffDetails, setTotalStaffDetails] = useState();\r\n const [invalidStaffViewDetails, setInvalidStaffViewDetails] = useState();\r\n const [popupData, setPopupData] = useState(newStaffViewDetails);\r\n const [popupTitle, setPopupTitle] = useState('New Staff Details');\r\n const [redirect, setRedirect] = useState(false);\r\n const [redirectUrl, setRedirectUrl] = useState('');\r\n const selectableRows = {};\r\n const [showErrorPopup, setShowErrorPopup] = useState(false);\r\n const [showMessage, setShowMessage] = useState('');\r\n const [loader, setLoader] = useState(false);\r\n const [help, setHelp] = useState(false);\r\n const [isEmpty, setIsEmpty] = useState(false);\r\n const invalidCount = get(\r\n UploadStaffData,\r\n 'data.segregatedList.InvalidStaff',\r\n []\r\n ).length;\r\n\r\n const [showTotalStaff, setShowTotalStaff] = useState('');\r\n const [showNewStaff, setShowNewStaff] = useState('show active');\r\n const [showExistingStaff, setShowExistingStaff] = useState('');\r\n const [showChangedstaff, setShowChangedstaff] = useState('');\r\n const [showInvalidstaff, setShowInvalidstaff] = useState('');\r\n const [\r\n showTerminatedstaffroleassignment,\r\n setShowTerminatedstaffroleassignment\r\n ] = useState('');\r\n const [showAllSeperatedPartTimeStaff, setShowAllSeperatedPartTimeStaff] =\r\n useState(false);\r\n const [activeTotalStaff, setActiveTotalStaff] = useState('');\r\n const [activeNewStaff, setActiveNewStaff] = useState('active');\r\n const [activeExistingStaff, setActiveExistingStaff] = useState('');\r\n const [activeChangedstaff, setActiveChangedstaff] = useState('');\r\n const [activeInvalidstaff, setActiveInvalidstaff] = useState('');\r\n const [\r\n activeTerminatedstaffroleassignment,\r\n setActiveTerminatedstaffroleassignment\r\n ] = useState('');\r\n const [showAttentionPopup, setShowAttentionPopup] = useState(false);\r\n const handleViewDetailsPopup = v => {\r\n setPopupData(v);\r\n };\r\n\r\n const handleCloseNewStaffPopup = () => setShowViewDetailsPopup(false);\r\n const handleShowHelp = () => {\r\n setHelp(true);\r\n };\r\n const hideShowHelp = () => {\r\n setHelp(false);\r\n };\r\n const getStaffTypeLabel = staffTypeKey => {\r\n const staffType = APP_LABELS.STAFF_TYPE_ENUMS.find(\r\n type => type.staffKey === staffTypeKey\r\n );\r\n return staffType?.staffLabel;\r\n };\r\n const getMessage = () => {\r\n let data = get(UploadStaffData, 'data.staffSeperationSummary');\r\n const label = getStaffTypeLabel(get(data, 'staffType', ''));\r\n const partTime = get(data, 'partTimeStaffCount', '') || 0;\r\n const fullTime = get(data, 'fullTimeStaffCount', '') || 0;\r\n const boldText = `separating ${fullTime} full-time and ${partTime} part-time/seasonal/temporary staff.`;\r\n const unBoldText1 = `You selected that you are uploading a file that ${\r\n !label\r\n .toString()\r\n .toLowerCase()\r\n .includes('all staff (full-time and part-time/seasonal/temporary)')\r\n ? `only`\r\n : ''\r\n } includes ${label.toString().toLowerCase()} ${\r\n label.toString().toLowerCase().includes('part-time/seasonal/temporary')\r\n ? 'staff'\r\n : ''\r\n }. You will be `;\r\n const unBoldText2 = ` I understand and will review and verify before importing my data.`;\r\n return (\r\n \r\n
\r\n {unBoldText1} \r\n {boldText} \r\n {unBoldText2} \r\n
\r\n
handleViewDetailsPopup(v)}\r\n className=\"btn btn-link table-link p-0 custom-align\"\r\n data-bs-toggle=\"modal\"\r\n data-bs-target=\"#exampleModal\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n )\r\n }));\r\n setNewStaffViewDetails(NewStaffViewDetailsRow);\r\n\r\n const ChangedStaffRow = get(\r\n UploadStaffData,\r\n 'data.segregatedList.ChangedStaff',\r\n []\r\n ).map(v => ({\r\n ...v,\r\n name: `${v.firstName} ${v.lastName}`,\r\n displayStaffRecordType: (\r\n \r\n {v.displayStaffRecordType}\r\n \r\n ),\r\n viewDetails: (\r\n handleViewDetailsPopup(v)}\r\n className=\"btn btn-link table-link p-0 custom-align\"\r\n data-bs-toggle=\"modal\"\r\n data-bs-target=\"#exampleModal\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n )\r\n }));\r\n setChangedStaffViewDetails(ChangedStaffRow);\r\n\r\n const ExistingStaffViewDetailsRow = get(\r\n UploadStaffData,\r\n 'data.segregatedList.UnChangedStaff',\r\n []\r\n ).map(v => ({\r\n ...v,\r\n name: `${v.firstName} ${v.lastName}`,\r\n displayStaffRecordType: (\r\n \r\n {v.displayStaffRecordType}\r\n \r\n ),\r\n viewDetails: (\r\n handleViewDetailsPopup(v)}\r\n className=\"btn btn-link table-link p-0 custom-align\"\r\n data-bs-toggle=\"modal\"\r\n data-bs-target=\"#exampleModal\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n )\r\n }));\r\n setExistingStaffViewDetails(ExistingStaffViewDetailsRow);\r\n\r\n const TerminatedStaffViewDetailsRow = get(\r\n UploadStaffData,\r\n 'data.segregatedList.TerminatedStaff',\r\n []\r\n ).map(v => ({\r\n ...v,\r\n name: `${v.firstName} ${v.lastName}`,\r\n displayStaffRecordType: (\r\n \r\n {v.displayStaffRecordType}\r\n \r\n ),\r\n viewDetails: (\r\n handleViewDetailsPopup(v)}\r\n className=\"btn btn-link table-link p-0 custom-align\"\r\n data-bs-toggle=\"modal\"\r\n data-bs-target=\"#exampleModal\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n )\r\n }));\r\n setTerminatedStaffViewDetails(TerminatedStaffViewDetailsRow);\r\n\r\n const InvalidStaffViewDetailsRow = get(\r\n UploadStaffData,\r\n 'data.segregatedList.InvalidStaff',\r\n []\r\n ).map(v => ({\r\n ...v,\r\n name: `${v.firstName} ${v.lastName}`,\r\n errorSummary: v.errorSummary\r\n .split(',')\r\n .map(item => {item}
),\r\n viewDetails: (\r\n handleViewDetailsPopup(v)}\r\n className=\"btn btn-link table-link p-0 custom-align\"\r\n data-bs-toggle=\"modal\"\r\n data-bs-target=\"#exampleModal\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n )\r\n }));\r\n setInvalidStaffViewDetails(InvalidStaffViewDetailsRow);\r\n setInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.[\r\n 'employee-update-review'\r\n ]?.Instruction\r\n );\r\n\r\n const totalStaffDetailsRow = NewStaffViewDetailsRow.concat(\r\n ChangedStaffRow,\r\n ExistingStaffViewDetailsRow,\r\n InvalidStaffViewDetailsRow\r\n );\r\n setTotalStaffDetails(totalStaffDetailsRow);\r\n setShowWarningPopup(location?.state?.showWarningPopup);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (key === 'totalstaff') {\r\n setShowTotalStaff('show active');\r\n setShowNewStaff('');\r\n setShowExistingStaff('');\r\n setShowChangedstaff('');\r\n setShowInvalidstaff('');\r\n setShowTerminatedstaffroleassignment('');\r\n\r\n setActiveTotalStaff('active');\r\n setActiveNewStaff('');\r\n setActiveExistingStaff('');\r\n setActiveChangedstaff('');\r\n setActiveInvalidstaff('');\r\n setActiveTerminatedstaffroleassignment('');\r\n\r\n setPopupTitle('Total Staff Details');\r\n } else if (key === 'newstaff') {\r\n setShowTotalStaff('');\r\n setShowNewStaff('show active');\r\n setShowExistingStaff('');\r\n setShowChangedstaff('');\r\n setShowInvalidstaff('');\r\n setShowTerminatedstaffroleassignment('');\r\n\r\n setActiveNewStaff('active');\r\n setActiveTotalStaff('');\r\n setActiveExistingStaff('');\r\n setActiveChangedstaff('');\r\n setActiveInvalidstaff('');\r\n setActiveTerminatedstaffroleassignment('');\r\n\r\n setPopupTitle('New Staff Details');\r\n } else if (key === 'existingstaff') {\r\n setShowTotalStaff('');\r\n setShowNewStaff('');\r\n setShowExistingStaff('show active');\r\n setShowChangedstaff('');\r\n setShowInvalidstaff('');\r\n setShowTerminatedstaffroleassignment('');\r\n\r\n setActiveNewStaff('');\r\n setActiveTotalStaff('');\r\n setActiveExistingStaff('active');\r\n setActiveChangedstaff('');\r\n setActiveInvalidstaff('');\r\n setActiveTerminatedstaffroleassignment('');\r\n\r\n setPopupTitle('Un-Changed Staff Details');\r\n } else if (key === 'changedstaff') {\r\n setShowTotalStaff('');\r\n setShowNewStaff('');\r\n setShowExistingStaff('');\r\n setShowChangedstaff('show active');\r\n setShowTerminatedstaffroleassignment('');\r\n setShowInvalidstaff('');\r\n\r\n setActiveNewStaff('');\r\n setActiveTotalStaff('');\r\n setActiveExistingStaff('');\r\n setActiveChangedstaff('active');\r\n setActiveTerminatedstaffroleassignment('');\r\n setActiveInvalidstaff('');\r\n setPopupTitle('Changed Staff Details');\r\n } else if (key === 'terminatedstaffroleassignment') {\r\n setShowTotalStaff('');\r\n setShowNewStaff('');\r\n setShowExistingStaff('');\r\n setShowChangedstaff('');\r\n setShowInvalidstaff('');\r\n setShowTerminatedstaffroleassignment('show active');\r\n\r\n setActiveNewStaff('');\r\n setActiveTotalStaff('');\r\n setActiveExistingStaff('');\r\n setActiveChangedstaff('');\r\n setActiveInvalidstaff('');\r\n setActiveTerminatedstaffroleassignment('active');\r\n setPopupTitle('Seperated Staff Details');\r\n } else if (key === 'invaliddata') {\r\n setShowTotalStaff('');\r\n setShowNewStaff('');\r\n setShowExistingStaff('');\r\n setShowChangedstaff('');\r\n setShowInvalidstaff('show active');\r\n setShowTerminatedstaffroleassignment('');\r\n\r\n setActiveNewStaff('');\r\n setActiveTotalStaff('');\r\n setActiveExistingStaff('');\r\n setActiveChangedstaff('');\r\n setActiveInvalidstaff('active');\r\n setActiveTerminatedstaffroleassignment('');\r\n\r\n setPopupTitle('Invalid Staff Details');\r\n }\r\n }, [key, showViewDetailsPopup]);\r\n\r\n const redirectToDashBoard = () => {\r\n setRedirectUrl('/employee/dashboard');\r\n setRedirect(true);\r\n };\r\n\r\n const onSelectedRowsChange = row => {\r\n const newRows = row?.map(data => {\r\n const newRow = data.original;\r\n return newRow;\r\n });\r\n selectableRows.newStaff = newRows;\r\n };\r\n\r\n const onSelectedRowsExistingStaff = row => {\r\n const newRows = row?.map(data => {\r\n const newRow = data.original;\r\n return newRow;\r\n });\r\n selectableRows.changeStaff = newRows;\r\n };\r\n const confirmImportData = () => {\r\n setShowAllSeperatedPartTimeStaff(false);\r\n const finalData = [\r\n ...get(UploadStaffData, 'data.segregatedList.InvalidStaff', []),\r\n ...get(UploadStaffData, 'data.segregatedList.NewStaff', []),\r\n ...get(UploadStaffData, 'data.segregatedList.ChangedStaff', []),\r\n ...get(UploadStaffData, 'data.segregatedList.UnChangedStaff', []),\r\n ...get(UploadStaffData, 'data.segregatedList.TerminatedStaff', [])\r\n ];\r\n const partTimeStaff = finalData.filter(\r\n staff => staff.staffType === 'Part-Time/Seasonal/Temporary'\r\n );\r\n const partTimeTerminatedStaff = finalData.filter(\r\n staff =>\r\n staff.staffType === 'Part-Time/Seasonal/Temporary' &&\r\n staff.staffRecordType === 'TerminatedStaff'\r\n );\r\n if (\r\n partTimeTerminatedStaff.length > 0 &&\r\n partTimeStaff?.length === partTimeTerminatedStaff?.length\r\n ) {\r\n setShowAllSeperatedPartTimeStaff(true);\r\n }\r\n setShowAttentionPopup(true);\r\n };\r\n\r\n const postImportDataFile = () => {\r\n setShowAttentionPopup(false);\r\n setEnableButton(true);\r\n setLoader(true);\r\n const finalData = [\r\n ...get(UploadStaffData, 'data.segregatedList.InvalidStaff', []),\r\n ...get(UploadStaffData, 'data.segregatedList.NewStaff', []),\r\n ...get(UploadStaffData, 'data.segregatedList.ChangedStaff', []),\r\n ...get(UploadStaffData, 'data.segregatedList.UnChangedStaff', []),\r\n ...get(UploadStaffData, 'data.segregatedList.TerminatedStaff', [])\r\n ];\r\n const rowData = finalData?.map(row => {\r\n if (\r\n row.staffRecordType === 'NewStaff' ||\r\n row.staffRecordType === 'ChangedStaff'\r\n ) {\r\n return { ...row, isRecordSelected: true };\r\n }\r\n return { ...row, isRecordSelected: false };\r\n });\r\n\r\n const obj = {\r\n empDataImport: rowData,\r\n comment\r\n };\r\n\r\n handleImportData(obj).then(res => {\r\n if (res.status === 200) {\r\n if (res.data?.success === 'Success') {\r\n setEnableButton(false);\r\n setShowSuccessPopup(true);\r\n setShowMessage(res.data?.message);\r\n } else {\r\n setEnableButton(false);\r\n setShowErrorPopup(true);\r\n setShowMessage(res.data?.message);\r\n }\r\n } else {\r\n setShowErrorPopup(true);\r\n setShowMessage(res?.message);\r\n }\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const handelCheckBox = event => {\r\n setCheckBox(true);\r\n\r\n if (invalidCount === 0 && event.target.checked) {\r\n setEnableButton(false);\r\n } else {\r\n setEnableButton(true);\r\n }\r\n };\r\n\r\n const handleCloseErrorPopup = () => {\r\n setShowErrorPopup(false);\r\n setRedirectUrl('/employee/dashboard/upload/file');\r\n setRedirect(true);\r\n };\r\n const onkipclick = type => {\r\n setKey(type);\r\n };\r\n const TerminatedStaffTitle = (\r\n \r\n {APP_LABELS.DETAIL_TERMINATED}\r\n \r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n HELP{/* */}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {APP_LABELS.UPLOAD_DATA_TITLE}\r\n \r\n \r\n\r\n
\r\n
\r\n {APP_LABELS.INSTRUCTIONS}\r\n \r\n
\r\n
\r\n
\r\n \r\n (\r\n {data} \r\n ))}\r\n />\r\n\r\n
\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n {isEmpty && (\r\n
\r\n
\r\n {/* */}\r\n Fields have been left blank for one or more records in\r\n the uploaded file, please provide gender and\r\n race/ethnicity information.\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n onkipclick('totalstaff')}\r\n cardName=\"Total Staff\"\r\n cardValue={get(\r\n UploadStaffData,\r\n 'data.fileUploadSummary.totalStaff',\r\n 'Total Staff'\r\n )}\r\n />\r\n
\r\n
\r\n onkipclick('invaliddata')}\r\n cardClass=\"col-lg-2\"\r\n cardHoverClass=\"w-auto branches c-pointer\"\r\n cardName=\"Errors\"\r\n cardValue={get(\r\n UploadStaffData,\r\n 'data.fileUploadSummary.invalidStaff',\r\n 'Invalid'\r\n )}\r\n />\r\n
\r\n
\r\n onkipclick('existingstaff')}\r\n cardClass=\"col-lg-2\"\r\n cardHoverClass=\"w-auto profiles c-pointer\"\r\n cardName=\"Un-Changed\"\r\n cardValue={get(\r\n UploadStaffData,\r\n 'data.fileUploadSummary.unChangedStaff',\r\n 'Un-Changed'\r\n )}\r\n />\r\n
\r\n
\r\n onkipclick('changedstaff')}\r\n cardClass=\"col-lg-2\"\r\n cardHoverClass=\"w-auto programs c-pointer\"\r\n cardName=\"Changed Staff\"\r\n cardValue={get(\r\n UploadStaffData,\r\n 'data.fileUploadSummary.changedStaff',\r\n 'Changed Staff'\r\n )}\r\n />\r\n
\r\n
\r\n onkipclick('newstaff')}\r\n cardClass=\"col-lg-2\"\r\n cardHoverClass=\"w-auto new-staff c-pointer\"\r\n cardName=\"New Staff\"\r\n cardValue={get(\r\n UploadStaffData,\r\n 'data.fileUploadSummary.newStaff',\r\n 'newStaff'\r\n )}\r\n />\r\n
\r\n
\r\n \r\n onkipclick('terminatedstaffroleassignment')\r\n }\r\n cardClass=\"col-lg-2\"\r\n cardHoverClass=\"w-auto staff-assign c-pointer\"\r\n cardName={TerminatedStaffTitle}\r\n cardValue={get(\r\n UploadStaffData,\r\n 'data.fileUploadSummary.terminatedStaffRoleAssignment',\r\n 'terminatedStaffRoleAssignment'\r\n )}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n {APP_LABELS.DETAIL_TOTAL_STAFF}\r\n \r\n \r\n\r\n {totalStaffDetails !== undefined &&\r\n totalStaffDetails?.length !== 0 ? (\r\n
\r\n ) : (\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_NO_RECORD_FOUND}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n {APP_LABELS.DETAIL_NEW_STAFF}\r\n \r\n \r\n\r\n {newStaffViewDetails !== undefined &&\r\n newStaffViewDetails?.length !== 0 ? (\r\n
\r\n ) : (\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_NO_RECORD_FOUND}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n \r\n
\r\n
\r\n {APP_LABELS.DETAIL_EXISTING_STAFF}\r\n \r\n \r\n\r\n {existingStaffViewDetails !== undefined &&\r\n existingStaffViewDetails?.length !== 0 ? (\r\n
\r\n ) : (\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_NO_RECORD_FOUND}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n \r\n
\r\n
\r\n {APP_LABELS.DETAIL_CHANGED_STAFF}\r\n \r\n \r\n\r\n {changedStaffViewDetails !== undefined &&\r\n changedStaffViewDetails?.length !== 0 ? (\r\n
\r\n ) : (\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_NO_RECORD_FOUND}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n \r\n
\r\n
\r\n {APP_LABELS.UPLOAD_DATA_TERMINATED}\r\n \r\n \r\n\r\n {terminatedStaffViewDetails !== undefined &&\r\n terminatedStaffViewDetails?.length !== 0 ? (\r\n
\r\n ) : (\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_NO_RECORD_FOUND}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n \r\n
\r\n
\r\n {APP_LABELS.UPLOAD_DATA_INVALID}\r\n \r\n \r\n {invalidStaffViewDetails !== undefined &&\r\n invalidStaffViewDetails?.length !== 0 ? (\r\n <>\r\n
\r\n
\r\n
\r\n {APP_LABELS.UPLOAD_DATA_RECORDS}\r\n
\r\n
\r\n\r\n
\r\n \r\n ) : (\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_NO_RECORD_FOUND}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n \r\n
\r\n
\r\n \r\n {APP_LABELS.UPLOAD_DATA_CONFRIM}\r\n \r\n
\r\n {invalidCount > 0 ? (\r\n
\r\n {APP_LABELS.UPLOAD_DATA_RECORDS}\r\n
\r\n ) : (\r\n ''\r\n )}\r\n
\r\n
\r\n {APP_LABELS.UPLOAD_DATA_CANCEL}\r\n \r\n \r\n {APP_LABELS.UPLOAD_DATA_IMPORT_DATA}\r\n \r\n \r\n {redirect && \r\n \r\n\r\n {/* Attention Modal */}\r\n {\r\n postImportDataFile();\r\n }}\r\n cancelButtonName=\"No\"\r\n onCancel={() => {\r\n setShowAttentionPopup(false);\r\n }}\r\n />\r\n {/* Success Modal */}\r\n {\r\n location.state.showWarningPopup = false;\r\n setShowWarningPopup(false);\r\n }}\r\n />\r\n \r\n );\r\n};\r\n\r\nUploadData.propTypes = {\r\n handleImportData: PropTypes.func.isRequired,\r\n UploadStaffData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleImportData: getImportData\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n UploadStaffData: UploadFileSelector(state)\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(UploadData);\r\n","import {\r\n FETCH_FILE_TEMPLATE_URL,\r\n FETCH_FILE_TEMPLATE,\r\n UPLOAD_FILE,\r\n UPLOAD_FILE_DROPDOWN,\r\n GET_TERMS_AND_CONDITIONS,\r\n POST_TERMS_AND_CONDITIONS\r\n} from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getFileTemplateURL = fetchTempPayload => (dispatch, getState) =>\r\n asyncRequest({\r\n url: FETCH_FILE_TEMPLATE_URL(),\r\n method: 'POST',\r\n data: fetchTempPayload,\r\n successAction: data => ({\r\n type: types.FETCH_FILE_TEMPLATE_URL_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.FETCH_FILE_TEMPLATE_URL_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getFileTemplate = URL => (dispatch, getState) =>\r\n asyncRequest({\r\n url: FETCH_FILE_TEMPLATE(URL),\r\n\r\n successAction: data => ({\r\n type: types.FETCH_FILE_TEMPLATE_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.FETCH_FILE_TEMPLATE_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getUploadFile = uploadFileData => (dispatch, getState) =>\r\n asyncRequest({\r\n url: UPLOAD_FILE(),\r\n method: 'POST',\r\n data: uploadFileData,\r\n successAction: data => ({\r\n type: types.UPLOAD_FILE_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.UPLOAD_FILE_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getUploaFileDropdown = () => (dispatch, getState) =>\r\n asyncRequest({\r\n url: UPLOAD_FILE_DROPDOWN(),\r\n successAction: data => ({\r\n type: types.UPLOAD_FILE_DROPDOWN_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.UPLOAD_FILE_DROPDOWN_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\nexport const getTermsandConditions =\r\n associationNumber => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_TERMS_AND_CONDITIONS(associationNumber),\r\n successAction: data => ({\r\n type: types.GET_TERMS_AND_CONDITIONS_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_TERMS_AND_CONDITIONS_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\nexport const postTermsAndConditions = bodyObject => (dispatch, getState) =>\r\n asyncRequest({\r\n url: POST_TERMS_AND_CONDITIONS(),\r\n method: 'POST',\r\n data: bodyObject,\r\n successAction: data => ({\r\n type: types.POST_TERMS_AND_CONDITIONS_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.POST_TERMS_AND_CONDITIONS_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","export default __webpack_public_path__ + \"wait-icon.svg\";","export default __webpack_public_path__ + \"excel-icon.svg\";","/* eslint-disable prefer-destructuring */\r\nimport React, { useState, useMemo, useEffect } from 'react';\r\nimport { Redirect, Link } from 'react-router-dom';\r\nimport axios from 'axios';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport get from 'lodash.get';\r\nimport Multiselect from 'multiselect-react-dropdown';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport { useDropzone } from 'react-dropzone';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport {\r\n getFileTemplateURL,\r\n getUploadFile,\r\n getTermsandConditions\r\n} from '@redux/upload-file/actions';\r\nimport { AssociationNumberSelector } from '@redux/dashboard/selectors';\r\nimport {\r\n FetchFileTemplateURLSelector,\r\n FetchFileTemplateSelector\r\n} from '@redux/upload-file/selectors';\r\nimport {\r\n GET_FILE_DOWNLOAD_PATH,\r\n GET_BLANK_FILE_DOWNLOAD_PATH\r\n} from '@config/api-config';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport Help from '@modules/shared/components/reusable-components/help';\r\nimport waiticon from '@static/images/wait-icon.svg';\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport excelicon from '@static/images/excel-icon.svg';\r\nimport warningiconmedium from '@static/images/warning-icon-medium.svg';\r\nimport helpicon from '@static/images/caretdoubleright.svg';\r\nimport CustomModal from '@utilities/CustomModal';\r\n\r\nimport ErrorPopup from './error-popup';\r\n\r\nconst focusedStyle = {\r\n borderColor: '#2196f3'\r\n};\r\n\r\nconst acceptStyle = {\r\n borderColor: '#00e676'\r\n};\r\n\r\nconst rejectStyle = {\r\n borderColor: '#ff1744'\r\n};\r\n\r\nconst UploadFile = props => {\r\n const {\r\n LoginUserData,\r\n AssociationNumberData,\r\n handleGetFileTemplateURL,\r\n handleGetUploadFile,\r\n handleGetTermsandConditions\r\n } = props;\r\n const authToken = JSON.parse(sessionStorage.getItem('token'));\r\n let isError = false;\r\n const [redirect, setRedirect] = useState(false);\r\n const [showAttentionPopup, setShowAttentionPopup] = useState(false);\r\n const [showDownloadWaitPopup, setShowDownloadWaitPopup] = useState(false);\r\n const [enableFetchButton, setEnableFetchButton] = useState(false);\r\n const [enableUploadButton, setEnableUploadButton] = useState(false);\r\n const [loader, setLoader] = useState(false);\r\n const [branchDropdown, setBranchDropdown] = useState(\r\n AssociationNumberData?.data ? AssociationNumberData?.data?.branches : ''\r\n );\r\n const [uploadDataBranchDropdown, setUploadDataBranchDropdown] = useState(\r\n AssociationNumberData?.data ? AssociationNumberData?.data?.branches : ''\r\n );\r\n const [\r\n uploadDataSelectedBranchDropDown,\r\n setUploadDataSelectedBranchDropDown\r\n ] = useState(Array(AssociationNumberData?.data?.branches[0]));\r\n const [\r\n uploadDataSelectedBranchDropDownList,\r\n setUploadDataSelectedBranchDropDownList\r\n ] = useState();\r\n const [selectedBranchDropDown, setSelectedBranchDropDown] = useState(\r\n Array(AssociationNumberData?.data?.branches[0])\r\n );\r\n const [selectedBranchDropDownList, setSelectedBranchDropDownList] =\r\n useState();\r\n const [selectedDownloadStaffType, setSelectedDownloadStaffType] = useState(\r\n APP_LABELS.STAFF_TYPE_ENUMS[0]\r\n );\r\n const [selectedUploadStaffType, setSelectedUploadStaffType] = useState(\r\n APP_LABELS.STAFF_TYPE_ENUMS[0]\r\n );\r\n const [showErrorPopup, setShowErrorPopup] = useState(false);\r\n const [showErrorMessage, setShowErrorMessage] = useState('');\r\n\r\n const [help, setHelp] = useState(false);\r\n const [localYdisclosureConsent, setLocalYdisclosureConsent] = useState(false);\r\n const [localYdisclosureConsentInitial, setLocalYdisclosureConsentInitial] =\r\n useState(false);\r\n const handleOnAssociationSelect = () => {\r\n setBranchDropdown(AssociationNumberData?.data?.branches);\r\n setSelectedBranchDropDown(Array(AssociationNumberData.data.branches[0]));\r\n setEnableFetchButton(false);\r\n };\r\n const handleOnAssociationRemove = () => {\r\n setSelectedBranchDropDown();\r\n setEnableFetchButton(true);\r\n };\r\n const handleOnUploadAssociationSelect = () => {\r\n setUploadDataBranchDropdown(AssociationNumberData?.data?.branches);\r\n setUploadDataSelectedBranchDropDown(\r\n Array(AssociationNumberData.data.branches[0])\r\n );\r\n setEnableUploadButton(false);\r\n };\r\n\r\n const handleOnUploadAssociationRemove = () => {\r\n setUploadDataSelectedBranchDropDown();\r\n setEnableUploadButton(true);\r\n };\r\n\r\n const handleOnBranchSelect = selectedList => {\r\n setSelectedBranchDropDownList(selectedList.map(data => data.branchNumber));\r\n setSelectedDownloadStaffType(APP_LABELS.STAFF_TYPE_ENUMS[0]);\r\n setEnableFetchButton(false);\r\n };\r\n\r\n const handleOnBranchRemove = selectedList => {\r\n setSelectedBranchDropDownList(selectedList.map(data => data.branchNumber));\r\n if (selectedList.length === 0) {\r\n setEnableFetchButton(true);\r\n setSelectedDownloadStaffType([]);\r\n }\r\n };\r\n const handleOnDownloadStaffTypeSelect = (staffType, staffItem) => {\r\n setSelectedDownloadStaffType(staffItem);\r\n setEnableFetchButton(false);\r\n };\r\n const handleOnUploadStaffTypeSelect = (staffType, staffItem) => {\r\n setSelectedUploadStaffType(staffItem);\r\n setEnableUploadButton(false);\r\n };\r\n const handleOnUploadBranchSelect = selectedList => {\r\n setUploadDataSelectedBranchDropDownList(\r\n selectedList.map(data => data.branchNumber)\r\n );\r\n setSelectedUploadStaffType(APP_LABELS.STAFF_TYPE_ENUMS[0]);\r\n setEnableUploadButton(false);\r\n };\r\n\r\n const handleOnUploadBranchRemove = selectedList => {\r\n setUploadDataSelectedBranchDropDownList(\r\n selectedList.map(data => data.branchNumber)\r\n );\r\n\r\n if (selectedList.length === 0) {\r\n setSelectedUploadStaffType(staffItem);\r\n setEnableUploadButton(true);\r\n }\r\n };\r\n\r\n const handelGetDownloadFileURL = () => {\r\n setLoader(true);\r\n const fetchTempPayload = {\r\n associationNumber: get(\r\n AssociationNumberData,\r\n 'data.association.associationNumber'\r\n ),\r\n branchNumbers:\r\n selectedBranchDropDownList ||\r\n selectedBranchDropDown?.map(branch => branch.branchNumber),\r\n staffType: selectedDownloadStaffType?.staffKey\r\n };\r\n const handleDownloadTemplate = filePath => {\r\n setLoader(true);\r\n axios\r\n .get(GET_FILE_DOWNLOAD_PATH(filePath), {\r\n responseType: 'blob',\r\n headers: {\r\n 'Content-Type': 'blob',\r\n 'Access-Control-Allow-Credentials': true,\r\n 'Access-Control-Allow-Origin': window.location.origin,\r\n 'Ocp-Apim-Subscription-Key': APP_LABELS.APIM_KEY,\r\n Authorization: `Bearer ${get(authToken, 'token', '')}`\r\n }\r\n })\r\n .then(response => {\r\n const associationName = get(\r\n AssociationNumberData,\r\n 'data.association.associationName'\r\n );\r\n const fileName = `${associationName}-EmployeeData.xlsm`;\r\n\r\n const downloadUrl = window.URL.createObjectURL(\r\n new Blob([response.data])\r\n );\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.setAttribute('download', fileName.replaceAll('\"', ''));\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoader(false);\r\n });\r\n };\r\n\r\n handleGetFileTemplateURL(fetchTempPayload).then(res => {\r\n if (res?.status === 200) {\r\n if (res?.data?.status.status === 0) {\r\n handleDownloadTemplate(res?.data?.data);\r\n } else {\r\n setLoader(false);\r\n setShowErrorPopup(true);\r\n setShowErrorMessage(res?.data?.status?.message);\r\n }\r\n } else {\r\n setLoader(false);\r\n setShowErrorPopup(true);\r\n setShowErrorMessage(APP_LABELS.ERROR_MESSAGE);\r\n }\r\n });\r\n };\r\n\r\n const handleEmptyDownloadTemplate = () => {\r\n setLoader(true);\r\n const associationNumber = get(\r\n AssociationNumberData,\r\n 'data.association.associationNumber'\r\n );\r\n axios\r\n .get(GET_BLANK_FILE_DOWNLOAD_PATH(associationNumber), {\r\n responseType: 'blob',\r\n headers: {\r\n 'Content-Type': 'blob',\r\n 'Access-Control-Allow-Credentials': true,\r\n 'Access-Control-Allow-Origin': window.location.origin,\r\n 'Ocp-Apim-Subscription-Key': APP_LABELS.APIM_KEY,\r\n Authorization: `Bearer ${get(authToken, 'token', '')}`\r\n }\r\n })\r\n .then(response => {\r\n const downloadUrl = window.URL.createObjectURL(\r\n new Blob([response.data])\r\n );\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.setAttribute(\r\n 'download',\r\n 'Y-Employee-Data-Collection-Template.xlsm'\r\n );\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const handleCloseAttentionPopup = () => setShowAttentionPopup(false);\r\n const handleDownloadEmptyTemplate = () => {\r\n handleEmptyDownloadTemplate();\r\n setShowAttentionPopup(false);\r\n };\r\n\r\n const handleShowAttentionPopup = () => setShowAttentionPopup(true);\r\n const AssociationArray = [\r\n get(AssociationNumberData, 'data.association.associationName', '')\r\n ];\r\n const UploadDataAssociationArray = [\r\n get(AssociationNumberData, 'data.association.associationName', '')\r\n ];\r\n async function handleUploadedFile(\r\n file,\r\n associationNumber,\r\n branchNumbers,\r\n consent\r\n ) {\r\n const formData = new FormData();\r\n formData.append('UploadedFile', file);\r\n formData.append('AssociationNumber', associationNumber);\r\n for (let i = 0; i < branchNumbers.length; i++) {\r\n formData.append(`BranchNumbers[${i}]`, branchNumbers[i]);\r\n }\r\n formData.append(\r\n 'LocalYdisclosureConsent',\r\n consent === null ? false : consent\r\n );\r\n formData.append('StaffType', selectedUploadStaffType?.staffKey);\r\n const response = await handleGetUploadFile(formData);\r\n\r\n if (response.status === 200) {\r\n if (response.data?.status?.status === 0) {\r\n setRedirect(true);\r\n } else {\r\n setShowErrorMessage(response.data?.status?.message);\r\n setShowErrorPopup(true);\r\n }\r\n } else {\r\n setShowErrorMessage(APP_LABELS.ERROR_MESSAGE);\r\n setShowErrorPopup(true);\r\n }\r\n }\r\n const onDrop = acceptedFiles => {\r\n if (isError) {\r\n return;\r\n }\r\n const [file] = acceptedFiles;\r\n const AssociationNumber = get(\r\n AssociationNumberData,\r\n 'data.association.associationNumber'\r\n );\r\n const BranchNumbers =\r\n uploadDataSelectedBranchDropDownList ||\r\n uploadDataSelectedBranchDropDown?.map(branch => branch.branchNumber);\r\n if (file === undefined) {\r\n setShowErrorMessage(\r\n 'File could not be uploaded. Only Files with following extensions are allowed:.xlsm'\r\n );\r\n setShowErrorPopup(true);\r\n return;\r\n }\r\n setShowDownloadWaitPopup(true);\r\n handleUploadedFile(\r\n file,\r\n AssociationNumber,\r\n BranchNumbers,\r\n localYdisclosureConsent\r\n )\r\n .then(() => setShowDownloadWaitPopup(false))\r\n .catch(() => setShowDownloadWaitPopup(false));\r\n };\r\n\r\n const [instructions, setInstructions] = useState(false);\r\n const handleGetTermsandCondition = () => {\r\n setLoader(true);\r\n handleGetTermsandConditions(\r\n get(AssociationNumberData, 'data.association.associationNumber', '')\r\n ).then(res => {\r\n if (res?.status === 200 && res?.data?.status.status === 0) {\r\n setLocalYdisclosureConsent(res?.data?.data?.localYDisclosureConsent);\r\n setLocalYdisclosureConsentInitial(\r\n res?.data?.data?.localYDisclosureConsent\r\n );\r\n }\r\n setLoader(false);\r\n });\r\n };\r\n useEffect(() => {\r\n setInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.[\r\n 'upload-employee-data'\r\n ]?.Instruction\r\n );\r\n handleGetTermsandCondition();\r\n }, []);\r\n const fileValidator = file => {\r\n if (file.size > 10000000) {\r\n isError = true;\r\n setShowErrorMessage(APP_LABELS.MAX_UPLOAD_FILE_ERROR_MESSAGE);\r\n setShowErrorPopup(true);\r\n }\r\n };\r\n\r\n const { getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } =\r\n useDropzone({\r\n validator: fileValidator,\r\n onDrop,\r\n accept: {\r\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': [\r\n '.xlsm'\r\n ]\r\n }\r\n });\r\n\r\n const style = useMemo(\r\n () => ({\r\n ...(isFocused ? focusedStyle : {}),\r\n ...(isDragAccept ? acceptStyle : {}),\r\n ...(isDragReject ? rejectStyle : {})\r\n }),\r\n [isFocused, isDragAccept, isDragReject]\r\n );\r\n\r\n const handleCloseErrorPopup = () => setShowErrorPopup(false);\r\n const handleShowHelp = () => {\r\n setHelp(true);\r\n };\r\n const hideShowHelp = () => {\r\n setHelp(false);\r\n };\r\n const handleChange = e => {\r\n const checked = e.target.checked;\r\n setLocalYdisclosureConsent(checked);\r\n };\r\n return (\r\n <>\r\n \r\n \r\n HELP{/* */}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.UPLOAD_EMPLOYEE_DATA}\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {APP_LABELS.INSTRUCTIONS}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {redirect && (\r\n
\r\n )}\r\n {help && (\r\n
\r\n )}\r\n
\r\n \r\n\r\n {/* Attention Modal */}\r\n \r\n \r\n );\r\n } else {\r\n sortButton = (\r\n \r\n \r\n );\r\n }\r\n } else if (column.Header !== '') {\r\n sortButton = (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n );\r\n } else {\r\n sortButton = null;\r\n }\r\n return sortButton;\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {getShortButton(column)}\r\n
\r\n \r\n ))}\r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n \r\n previousPage()}\r\n disabled={!canPreviousPage}\r\n >\r\n \r\n {[...Array(pageCount).keys()].map(count => {\r\n if (\r\n count >= (pageIndex > 25 ? pageIndex - 25 : 0) &&\r\n count <= (pageIndex < 25 ? 24 : pageIndex)\r\n ) {\r\n return (\r\n \r\n gotoPage(count)}\r\n >\r\n {count + 1}\r\n \r\n \r\n );\r\n }\r\n return null;\r\n })}\r\n \r\n nextPage()}\r\n disabled={!canNextPage}\r\n >\r\n {'Next '}\r\n \r\n \r\n \r\n handleViewDetailsPopup(v)}\r\n data-bs-toggle=\"modal\"\r\n data-bs-target=\"#exampleModal\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n ) : (\r\n Error occured \r\n )\r\n }));\r\n setNewStaffViewDetails(NewStaffViewDetailsRow);\r\n\r\n const UnChangedStaffViewDetailsRow = get(\r\n branchSummaryAndLogs,\r\n 'data.segregatedList.UnChangedStaff',\r\n []\r\n ).map(v => ({\r\n ...v,\r\n name: `${v.firstName} ${v.lastName}`,\r\n displayStaffRecordType: (\r\n \r\n {v.displayStaffRecordType}\r\n \r\n ),\r\n viewDetails: state?.status ? (\r\n handleViewDetailsPopup(v)}\r\n data-bs-toggle=\"modal\"\r\n data-bs-target=\"#exampleModal\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n ) : (\r\n Error occured \r\n )\r\n }));\r\n setUnChangedViewDetails(UnChangedStaffViewDetailsRow);\r\n\r\n const ChangedStaffRow = get(\r\n branchSummaryAndLogs,\r\n 'data.segregatedList.ChangedStaff',\r\n []\r\n ).map(v => ({\r\n ...v,\r\n name: `${v.firstName} ${v.lastName}`,\r\n displayStaffRecordType: (\r\n \r\n {v.displayStaffRecordType}\r\n \r\n ),\r\n viewDetails: state?.status ? (\r\n handleViewDetailsPopup(v)}\r\n data-bs-toggle=\"modal\"\r\n data-bs-target=\"#exampleModal\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n ) : (\r\n Error occured \r\n )\r\n }));\r\n setChangedStaffViewDetails(ChangedStaffRow);\r\n\r\n const TerminatedStaffViewDetailsRow = get(\r\n branchSummaryAndLogs,\r\n 'data.segregatedList.TerminatedStaff',\r\n []\r\n ).map(v => ({\r\n ...v,\r\n name: `${v.firstName} ${v.lastName}`,\r\n displayStaffRecordType: (\r\n \r\n {v.displayStaffRecordType}\r\n \r\n ),\r\n viewDetails: state?.status ? (\r\n handleViewDetailsPopup(v)}\r\n data-bs-toggle=\"modal\"\r\n data-bs-target=\"#exampleModal\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n ) : (\r\n Error occured \r\n )\r\n }));\r\n setTerminatedStaffViewDetails(TerminatedStaffViewDetailsRow);\r\n\r\n const totalStaffDetailsRow = NewStaffViewDetailsRow.concat(\r\n ChangedStaffRow,\r\n UnChangedStaffViewDetailsRow,\r\n TerminatedStaffViewDetailsRow\r\n );\r\n setTotalStaffDetails(totalStaffDetailsRow);\r\n }, [branchSummaryAndLogs]);\r\n\r\n useEffect(() => {\r\n if (key === 'totalstaff') {\r\n setShowTotalStaff('show active');\r\n setShowNewStaff('');\r\n setShowExistingStaff('');\r\n setShowChangedstaff('');\r\n setShowTerminatedstaffroleassignment('');\r\n\r\n setActiveTotalStaff('active');\r\n setActiveNewStaff('');\r\n setActiveExistingStaff('');\r\n setActiveChangedstaff('');\r\n setActiveTerminatedstaffroleassignment('');\r\n\r\n setPopupTitle('Total Staff Details');\r\n } else if (key === 'newstaff') {\r\n setShowTotalStaff('');\r\n setShowNewStaff('show active');\r\n setShowExistingStaff('');\r\n setShowChangedstaff('');\r\n setShowTerminatedstaffroleassignment('');\r\n\r\n setActiveTotalStaff('');\r\n setActiveNewStaff('active');\r\n setActiveExistingStaff('');\r\n setActiveChangedstaff('');\r\n setActiveTerminatedstaffroleassignment('');\r\n\r\n setPopupTitle('New Staff Details');\r\n } else if (key === 'unchangedstaff') {\r\n setShowTotalStaff('');\r\n setShowNewStaff('');\r\n setShowExistingStaff('show active');\r\n setShowChangedstaff('');\r\n setShowTerminatedstaffroleassignment('');\r\n\r\n setActiveTotalStaff('');\r\n setActiveNewStaff('');\r\n setActiveExistingStaff('active');\r\n setActiveChangedstaff('');\r\n setActiveTerminatedstaffroleassignment('');\r\n\r\n setPopupTitle('Un-Changed Staff Details');\r\n } else if (key === 'changedstaff') {\r\n setShowTotalStaff('');\r\n setShowNewStaff('');\r\n setShowExistingStaff('');\r\n setShowChangedstaff('show active');\r\n setShowTerminatedstaffroleassignment('');\r\n\r\n setActiveTotalStaff('');\r\n setActiveNewStaff('');\r\n setActiveExistingStaff('');\r\n setActiveChangedstaff('active');\r\n setActiveTerminatedstaffroleassignment('');\r\n setPopupTitle('Changed Staff Details');\r\n } else if (key === 'terminatedstaffroleassignment') {\r\n setShowTotalStaff('');\r\n setShowNewStaff('');\r\n setShowExistingStaff('');\r\n setShowChangedstaff('');\r\n setShowTerminatedstaffroleassignment('show active');\r\n\r\n setActiveTotalStaff('');\r\n setActiveNewStaff('');\r\n setActiveExistingStaff('');\r\n setActiveChangedstaff('');\r\n setActiveTerminatedstaffroleassignment('active');\r\n setPopupTitle('Seperated Staff Details');\r\n }\r\n }, [key]);\r\n\r\n const TerminatedStaffTitle = (\r\n \r\n {APP_LABELS.DETAIL_TERMINATED}\r\n \r\n );\r\n\r\n const onkipclick = type => {\r\n setKey(type);\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
{\r\n window.history.go(-1);\r\n }}\r\n >\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n onkipclick('totalstaff')}\r\n cardClass=\"cursor-not-allowed\"\r\n cardHoverClass=\"associations\"\r\n cardName=\"Total Staff\"\r\n cardValue={get(\r\n branchSummaryAndLogs,\r\n 'data.fileUploadSummary.totalStaff',\r\n 'Total Staff'\r\n )}\r\n />\r\n
\r\n
\r\n onkipclick('unchangedstaff')}\r\n cardClass=\"col-lg-2 me-4\"\r\n cardHoverClass=\"profiles\"\r\n cardName=\"Un-Changed\"\r\n cardValue={get(\r\n branchSummaryAndLogs,\r\n 'data.fileUploadSummary.unChangedStaff',\r\n 'un-changed staff'\r\n )}\r\n />\r\n
\r\n
\r\n onkipclick('changedstaff')}\r\n cardClass=\"col-lg-2 me-4\"\r\n cardHoverClass=\"programs\"\r\n cardName=\"Changed Staff\"\r\n cardValue={get(\r\n branchSummaryAndLogs,\r\n 'data.fileUploadSummary.changedStaff',\r\n 'changed staff'\r\n )}\r\n />\r\n
\r\n
\r\n onkipclick('newstaff')}\r\n cardClass=\"col-lg-2 me-4\"\r\n cardHoverClass=\"new-staff\"\r\n cardName=\"New Staff\"\r\n cardValue={get(\r\n branchSummaryAndLogs,\r\n 'data.fileUploadSummary.newStaff',\r\n 'new staff'\r\n )}\r\n />\r\n
\r\n\r\n
\r\n \r\n onkipclick('terminatedstaffroleassignment')\r\n }\r\n cardClass=\"col-lg-2 me-4\"\r\n cardHoverClass=\"staff-assign\"\r\n cardName={TerminatedStaffTitle}\r\n cardValue={get(\r\n branchSummaryAndLogs,\r\n 'data.fileUploadSummary.terminatedStaffRoleAssignment',\r\n 'terminated Staff Role Assignment'\r\n )}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n {APP_LABELS.DETAIL_TOTAL_STAFF}\r\n \r\n \r\n\r\n {totalStaffDetails !== undefined &&\r\n totalStaffDetails?.length !== 0 ? (\r\n
\r\n ) : (\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_NO_RECORD_FOUND}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n {APP_LABELS.DETAIL_NEW_STAFF}\r\n \r\n \r\n\r\n {newStaffViewDetails !== undefined &&\r\n newStaffViewDetails?.length !== 0 ? ( \r\n
\r\n ) : (\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_NO_RECORD_FOUND}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n \r\n
\r\n
\r\n {APP_LABELS.DETAIL_EXISTING_STAFF}\r\n \r\n \r\n\r\n {unChangedViewDetails !== undefined &&\r\n unChangedViewDetails?.length !== 0 ? (\r\n
\r\n ) : (\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_NO_RECORD_FOUND}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n \r\n
\r\n
\r\n {APP_LABELS.DETAIL_CHANGED_STAFF}\r\n \r\n \r\n\r\n {changedStaffViewDetails !== undefined &&\r\n changedStaffViewDetails?.length !== 0 ? (\r\n
\r\n ) : (\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_NO_RECORD_FOUND}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n \r\n
\r\n
\r\n {APP_LABELS.UPLOAD_DATA_TERMINATED}\r\n \r\n \r\n\r\n {terminatedStaffViewDetails !== undefined &&\r\n terminatedStaffViewDetails?.length !== 0 ? (\r\n
\r\n ) : (\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_NO_RECORD_FOUND}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n \r\n \r\n\r\n \r\n \r\n );\r\n } else {\r\n sortButton = (\r\n \r\n \r\n );\r\n }\r\n } else if (\r\n column.Header !== 'Summary' &&\r\n column.Header !== 'Status' &&\r\n column.Header !== ''\r\n ) {\r\n sortButton = (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n );\r\n } else {\r\n sortButton = null;\r\n }\r\n return sortButton;\r\n };\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {getShortButton(column)}\r\n
\r\n \r\n ))}\r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n No records found!\r\n
\r\n )}\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n previousPage()}\r\n disabled={!canPreviousPage}\r\n >\r\n \r\n\r\n {[...Array(pageCount).keys()].map(count => {\r\n if (\r\n count >= (pageIndex > 25 ? pageIndex - 25 : 0) &&\r\n count <= (pageIndex < 25 ? 24 : pageIndex)\r\n ) {\r\n return (\r\n \r\n gotoPage(count)}\r\n >\r\n {count + 1}\r\n \r\n \r\n );\r\n }\r\n return null;\r\n })}\r\n\r\n \r\n nextPage()}\r\n disabled={!canNextPage}\r\n >\r\n {'Next '}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any)\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: []\r\n};\r\nTable.propTypes = {\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\nconst mapStateToProps = state => ({\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\nexport default connect(mapStateToProps, null)(Table);\r\n","import { connect } from 'react-redux';\r\nimport React, { useState, useEffect } from 'react';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport PropTypes from 'prop-types';\r\nimport { AssociationNumberSelector } from '@redux/dashboard/selectors';\r\nimport get from 'lodash.get';\r\nimport moment from 'moment';\r\nimport getMoypDetailView from '@redux/moyp-detail-view/actions';\r\nimport { MoypDetailViewSelector } from '@redux/moyp-detail-view/selectors';\r\nimport DetailsCard from '@modules/shared/components/reusable-components/details-card';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\nimport ViewDetailsPopup from '@modules/shared/components/reusable-components/view-details-popup';\r\nimport Columns from './column';\r\nimport Table from './Table';\r\n\r\nconst MoypDetailView = props => {\r\n const {\r\n handleMoypDetailView,\r\n handleMoypDetailData,\r\n location,\r\n AssociationNumberData,\r\n LoginUserData\r\n } = props;\r\n\r\n const [loader, setLoader] = useState(false);\r\n const [showPopup, setShowPopup] = useState(false);\r\n const [popupData, setPopupData] = useState();\r\n const { state } = location;\r\n const Offset = new Date().getTimezoneOffset();\r\n useEffect(() => {\r\n const associationNumber =\r\n get(LoginUserData, 'user.role[0]', '0') ===\r\n APP_LABELS.YUSA_DATA_STEWARD ||\r\n get(LoginUserData, 'user.role[0]', '0') === APP_LABELS.YUSA_DATA_VIEWER ||\r\n get(LoginUserData, 'user.role[0]', '0') ===\r\n APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n get(LoginUserData, 'user.role[0]', '0') === APP_LABELS.YESS_DATA_STEWARD\r\n ? state?.associationNumber\r\n : get(LoginUserData, 'user.associations[0]', '0');\r\n window.scrollTo(0, 0);\r\n setLoader(true);\r\n handleMoypDetailView(\r\n associationNumber,\r\n moment(state?.lastUpdatedDate).format('MM-DD-YYYY'),\r\n Offset\r\n ).then(() => {\r\n setLoader(false);\r\n });\r\n }, []);\r\n const handleViewDetailsPopup = v => {\r\n setShowPopup(true);\r\n setPopupData(v);\r\n };\r\n const moypdetailviewdata = handleMoypDetailData?.data?.map(data => ({\r\n UploadDateTime: get(data, 'updatedDate')\r\n ? moment(get(data, 'updatedDate')).format('DD MMM YYYY hh:mm a')\r\n : '-',\r\n Name: `${get(data, 'firstName', '-')} ${get(data, 'lastName', '-')}`,\r\n StaffType: get(data, 'staffType', '-'),\r\n CurrentUniqueJobTitle: get(data, 'currentJobTitle', '-'),\r\n RecordType: get(data, 'displayStaffRecordType', '-'),\r\n viewDetails: state?.status ? (\r\n handleViewDetailsPopup(data)}\r\n data-bs-toggle=\"modal\"\r\n data-bs-target=\"#exampleModal\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n ) : (\r\n Error occured \r\n )\r\n }));\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
{\r\n window.history.go(-1);\r\n }}\r\n >\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n Change Log Details\r\n
\r\n
\r\n
\r\n\r\n {APP_LABELS.STATUS_YET_TO_BEGIN} \r\n );\r\n }\r\n if (status?.toUpperCase() === APP_LABELS.STATUS_INPROGRESS) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n if (status?.toUpperCase() === APP_LABELS.STATUS_COMPLETED) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n if (status?.toUpperCase() === APP_LABELS.STATUS_SUBMITTED) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n return {APP_LABELS.STATUS_YET_TO_BEGIN} ;\r\n };\r\n\r\n const actionElement = (element, id, sectionName) => (\r\n \r\n redirect(\r\n id,\r\n sectionName,\r\n // subTab,\r\n element?.type?.toUpperCase() === 'BRANCH'\r\n ? element?.branchNumber\r\n : null\r\n )\r\n }\r\n >\r\n {((role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD) &&\r\n 'View') ||\r\n (element?.status?.toUpperCase() === APP_LABELS.STATUS_YETTOBEGIN &&\r\n 'Start') ||\r\n (element?.status?.toUpperCase() === APP_LABELS.STATUS_COMPLETED &&\r\n 'Edit') ||\r\n (element?.status?.toUpperCase() === APP_LABELS.STATUS_INPROGRESS &&\r\n 'Edit') ||\r\n (element?.status?.toUpperCase() === APP_LABELS.STATUS_SUBMITTED &&\r\n 'View') ||\r\n 'Start'}\r\n \r\n );\r\n\r\n const showlist = (data, id, subTab, sectionName) =>\r\n data && data?.length > 0 ? (\r\n \r\n \r\n \r\n \r\n \r\n Branch Name \r\n Type \r\n Status \r\n Updated By \r\n Updated On \r\n \r\n \r\n \r\n \r\n {data.map((element, index) => (\r\n \r\n \r\n {element.branchName}\r\n \r\n {element.type} \r\n {getStatus(element.status)}\r\n \r\n {element.updatedByName || '----'}\r\n \r\n \r\n {convertUtcToLocal(element.updatedDatetime) || '----'}\r\n \r\n \r\n {actionElement(element, id, sectionName)}\r\n \r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n ) : (\r\n \r\n \r\n Data Not Found\r\n \r\n \r\n );\r\n\r\n const getYmcaBranchesList = () => {\r\n if (!ymcsListEnabled) {\r\n setLoader(true);\r\n handleGetYmcaBranchData(\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', '0')\r\n ).then(res => {\r\n if (res?.data?.isSuccess) {\r\n setYmcaBranchData(res?.data?.data);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorPopup(true);\r\n }\r\n });\r\n }\r\n setYmcsListEnabled(!ymcsListEnabled);\r\n const { innerText } = document.getElementById(`ymcaDirectInfo`);\r\n\r\n if (innerText === 'View Branch Level Progress') {\r\n document.getElementById(`ymcaDirectInfo`).innerText =\r\n 'Hide Branch Level Progress';\r\n } else {\r\n document.getElementById(`ymcaDirectInfo`).innerText =\r\n 'View Branch Level Progress';\r\n }\r\n };\r\n\r\n const getCollabApis = (api, index) => {\r\n const newcollabTabsView = [...collabTabsView];\r\n newcollabTabsView[index] = !collabTabsView[index];\r\n setCollabTabsView([...newcollabTabsView]);\r\n const { innerText } = document.getElementById(`collaboration-tab-${index}`);\r\n\r\n if (innerText === 'View Branch Level Progress') {\r\n document.getElementById(`collaboration-tab-${index}`).innerText =\r\n 'Hide Branch Level Progress';\r\n setLoader(true);\r\n api(\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', '0')\r\n ).then(res => {\r\n if (res?.data?.isSuccess) {\r\n const newcollabTabsData = [...collabrationTabDatas];\r\n newcollabTabsData[index] = res?.data?.data || [];\r\n setCollabrationTabDatas([...newcollabTabsData]);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorPopup(true);\r\n }\r\n });\r\n } else {\r\n document.getElementById(`collaboration-tab-${index}`).innerText =\r\n 'View Branch Level Progress';\r\n }\r\n };\r\n\r\n const getProgramActivitiesApis = (api, index) => {\r\n const newProgramActivitieView = [...programActivityView];\r\n newProgramActivitieView[index] = !programActivityView[index];\r\n setProgramActivityView([...newProgramActivitieView]);\r\n const { innerText } = document.getElementById(\r\n `programActivities-tab-${index}`\r\n );\r\n\r\n if (innerText === 'View Branch Level Progress') {\r\n document.getElementById(`programActivities-tab-${index}`).innerText =\r\n 'Hide Branch Level Progress';\r\n setLoader(true);\r\n api(\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', '0')\r\n ).then(res => {\r\n if (res?.data?.isSuccess) {\r\n const newProgramActivitiesData = [...programActivityDatas];\r\n newProgramActivitiesData[index] = res?.data?.data || [];\r\n setProgramActivityDatas([...newProgramActivitiesData]);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorPopup(true);\r\n }\r\n });\r\n } else {\r\n document.getElementById(`programActivities-tab-${index}`).innerText =\r\n 'View Branch Level Progress';\r\n }\r\n };\r\n\r\n const getCursor = name => {\r\n if (\r\n name === APP_LABELS.PLEDGE &&\r\n role !== APP_LABELS.YUSA_DATA_VIEWER &&\r\n role !== APP_LABELS.ALLIANCE_DATA_STEWARD &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.CVO_DATA_STEWARD &&\r\n role !== APP_LABELS.CEO_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD &&\r\n selectedYear === '2022'\r\n ) {\r\n return 'cursor-not-allowed';\r\n }\r\n if (\r\n (name === APP_LABELS.SITE_INFORMATION ||\r\n name === APP_LABELS.EMPLOYEE ||\r\n name === APP_LABELS.CONSTITUENCY_REPORT ||\r\n name === APP_LABELS.DIVERSITY_METRICS ||\r\n name === APP_LABELS.PLEDGE ||\r\n name === APP_LABELS.REVIEW_SUBMIT) &&\r\n role === APP_LABELS.BRANCH_DATA_STEWARD\r\n ) {\r\n return 'cursor-not-allowed';\r\n }\r\n return '';\r\n };\r\n const isAccess = name => {\r\n if (\r\n name === APP_LABELS.PLEDGE &&\r\n role !== APP_LABELS.YUSA_DATA_VIEWER &&\r\n role !== APP_LABELS.ALLIANCE_DATA_STEWARD &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.CVO_DATA_STEWARD &&\r\n role !== APP_LABELS.CEO_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD &&\r\n selectedYear === '2022'\r\n ) {\r\n return true;\r\n }\r\n return !!(\r\n [\r\n APP_LABELS.SITE_INFORMATION,\r\n APP_LABELS.EMPLOYEE,\r\n APP_LABELS.CONSTITUENCY_REPORT,\r\n APP_LABELS.DIVERSITY,\r\n APP_LABELS.PLEDGE,\r\n APP_LABELS.REVIEW_SUBMIT\r\n ].includes(name) && role === APP_LABELS.BRANCH_DATA_STEWARD\r\n );\r\n };\r\n const getCollaborationsApiName = sectionName => {\r\n if (sectionName === 'Other Not-for-Profit Organizations') {\r\n return handlegetCollabNonProfitOrgApi;\r\n }\r\n if (sectionName === 'Educational Organizations') {\r\n return handlegetCollabEducationOrgApi;\r\n }\r\n if (sectionName === 'Other Community Organizations') {\r\n return handlegetCollabOtherCommunityOrgApi;\r\n }\r\n if (sectionName === 'Private Organizations and Businesses') {\r\n return handlegetCollabPrivateOrgAndBusinessesApi;\r\n }\r\n if (sectionName === 'Collabrations Among YS') {\r\n return handlegetCollaborationsAmongYsApi;\r\n }\r\n if (sectionName === 'Government Organizations & Their Affiliates') {\r\n return handlegetCollabGovtOrgAndAffiliatesApi;\r\n }\r\n return null;\r\n };\r\n\r\n const setAction = (name, status) =>\r\n ((role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n (name === APP_LABELS.PLEDGE &&\r\n (role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD))) &&\r\n 'View') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_YETTOBEGIN && 'Start') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_COMPLETED && 'Edit') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_SUBMITTED && 'View') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_INPROGRESS && 'Edit');\r\n\r\n const getActions = (\r\n name,\r\n status,\r\n tabIdORbranchfunc,\r\n subTabsListORview,\r\n index,\r\n sectionName\r\n ) => {\r\n if (\r\n name !== APP_LABELS.COLLABORATIONS &&\r\n name !== APP_LABELS.YMCA_DIRECTORY_INFO &&\r\n name !== APP_LABELS.PROGRAM_ACTIVITIES &&\r\n name !== APP_LABELS.PROGRAMS_ACTIVITIES\r\n ) {\r\n return (\r\n redirect(tabIdORbranchfunc, sectionName)}\r\n >\r\n {setAction(name, status)} \r\n {isAccess(name) && (\r\n \r\n You are not authorized to access this section\r\n \r\n )}\r\n \r\n );\r\n }\r\n\r\n if (name === APP_LABELS.COLLABORATIONS) {\r\n return (\r\n \r\n getCollabApis(getCollaborationsApiName(sectionName), index)\r\n }\r\n id={`collaboration-tab-${index}`}\r\n >\r\n View Branch Level Progress\r\n \r\n );\r\n }\r\n if (name === APP_LABELS.PROGRAM_ACTIVITIES || name === APP_LABELS.PROGRAMS_ACTIVITIES) {\r\n return (\r\n \r\n getProgramActivitiesApis(programActivitiesTabFuncs[index], index)\r\n }\r\n id={`programActivities-tab-${index}`}\r\n >\r\n View Branch Level Progress\r\n \r\n );\r\n }\r\n return (\r\n \r\n View Branch Level Progress\r\n \r\n );\r\n };\r\n\r\n const renderOption = (name, status, tabIdORbranchfunc, sectionName) => (\r\n redirect(tabIdORbranchfunc, sectionName)}\r\n >\r\n \r\n {((role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n (name === APP_LABELS.PLEDGE &&\r\n (role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD))) &&\r\n 'View') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_YETTOBEGIN && 'Start') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_COMPLETED && 'Edit') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_SUBMITTED && 'View') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_INPROGRESS && 'Edit')}\r\n \r\n {isAccess(name) && (\r\n \r\n You are not authorized to access this section\r\n \r\n )}\r\n \r\n );\r\n\r\n const renderButton = (\r\n name,\r\n status,\r\n tabIdORbranchfunc,\r\n subTabsListORview,\r\n index\r\n ) => (\r\n \r\n redirect(\r\n tabIdORbranchfunc,\r\n subTabsListORview ? subTabsListORview[index] : 0\r\n )\r\n }\r\n >\r\n \r\n {((role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n (name === APP_LABELS.PLEDGE &&\r\n (role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD))) &&\r\n 'View') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_YETTOBEGIN && 'Start') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_COMPLETED && 'Edit') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_SUBMITTED && 'View') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_INPROGRESS && 'Edit')}\r\n \r\n {isAccess(name) && (\r\n \r\n You are not authorized to access this section\r\n \r\n )}\r\n \r\n );\r\n\r\n const get2023Actions = (\r\n name,\r\n status,\r\n tabIdORbranchfunc,\r\n subTabsListORview,\r\n index,\r\n sectionName\r\n ) => {\r\n if (\r\n name !== APP_LABELS.COLLABORATIONS &&\r\n name !== APP_LABELS.YMCA_DIRECTORY_INFO &&\r\n name !== APP_LABELS.PROGRAM_ACTIVITIES &&\r\n name !== APP_LABELS.PROGRAMS_ACTIVITIES\r\n ) {\r\n return renderOption(name, status, tabIdORbranchfunc, sectionName);\r\n }\r\n if (\r\n name === APP_LABELS.YMCA_DIRECTORY_INFO &&\r\n (sectionName === APP_LABELS.CVO_CONTACT_DETAILS ||\r\n sectionName === APP_LABELS.INCOMING_CVO_CONTACT_DETAILS)\r\n ) {\r\n return renderButton(\r\n name,\r\n status,\r\n tabIdORbranchfunc,\r\n subTabsListORview,\r\n index\r\n );\r\n }\r\n if (name === APP_LABELS.COLLABORATIONS) {\r\n return (\r\n \r\n getCollabApis(getCollaborationsApiName(sectionName), index)\r\n }\r\n id={`collaboration-tab-${index}`}\r\n >\r\n View Branch Level Progress\r\n \r\n );\r\n }\r\n if (name === APP_LABELS.PROGRAM_ACTIVITIES || name === APP_LABELS.PROGRAMS_ACTIVITIES) {\r\n return (\r\n \r\n getProgramActivitiesApis(programActivitiesTabFuncs[index], index)\r\n }\r\n id={`programActivities-tab-${index}`}\r\n >\r\n View Branch Level Progress\r\n \r\n );\r\n }\r\n return (\r\n \r\n View Branch Level Progress\r\n \r\n );\r\n };\r\n const ymcaSiteInfoList = (name, branchFunc, View) => {\r\n if (overviewData && overviewData.length > 1) {\r\n const list = overviewData.filter(res => res.formName === name);\r\n const sectionData = list ? list[0]?.sections.slice(0, 1) : [];\r\n\r\n return sectionData?.map(element => (\r\n <>\r\n {getStatus(element?.sectionStatus)}\r\n \r\n {element?.lastUpdatedBy || '----'}\r\n \r\n \r\n {element?.lastUpdatedDate\r\n ? convertUtcToLocal(element.lastUpdatedDate)\r\n : '----'}\r\n \r\n {getActions(name, element?.sectionStatus, branchFunc, View)} \r\n \r\n ));\r\n }\r\n return (\r\n <>\r\n ---- \r\n ---- \r\n ---- \r\n ---- \r\n \r\n );\r\n };\r\n const renderPledgeSectionsYmcaList = (name, tabId, subTabsList) => {\r\n if (overviewData && overviewData.length > 1) {\r\n const list = overviewData?.filter(res => res.formName === name);\r\n const sectionData = list ? list[0].sections : [];\r\n return sectionData.map((element, index) => {\r\n if (\r\n (element?.sectionName === APP_LABELS.CVO_CONTACT_DETAILS ||\r\n element?.sectionName === APP_LABELS.INCOMING_CVO_CONTACT_DETAILS) &&\r\n role !== APP_LABELS.BRANCH_DATA_STEWARD\r\n ) {\r\n return (\r\n \r\n \r\n {element?.sectionName}\r\n \r\n {getStatus(element?.sectionStatus)}\r\n \r\n {element?.lastUpdatedBy || '----'}\r\n \r\n \r\n {convertUtcToLocal(element?.lastUpdatedDate)}\r\n \r\n \r\n {get2023Actions(\r\n name,\r\n element?.sectionStatus,\r\n tabId,\r\n subTabsList,\r\n index,\r\n element?.sectionName\r\n )}\r\n \r\n \r\n );\r\n }\r\n return null;\r\n });\r\n }\r\n return null;\r\n };\r\n\r\n const renderSectionslist = (name, tabId, subTabsList) => {\r\n if (overviewData && overviewData.length > 1) {\r\n const list = overviewData?.filter(res => res.formName === name);\r\n const sectionData = list ? list[0]?.sections : [];\r\n return sectionData?.map((element, index) => (\r\n <>\r\n \r\n \r\n {element?.sectionName}\r\n \r\n {getStatus(element?.sectionStatus)}\r\n \r\n {element?.lastUpdatedBy || '----'}\r\n \r\n \r\n {convertUtcToLocal(element?.lastUpdatedDate)}\r\n \r\n \r\n {getActions(\r\n name,\r\n element?.sectionStatus,\r\n tabId,\r\n subTabsList,\r\n index,\r\n element?.sectionName\r\n )}\r\n \r\n \r\n {name === APP_LABELS.COLLABORATIONS &&\r\n collabTabsView[index] &&\r\n showlist(\r\n collabrationTabDatas[index] || [],\r\n tabId,\r\n subTabsList[index],\r\n element?.sectionName\r\n )}\r\n {(name === APP_LABELS.PROGRAM_ACTIVITIES || name === APP_LABELS.PROGRAMS_ACTIVITIES) &&\r\n programActivityView[index] &&\r\n showlist(\r\n programActivityDatas[index] || [],\r\n tabId,\r\n subTabsList[index],\r\n element?.sectionName\r\n )}\r\n \r\n ));\r\n }\r\n return '';\r\n };\r\n const renderSections2022list = (name, tabId, subTabsList) => {\r\n if (overviewData && overviewData.length > 1) {\r\n const list = overviewData?.filter(res => res.formName === name);\r\n const sectionData = list ? list[0]?.sections : [];\r\n return sectionData?.map((element, index) => (\r\n <>\r\n \r\n \r\n {element?.sectionName}\r\n \r\n {getStatus(element?.sectionStatus)}\r\n \r\n {element?.lastUpdatedBy || '----'}\r\n \r\n \r\n {convertUtcToLocal(element?.lastUpdatedDate)}\r\n \r\n \r\n {getActions(\r\n name,\r\n element?.sectionStatus,\r\n tabId,\r\n subTabsList,\r\n index,\r\n subTabsList[index]\r\n )}\r\n \r\n \r\n {name === APP_LABELS.COLLABORATIONS &&\r\n collabTabsView[index] &&\r\n showlist(\r\n collabrationTabDatas[index] || [],\r\n tabId,\r\n subTabsList[index],\r\n element?.sectionName\r\n )}\r\n { (name === APP_LABELS.PROGRAM_ACTIVITIES || name === APP_LABELS.PROGRAMS_ACTIVITIES ) &&\r\n programActivityView[index] &&\r\n showlist(\r\n programActivityDatas[index] || [],\r\n tabId,\r\n subTabsList[index],\r\n element?.sectionName\r\n )}\r\n \r\n ));\r\n }\r\n return '';\r\n };\r\n return (\r\n \r\n
\r\n HELP {/* */}\r\n \r\n
\r\n \r\n \r\n \r\n Status \r\n Last Updated By \r\n Last Updated On \r\n Actions \r\n \r\n \r\n \r\n {selectedYear >= 2023 ? (\r\n <>\r\n \r\n \r\n 01 {APP_LABELS.YMCA_DIRECTORY_INFO}\r\n \r\n \r\n \r\n \r\n Association Details\r\n \r\n {ymcaSiteInfoList(\r\n APP_LABELS.YMCA_DIRECTORY_INFO,\r\n getYmcaBranchesList,\r\n !ymcsListEnabled ? 'View' : 'Hide'\r\n )}\r\n \r\n\r\n {ymcsListEnabled &&\r\n showlist(ymcaBranchData, 'v-pills-Directory-tab', null)}\r\n\r\n {renderPledgeSectionsYmcaList(\r\n APP_LABELS.YMCA_DIRECTORY_INFO,\r\n 'v-pills-Directory-tab',\r\n pledgeSubIds\r\n )}\r\n \r\n ) : (\r\n <>\r\n \r\n \r\n 01 {APP_LABELS.YMCA_DIRECTORY_INFO}\r\n \r\n\r\n {ymcaSiteInfoList(\r\n APP_LABELS.YMCA_DIRECTORY_INFO,\r\n\r\n getYmcaBranchesList,\r\n\r\n !ymcsListEnabled ? 'View' : 'Hide'\r\n )}\r\n \r\n\r\n {ymcsListEnabled &&\r\n showlist(ymcaBranchData, 'v-pills-Directory-tab', null)}\r\n \r\n )}\r\n\r\n \r\n 02 {APP_LABELS.SITE_INFORMATION} \r\n {ymcaSiteInfoList(\r\n APP_LABELS.SITE_INFORMATION,\r\n 'v-pills-siteInformations-tab'\r\n )}\r\n \r\n \r\n 03 {APP_LABELS.EMPLOYEES} \r\n {ymcaSiteInfoList(\r\n APP_LABELS.EMPLOYEE,\r\n 'v-pills-updateEmployee-tab'\r\n )}\r\n \r\n \r\n \r\n 04 {APP_LABELS.CONSTITUENCY_REPORT}\r\n \r\n \r\n {renderSectionslist(\r\n APP_LABELS.CONSTITUENCY_REPORT,\r\n 'v-pills-Constituency-tab',\r\n constituencySubIds\r\n )}\r\n \r\n \r\n 05 {APP_LABELS.DIVERSITY}\r\n \r\n \r\n {renderSectionslist(\r\n APP_LABELS.DIVERSITY_METRICS,\r\n 'v-pills-globalMetrics-tab',\r\n diversitySubTds\r\n )}\r\n \r\n \r\n 06 {APP_LABELS.COLLABORATIONS}\r\n \r\n \r\n {renderSectionslist(\r\n APP_LABELS.COLLABORATIONS,\r\n 'v-pills-Collaborations-tab',\r\n collaborationSubTds\r\n )}\r\n \r\n \r\n 07{' '}\r\n {selectedYear >= '2024'\r\n ? APP_LABELS.PROGRAMS_ACTIVITIES\r\n : APP_LABELS.PROGRAM_ACTIVITIES}\r\n \r\n \r\n {renderSectionslist(\r\n selectedYear >= '2024'\r\n ? APP_LABELS.PROGRAMS_ACTIVITIES\r\n : APP_LABELS.PROGRAM_ACTIVITIES,\r\n 'v-pills-Program-tab',\r\n programActivitiesSubTds\r\n )}\r\n {selectedYear >= 2023 ? (\r\n \r\n \r\n 08 {APP_LABELS.PLEDGE_STATEMENT}\r\n \r\n {ymcaSiteInfoList(APP_LABELS.PLEDGE, 'v-pills-Pledge-tab')}\r\n \r\n ) : (\r\n <>\r\n \r\n \r\n 08 {APP_LABELS.PLEDGE_STATEMENT}\r\n \r\n \r\n {renderSections2022list(\r\n APP_LABELS.PLEDGE,\r\n 'v-pills-Pledge-tab',\r\n pledgeSubIds\r\n )}\r\n \r\n )}\r\n\r\n \r\n 09 Review & Submit \r\n {ymcaSiteInfoList(\r\n APP_LABELS.REVIEW_SUBMIT,\r\n 'v-pills-ReviewSubmit-tab'\r\n )}\r\n \r\n \r\n
\r\n
{\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={APP_LABELS.COMMON_ERROR_MESSAGE}\r\n showErrorPopup={errorPopup}\r\n />\r\n {help && \r\n
\r\n );\r\n};\r\n\r\nSuccessToaster.propTypes = {\r\n Status: PropTypes.string.isRequired\r\n};\r\n\r\nSuccessToaster.defaultProps = {\r\n message: 'Data has been saved successfully!'\r\n};\r\n\r\nexport default SuccessToaster;\r\n","export default __webpack_public_path__ + \"close.svg\";","import React, { useState } from 'react';\r\nimport exclamationicon from '@static/images/exclamation.png';\r\nimport closeicon from '@static/images/close.svg';\r\n\r\nconst PartialSaveWarningPopup = () => {\r\n const [popup, setShowPopup] = useState(true);\r\n return (\r\n \r\n {popup && (\r\n
\r\n
\r\n
\r\n
\r\n This form is partially saved, please fill out remaining required\r\n information to complete.\r\n \r\n
\r\n
{\r\n setShowPopup(false);\r\n }}\r\n >\r\n \r\n )}\r\n
\r\n
\r\n \r\n {APP_LABELS.UPLOAD_FILE_ASSOCIATIONS}\r\n \r\n {\r\n setSelectedAsso(e.target.value);\r\n }}\r\n disabled\r\n value={selectedAsso}\r\n >\r\n {associonOptions?.map(asso => (\r\n \r\n {asso.value}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n \r\n {APP_LABELS.UPLOAD_FILE_BRANCH}\r\n \r\n {\r\n setSelectedBranch(e.target.value);\r\n setSelectedBranchName(\r\n branchOptions\r\n .filter(x => x.id === e.target.value)\r\n .map(x => x.value)[0]\r\n );\r\n }}\r\n value={selectedBranch}\r\n >\r\n {branchOptions?.map(branch => (\r\n \r\n {branch.value}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
Last Updated By:
\r\n
{Username} \r\n
On:
\r\n
{convertUtcToLocal(Time)} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Submission Experience Feedback\r\n \r\n {\r\n setRating(0);\r\n handleCloseFeedbackPopup();\r\n }}\r\n />\r\n \r\n
\r\n
\r\n How was your data submission experience for the{' '}\r\n {sectionName} section?\r\n \r\n
\r\n
\r\n
submitFeedbcak()}\r\n >\r\n Submit Feedback\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
{APP_LABELS.INSTRUCTIONS} \r\n
\r\n
\r\n
\r\n {CvoConatactDetails?.data?.recordStatus?.toUpperCase() ===\r\n APP_LABELS.STATUS_PARTIAL ||\r\n IncomingCvoContactDataSelectorDetails?.data?.recordStatus?.toUpperCase() ===\r\n APP_LABELS.STATUS_PARTIAL ? (\r\n
\r\n ) : (\r\n ''\r\n )}\r\n
\r\n
\r\n
\r\n \r\n {endDatePast && (\r\n
\r\n {\r\n 'Your current CVO must not have a past end date and be expired. Please update your current CVO in MOYP with the correct information.'\r\n }\r\n
\r\n )}\r\n
\r\n {endDateGreater && (\r\n
\r\n {\r\n 'Incoming CVO start date must be greater than current CVO end date'\r\n }\r\n
\r\n )}\r\n
\r\n scrollToErrors(formik.errors)}\r\n disabled={\r\n status?.toUpperCase() === APP_LABELS.STATUS_SUBMITTED ||\r\n (cVOAge !== null && (cVOAge < 18 || cVOAge > 100))\r\n }\r\n >\r\n Save\r\n \r\n
\r\n )}\r\n \r\n \r\n {successPopup && (\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n {updatedToasterMessage && (\r\n \r\n
\r\n HELP{/* */}\r\n \r\n
\r\n {selectedYear !== '2022' && (\r\n \r\n {\r\n onActive('ymca-directory-information');\r\n }}\r\n >\r\n Association Details\r\n \r\n \r\n )}\r\n {selectedYear !== '2022' &&\r\n role !== APP_LABELS.BRANCH_DATA_STEWARD && (\r\n \r\n {\r\n onActive('cvocontactdetails-tab');\r\n }}\r\n >\r\n Current & Incoming CVO Information\r\n \r\n \r\n )}\r\n \r\n
\r\n {activeTab === 'ymca-directory-information' && (\r\n \r\n )}\r\n \r\n {activeTab === 'cvocontactdetails-tab' && (\r\n \r\n {successPopup && {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n\r\n {help &&
\r\n \r\n );\r\n};\r\n\r\nYMCADirectoryInformationTab.propTypes = {\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n BranchList: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handleGetAnnualReportsDashboard: PropTypes.func.isRequired,\r\n handleGetBranchDetails: PropTypes.func.isRequired,\r\n handleGetBranchList: PropTypes.func.isRequired,\r\n handleToSetBranchDetails: PropTypes.func.isRequired,\r\n setLoader: PropTypes.func.isRequired,\r\n handleToGetCountries: PropTypes.func.isRequired,\r\n status: PropTypes.objectOf(PropTypes.any).isRequired,\r\n BranchDetailsData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state),\r\n BranchList: BranchListSelector(state),\r\n BranchDetailsData: BranchDetailsSelector(state)\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n handleGetBranchDetails: getBranchDetails,\r\n handleGetBranchList: getBranchList,\r\n handleToSetBranchDetails: saveBranchDetails,\r\n handleToGetCountries: getCountriesList,\r\n handleGetAnnualReportsDashboard: getAnnualReportsDashboardOverviewData\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(YMCADirectoryInformationTab));\r\n","import { AR_EMPLOYEE_UPDATE_GETAPI } from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getARemployeeUpdateApi =\r\n AssociationNumber => (dispatch, getState) =>\r\n asyncRequest({\r\n url: AR_EMPLOYEE_UPDATE_GETAPI(AssociationNumber),\r\n successAction: data => ({\r\n type: types.FETCH_AR_EMPLOYEE_UPDATE_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.FETCH_AR_EMPLOYEE_API_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const PostARemployeeUpdateApi = bodyObject => (dispatch, getState) =>\r\n asyncRequest({\r\n url: AR_EMPLOYEE_UPDATE_GETAPI(),\r\n method: 'POST',\r\n data: bodyObject,\r\n successAction: data => ({\r\n type: types.FETCH_AR_EMPLOYEE_UPDATE_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.FETCH_AR_EMPLOYEE_API_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","const ARemployeeDataSelector = ({ empployeeUpdate: { ARemployeeData } }) =>\r\n ARemployeeData;\r\n\r\nexport default ARemployeeDataSelector;\r\n","/* eslint-disable no-unused-expressions */\r\nimport React, { useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport get from 'lodash.get';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n getARemployeeUpdateApi,\r\n PostARemployeeUpdateApi\r\n} from '@redux/annualReport-employeeUpdate/actions';\r\nimport { getAnnualReportsDashboardOverviewData } from '@redux/annualReport-overview/actions';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport ARemployeeDataSelector from '@redux/annualReport-employeeUpdate/selectors';\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport SuccessToaster from '@modules/shared/components/reusable-components/success-toaster';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport Help from '@modules/shared/components/reusable-components/help';\r\nimport PartialSaveWarningPopup from '@modules/shared/components/reusable-components/partial-save-popup';\r\nimport helpicon from '@static/images/caretdoubleright.svg';\r\nimport LastUpdateName from '../last-update-name';\r\nimport FeedbackModal from '../../../../../utilities/feedback-modal';\r\n\r\nconst EmployeesTab = props => {\r\n const {\r\n LoginUserData,\r\n handleGetARemployeeUpdateApi,\r\n handlePostARemployeeUpdateApi,\r\n setLoader,\r\n status,\r\n handleGetAnnualReportsDashboard,\r\n EmployeeUpdateData\r\n } = props;\r\n const selectedYear = sessionStorage.getItem('selectedBatchYear');\r\n\r\n const [successPopup, setSuccessPopup] = useState(false);\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const [feedbackPopup, setFeedbackPopup] = useState(false);\r\n const [formId, setFormId] = useState();\r\n const [errorMessage, setErrorMessage] = useState('');\r\n const [employeeData, setEmployeeData] = useState(null);\r\n const [resStatus, setResStatus] = useState();\r\n const [help, setHelp] = useState(false);\r\n\r\n const sectionName = 'Employee';\r\n\r\n const handleShowHelp = () => {\r\n setHelp(true);\r\n };\r\n\r\n const hideShowHelp = () => {\r\n setHelp(false);\r\n };\r\n\r\n const defaultInitialValues = {\r\n totMoypstaffCount: ''\r\n };\r\n\r\n const role = get(LoginUserData, 'user.role[0]');\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n\r\n const associationNumber =\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', 0);\r\n\r\n let getEmployeeUpdateData;\r\n\r\n const formik = useFormik({\r\n initialValues: employeeData || defaultInitialValues,\r\n enableReinitialize: true,\r\n validationSchema: Yup.object({\r\n totMoypstaffCount: Yup.string().nullable()\r\n }),\r\n onSubmit: () => {\r\n setSuccessPopup(false);\r\n // eslint-disable-next-line no-use-before-define\r\n postAPICall();\r\n }\r\n });\r\n\r\n const convertedValue = value => (value === 0 || value ? value : null);\r\n\r\n const postAPICall = () => {\r\n setLoader(true);\r\n const object = {\r\n ...formik?.values,\r\n totMoypstaffCount: convertedValue(formik?.values?.totMoypstaffCount)\r\n };\r\n handlePostARemployeeUpdateApi(object)\r\n .then(res => {\r\n if (res?.data?.isSuccess) {\r\n setResStatus(res.data.data?.recordStatus);\r\n }\r\n handleGetAnnualReportsDashboard(associationNumber, selectedYear).then(\r\n dashData => {\r\n dashData?.data?.data?.dashboardDTOs.forEach(record => {\r\n if (\r\n record.name === sectionName &&\r\n record.status === 'Completed' &&\r\n record.rating === null &&\r\n selectedYear >= '2023' &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD\r\n ) {\r\n setFeedbackPopup(true);\r\n setFormId(record?.formId);\r\n }\r\n });\r\n }\r\n );\r\n setLoader(false);\r\n if (res?.data?.isSuccess) {\r\n getEmployeeUpdateData(false, true);\r\n } else {\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n });\r\n };\r\n\r\n getEmployeeUpdateData = (loader, success) => {\r\n if (loader) setLoader(true);\r\n handleGetARemployeeUpdateApi(\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', '0')\r\n )\r\n .then(result => {\r\n const resultData = result?.data?.data;\r\n setEmployeeData(resultData);\r\n if (loader) setLoader(false);\r\n if (result?.data?.isSuccess && result?.status === 200) {\r\n if (success) {\r\n setSuccessPopup(true);\r\n }\r\n } else {\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n })\r\n .catch(() => {\r\n if (loader) setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n });\r\n };\r\n\r\n const [instructions, setInstructions] = useState('');\r\n\r\n useEffect(() => {\r\n formik.resetForm({ values: defaultInitialValues });\r\n window.scroll(0, 0);\r\n getEmployeeUpdateData(true);\r\n\r\n setInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.employee\r\n ?.Instruction\r\n );\r\n window.scroll(0, 0);\r\n getEmployeeUpdateData(true);\r\n }, []);\r\n\r\n useEffect(() => {\r\n sessionStorage.setItem('dirty', formik.dirty);\r\n }, [formik.dirty]);\r\n\r\n const handleStaffCountChange = e => {\r\n const result = e.target.value.replace(/\\D/g, '');\r\n formik.setFieldValue('totMoypstaffCount', result);\r\n };\r\n\r\n return (\r\n \r\n
\r\n HELP{/* */}\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n\r\n {help && {children}
;\r\n\r\nTextError.propTypes = {\r\n children: PropTypes.string.isRequired\r\n};\r\n\r\nexport default TextError;\r\n","/* eslint-disable no-unused-expressions */\r\n/* eslint-disable no-nested-ternary */\r\nimport React, { useEffect, useState, useRef } from 'react';\r\nimport * as Yup from 'yup';\r\nimport { connect } from 'react-redux';\r\nimport get from 'lodash.get';\r\nimport { Formik, Form, Field, ErrorMessage } from 'formik';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n getMemberships,\r\n getMembershipsNWM,\r\n postMemberships,\r\n getCrmProviderList\r\n} from '@redux/constituency-report/memberships/actions';\r\nimport { getAnnualReportsDashboardOverviewData } from '@redux/annualReport-overview/actions';\r\nimport {\r\n GetMembershipsSelector,\r\n GetMembershipsNWMSelector,\r\n CrmProviderListDataSelector\r\n} from '@redux/constituency-report/memberships/selectors';\r\nimport { GetMemberDemographicsSelector } from '@redux/constituency-report/member-demographics/selectors';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport { APP_LABELS, FIELD_LENGTH } from '@config/app-config';\r\nimport SuccessToaster from '@modules/shared/components/reusable-components/success-toaster';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport Help from '@modules/shared/components/reusable-components/help';\r\nimport TextError from '@modules/shared/components/reusable-components/text-error';\r\nimport helpicon from '@static/images/caretdoubleright.svg';\r\nimport PartialSaveWarningPopup from '@modules/shared/components/reusable-components/partial-save-popup';\r\nimport LastUpdateName from '../last-update-name';\r\nimport FeedbackModal from '../../../../../utilities/feedback-modal';\r\n\r\nconst MembershipTab = props => {\r\n const {\r\n setLoader,\r\n CrmProviderListSelectorList,\r\n handleToGetCrmProviderList,\r\n handleGetMemberships,\r\n handleGetMembershipsNWM,\r\n handlePostMemberships,\r\n handleGetAnnualReportsDashboard,\r\n GetMembershipsSelectorData,\r\n GetMembershipsNWMSelectorData,\r\n GetMemberDemographicsSelectorData,\r\n LoginUserData,\r\n status\r\n } = props;\r\n\r\n const [successPopup, setSuccessPopup] = useState(false);\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const [feedbackPopup, setFeedbackPopup] = useState(false);\r\n const [formId, setFormId] = useState();\r\n const [errorMessage, setErrorMessage] = useState(false);\r\n const [instructions, setInstructions] = useState('');\r\n const [subInstructions, setSubInstructions] = useState('');\r\n const [help, setHelp] = useState(false);\r\n const [resStatus, setResStatus] = useState();\r\n const formikref = useRef();\r\n\r\n const [showNotOfferMemberships, setShowNotOfferMemberships] = useState(false);\r\n const [showEditNWMData, setShowEditNWMData] = useState(false);\r\n const [getCrmName, setGetCrmName] = useState('');\r\n const [saveNwmData, setSaveNwmData] = useState(false);\r\n\r\n const role = get(LoginUserData, 'user.role[0]');\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n\r\n const associationNumber =\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', 0);\r\n\r\n const selectedYear = sessionStorage.getItem('selectedBatchYear');\r\n const sectionName = 'Constituency Report';\r\n\r\n const initialValues = {\r\n doNotOfferFacilityMemberships: false,\r\n isNwmDataAvailable: false,\r\n\r\n male1To5: '',\r\n female1To5: '',\r\n additionalIdentities1To5: '',\r\n unknown1To5: '',\r\n\r\n male6To11: '',\r\n female6To11: '',\r\n additionalIdentities6To11: '',\r\n unknown6To11: '',\r\n\r\n male12To17: '',\r\n female12To17: '',\r\n additionalIdentities12To17: '',\r\n unknown12To17: '',\r\n\r\n male18To29: '',\r\n female18To29: '',\r\n additionalIdentities18To29: '',\r\n unknown18To29: '',\r\n\r\n male30To54: '',\r\n female30To54: '',\r\n additionalIdentities30To54: '',\r\n unknown30To54: '',\r\n\r\n male55To64: '',\r\n female55To64: '',\r\n additionalIdentities55To64: '',\r\n unknown55To64: '',\r\n\r\n male65Plus: '',\r\n female65Plus: '',\r\n additionalIdentities65Plus: '',\r\n unknown65Plus: '',\r\n\r\n maleUnknown: '',\r\n femaleUnknown: '',\r\n additionalIdentitiesUnknown: '',\r\n unknownUnknown: '',\r\n\r\n total1To5: '',\r\n total6To11: '',\r\n total12To17: '',\r\n total18To29: '',\r\n total30To54: '',\r\n total55To64: '',\r\n total65Plus: '',\r\n totalUnknownRow: '',\r\n\r\n totalMale: '',\r\n totalFemale: '',\r\n totalAdditionalIdentities: '',\r\n totalUnknown: '',\r\n totaltotal: '',\r\n crmradio: 'false',\r\n yourCrm: 'Other',\r\n crmname: '',\r\n currentCRM: ''\r\n };\r\n\r\n const editValues = {\r\n doNotOfferFacilityMemberships:\r\n GetMembershipsSelectorData?.data?.doNotOfferFacilityMemberships,\r\n isNwmDataAvailable: GetMembershipsSelectorData?.data?.isNwmDataAvailable,\r\n male1To5:\r\n GetMembershipsSelectorData?.data?.male1To5 === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.male1To5,\r\n female1To5:\r\n GetMembershipsSelectorData?.data?.female1To5 === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.female1To5,\r\n additionalIdentities1To5:\r\n GetMembershipsSelectorData?.data?.additionalIdentities1To5 === null &&\r\n showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.additionalIdentities1To5,\r\n unknown1To5:\r\n GetMembershipsSelectorData?.data?.unknown1To5 === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.unknown1To5,\r\n\r\n male6To11:\r\n GetMembershipsSelectorData?.data?.male6To11 === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.male6To11,\r\n female6To11:\r\n GetMembershipsSelectorData?.data?.female6To11 === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.female6To11,\r\n additionalIdentities6To11:\r\n GetMembershipsSelectorData?.data?.additionalIdentities6To11 === null &&\r\n showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.additionalIdentities6To11,\r\n unknown6To11:\r\n GetMembershipsSelectorData?.data?.unknown6To11 === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.unknown6To11,\r\n\r\n male12To17:\r\n GetMembershipsSelectorData?.data?.male12To17 === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.male12To17,\r\n female12To17:\r\n GetMembershipsSelectorData?.data?.female12To17 === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.female12To17,\r\n additionalIdentities12To17:\r\n GetMembershipsSelectorData?.data?.additionalIdentities12To17 === null &&\r\n showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.additionalIdentities12To17,\r\n unknown12To17:\r\n GetMembershipsSelectorData?.data?.unknown12To17 === null &&\r\n showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.unknown12To17,\r\n\r\n male18To29:\r\n GetMembershipsSelectorData?.data?.male18To29 === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.male18To29,\r\n female18To29:\r\n GetMembershipsSelectorData?.data?.female18To29 === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.female18To29,\r\n additionalIdentities18To29:\r\n GetMembershipsSelectorData?.data?.additionalIdentities18To29 === null &&\r\n showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.additionalIdentities18To29,\r\n unknown18To29:\r\n GetMembershipsSelectorData?.data?.unknown18To29 === null &&\r\n showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.unknown18To29,\r\n\r\n male30To54:\r\n GetMembershipsSelectorData?.data?.male30To54 === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.male30To54,\r\n female30To54:\r\n GetMembershipsSelectorData?.data?.female30To54 === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.female30To54,\r\n additionalIdentities30To54:\r\n GetMembershipsSelectorData?.data?.additionalIdentities30To54 === null &&\r\n showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.additionalIdentities30To54,\r\n unknown30To54:\r\n GetMembershipsSelectorData?.data?.unknown30To54 === null &&\r\n showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.unknown30To54,\r\n\r\n male55To64:\r\n GetMembershipsSelectorData?.data?.male55To64 === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.male55To64,\r\n female55To64:\r\n GetMembershipsSelectorData?.data?.female55To64 === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.female55To64,\r\n additionalIdentities55To64:\r\n GetMembershipsSelectorData?.data?.additionalIdentities55To64 === null &&\r\n showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.additionalIdentities55To64,\r\n unknown55To64:\r\n GetMembershipsSelectorData?.data?.unknown55To64 === null &&\r\n showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.unknown55To64,\r\n\r\n male65Plus:\r\n GetMembershipsSelectorData?.data?.male65Plus === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.male65Plus,\r\n female65Plus:\r\n GetMembershipsSelectorData?.data?.female65Plus === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.female65Plus,\r\n additionalIdentities65Plus:\r\n GetMembershipsSelectorData?.data?.additionalIdentities65Plus === null &&\r\n showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.additionalIdentities65Plus,\r\n unknown65Plus:\r\n GetMembershipsSelectorData?.data?.unknown65Plus === null &&\r\n showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.unknown65Plus,\r\n\r\n maleUnknown:\r\n GetMembershipsSelectorData?.data?.maleUnknown === null && showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.maleUnknown,\r\n femaleUnknown:\r\n GetMembershipsSelectorData?.data?.femaleUnknown === null &&\r\n showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.femaleUnknown,\r\n additionalIdentitiesUnknown:\r\n GetMembershipsSelectorData?.data?.additionalIdentitiesUnknown === null &&\r\n showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.additionalIdentitiesUnknown,\r\n unknownUnknown:\r\n GetMembershipsSelectorData?.data?.unknownUnknown === null &&\r\n showEditNWMData\r\n ? 0\r\n : GetMembershipsSelectorData?.data?.unknownUnknown,\r\n crmradio:\r\n GetMembershipsSelectorData?.data?.crmradio === null ||\r\n GetMembershipsSelectorData?.data?.crmradio === undefined\r\n ? 'false'\r\n : GetMembershipsSelectorData?.data?.crmradio,\r\n yourCrm:\r\n GetMembershipsSelectorData?.data?.yourCrm === null ||\r\n GetMembershipsSelectorData?.data?.yourCrm === undefined\r\n ? 'Other'\r\n : GetMembershipsSelectorData?.data?.yourCrm,\r\n crmname:\r\n GetMembershipsSelectorData?.data?.crmname === null ||\r\n GetMembershipsSelectorData?.data?.crmname === undefined\r\n ? ''\r\n : GetMembershipsSelectorData?.data?.crmname,\r\n currentCRM:\r\n GetMembershipsSelectorData?.data?.crmname === null ||\r\n GetMembershipsSelectorData?.data?.crmname === undefined\r\n ? ''\r\n : GetMembershipsSelectorData?.data?.currentCRM,\r\n total1To5: '',\r\n total6To11: '',\r\n total12To17: '',\r\n total18To29: '',\r\n total30To54: '',\r\n total55To64: '',\r\n total65Plus: '',\r\n totalUnknownRow: '',\r\n totalMale: '',\r\n totalFemale: '',\r\n totalAdditionalIdentities: '',\r\n totalUnknown: '',\r\n totaltotal: ''\r\n };\r\n\r\n const editValuesNWM = {\r\n doNotOfferFacilityMemberships:\r\n GetMembershipsNWMSelectorData?.data?.doNotOfferFacilityMemberships,\r\n isNwmDataAvailable: GetMembershipsNWMSelectorData?.data?.isNwmDataAvailable,\r\n\r\n male1To5:\r\n GetMembershipsNWMSelectorData?.data?.male1To5 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.male1To5,\r\n female1To5:\r\n GetMembershipsNWMSelectorData?.data?.female1To5 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.female1To5,\r\n additionalIdentities1To5:\r\n GetMembershipsNWMSelectorData?.data?.additionalIdentities1To5 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.additionalIdentities1To5,\r\n unknown1To5:\r\n GetMembershipsNWMSelectorData?.data?.unknown1To5 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.unknown1To5,\r\n\r\n male6To11:\r\n GetMembershipsNWMSelectorData?.data?.male6To11 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.male6To11,\r\n female6To11:\r\n GetMembershipsNWMSelectorData?.data?.female6To11 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.female6To11,\r\n additionalIdentities6To11:\r\n GetMembershipsNWMSelectorData?.data?.additionalIdentities6To11 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.additionalIdentities6To11,\r\n unknown6To11:\r\n GetMembershipsNWMSelectorData?.data?.unknown6To11 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.unknown6To11,\r\n\r\n male12To17:\r\n GetMembershipsNWMSelectorData?.data?.male12To17 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.male12To17,\r\n female12To17:\r\n GetMembershipsNWMSelectorData?.data?.female12To17 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.female12To17,\r\n additionalIdentities12To17:\r\n GetMembershipsNWMSelectorData?.data?.additionalIdentities12To17 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.additionalIdentities12To17,\r\n unknown12To17:\r\n GetMembershipsNWMSelectorData?.data?.unknown12To17 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.unknown12To17,\r\n\r\n male18To29:\r\n GetMembershipsNWMSelectorData?.data?.male18To29 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.male18To29,\r\n female18To29:\r\n GetMembershipsNWMSelectorData?.data?.female18To29 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.female18To29,\r\n additionalIdentities18To29:\r\n GetMembershipsNWMSelectorData?.data?.additionalIdentities18To29 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.additionalIdentities18To29,\r\n unknown18To29:\r\n GetMembershipsNWMSelectorData?.data?.unknown18To29 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.unknown18To29,\r\n\r\n male30To54:\r\n GetMembershipsNWMSelectorData?.data?.male30To54 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.male30To54,\r\n female30To54:\r\n GetMembershipsNWMSelectorData?.data?.female30To54 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.female30To54,\r\n additionalIdentities30To54:\r\n GetMembershipsNWMSelectorData?.data?.additionalIdentities30To54 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.additionalIdentities30To54,\r\n unknown30To54:\r\n GetMembershipsNWMSelectorData?.data?.unknown30To54 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.unknown30To54,\r\n\r\n male55To64:\r\n GetMembershipsNWMSelectorData?.data?.male55To64 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.male55To64,\r\n female55To64:\r\n GetMembershipsNWMSelectorData?.data?.female55To64 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.female55To64,\r\n additionalIdentities55To64:\r\n GetMembershipsNWMSelectorData?.data?.additionalIdentities55To64 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.additionalIdentities55To64,\r\n unknown55To64:\r\n GetMembershipsNWMSelectorData?.data?.unknown55To64 === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.unknown55To64,\r\n\r\n male65Plus:\r\n GetMembershipsNWMSelectorData?.data?.male65Plus === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.male65Plus,\r\n female65Plus:\r\n GetMembershipsNWMSelectorData?.data?.female65Plus === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.female65Plus,\r\n additionalIdentities65Plus:\r\n GetMembershipsNWMSelectorData?.data?.additionalIdentities65Plus === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.additionalIdentities65Plus,\r\n unknown65Plus:\r\n GetMembershipsNWMSelectorData?.data?.unknown65Plus === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.unknown65Plus,\r\n\r\n maleUnknown:\r\n GetMembershipsNWMSelectorData?.data?.maleUnknown === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.maleUnknown,\r\n femaleUnknown:\r\n GetMembershipsNWMSelectorData?.data?.femaleUnknown === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.femaleUnknown,\r\n additionalIdentitiesUnknown:\r\n GetMembershipsNWMSelectorData?.data?.additionalIdentitiesUnknown === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.additionalIdentitiesUnknown,\r\n unknownUnknown:\r\n GetMembershipsNWMSelectorData?.data?.unknownUnknown === null\r\n ? 0\r\n : GetMembershipsNWMSelectorData?.data?.unknownUnknown,\r\n\r\n total1To5: '',\r\n total6To11: '',\r\n total12To17: '',\r\n total18To29: '',\r\n total30To54: '',\r\n total55To64: '',\r\n total65Plus: '',\r\n totalUnknownRow: '',\r\n totalMale: '',\r\n totalFemale: '',\r\n totalAdditionalIdentities: '',\r\n totalUnknown: '',\r\n totaltotal: '',\r\n crmradio: getCrmName ? '' : 'false',\r\n yourCrm: getCrmName ? '' : 'Other',\r\n crmname: ''\r\n };\r\n\r\n const handelGetCall = success => {\r\n setLoader(true);\r\n const associationsNum =\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', '0');\r\n handleGetMemberships(associationsNum).then(res => {\r\n if (res.status === 200) {\r\n const MembershipLocalData = res?.data?.data;\r\n setGetCrmName(res?.data?.data?.currentCRM);\r\n\r\n if (\r\n MembershipLocalData?.doNotOfferFacilityMemberships === false &&\r\n MembershipLocalData?.male1To5 === null &&\r\n MembershipLocalData?.female1To5 === null &&\r\n MembershipLocalData?.additionalIdentities1To5 === null &&\r\n MembershipLocalData?.unknown1To5 === null &&\r\n MembershipLocalData?.male6To11 === null &&\r\n MembershipLocalData?.female6To11 === null &&\r\n MembershipLocalData?.additionalIdentities6To11 === null &&\r\n MembershipLocalData?.unknown6To11 === null &&\r\n MembershipLocalData?.male12To17 === null &&\r\n MembershipLocalData?.female12To17 === null &&\r\n MembershipLocalData?.additionalIdentities12To17 === null &&\r\n MembershipLocalData?.unknown12To17 === null &&\r\n MembershipLocalData?.male18To29 === null &&\r\n MembershipLocalData?.female18To29 === null &&\r\n MembershipLocalData?.additionalIdentities18To29 === null &&\r\n MembershipLocalData?.unknown18To29 === null &&\r\n MembershipLocalData?.male30To54 === null &&\r\n MembershipLocalData?.female30To54 === null &&\r\n MembershipLocalData?.additionalIdentities30To54 === null &&\r\n MembershipLocalData?.unknown30To54 === null &&\r\n MembershipLocalData?.male55To64 === null &&\r\n MembershipLocalData?.female55To64 === null &&\r\n MembershipLocalData?.additionalIdentities55To64 === null &&\r\n MembershipLocalData?.unknown55To64 === null &&\r\n MembershipLocalData?.male65Plus === null &&\r\n MembershipLocalData?.female65Plus === null &&\r\n MembershipLocalData?.additionalIdentities65Plus === null &&\r\n MembershipLocalData?.unknown65Plus === null &&\r\n MembershipLocalData?.maleUnknown === null &&\r\n MembershipLocalData?.femaleUnknown === null &&\r\n MembershipLocalData?.additionalIdentitiesUnknown === null &&\r\n MembershipLocalData?.unknownUnknown === null &&\r\n MembershipLocalData?.crmradio === null &&\r\n MembershipLocalData?.crmname === null &&\r\n MembershipLocalData?.yourCrm === null\r\n ) {\r\n setShowEditNWMData(true);\r\n handleGetMembershipsNWM(associationsNum).then(resp => {\r\n if (resp.status === 200) {\r\n setSaveNwmData(true);\r\n\r\n setGetCrmName(resp?.data?.crmData?.crmname);\r\n if (resp?.data?.data === null) {\r\n setShowNotOfferMemberships(true);\r\n setShowEditNWMData(false);\r\n }\r\n setLoader(false);\r\n if (success) {\r\n setSuccessPopup(true);\r\n }\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n });\r\n } else if (MembershipLocalData.isNwmDataUsed === true) {\r\n setShowEditNWMData(true);\r\n } else {\r\n setShowNotOfferMemberships(true);\r\n }\r\n setLoader(false);\r\n if (success) {\r\n setSuccessPopup(true);\r\n }\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n formikref?.current?.resetForm();\r\n handelGetCall();\r\n handleToGetCrmProviderList()\r\n .then(res => {\r\n if (res?.data?.isSuccess) {\r\n setLoader(false);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n setErrorPopup(true);\r\n });\r\n setInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions')).members?.Instruction\r\n );\r\n setSubInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))['sub-members']\r\n ?.Instruction\r\n );\r\n }, []);\r\n\r\n const validationSchema = Yup.object({\r\n male1To5: Yup.string().nullable(),\r\n female1To5: Yup.string().nullable(),\r\n additionalIdentities1To5: Yup.string().nullable(),\r\n unknown1To5: Yup.string().nullable(),\r\n crmradio: Yup.string().nullable(),\r\n yourCrm: Yup.string().nullable(),\r\n crmname: Yup.string().nullable(),\r\n male6To11: Yup.string().nullable(),\r\n female6To11: Yup.string().nullable(),\r\n additionalIdentities6To11: Yup.string().nullable(),\r\n unknown6To11: Yup.string().nullable(),\r\n\r\n male12To17: Yup.string().nullable(),\r\n female12To17: Yup.string().nullable(),\r\n additionalIdentities12To17: Yup.string().nullable(),\r\n unknown12To17: Yup.string().nullable(),\r\n\r\n male18To29: Yup.string().nullable(),\r\n female18To29: Yup.string().nullable(),\r\n additionalIdentities18To29: Yup.string().nullable(),\r\n unknown18To29: Yup.string().nullable(),\r\n\r\n male30To54: Yup.string().nullable(),\r\n female30To54: Yup.string().nullable(),\r\n additionalIdentities30To54: Yup.string().nullable(),\r\n unknown30To54: Yup.string().nullable(),\r\n\r\n male55To64: Yup.string().nullable(),\r\n female55To64: Yup.string().nullable(),\r\n additionalIdentities55To64: Yup.string().nullable(),\r\n unknown55To64: Yup.string().nullable(),\r\n\r\n male65Plus: Yup.string().nullable(),\r\n female65Plus: Yup.string().nullable(),\r\n additionalIdentities65Plus: Yup.string().nullable(),\r\n unknown65Plus: Yup.string().nullable(),\r\n\r\n maleUnknown: Yup.string().nullable(),\r\n femaleUnknown: Yup.string().nullable(),\r\n additionalIdentitiesUnknown: Yup.string().nullable(),\r\n unknownUnknown: Yup.string().nullable()\r\n });\r\n\r\n const convertedValue = value => (value === 0 || value ? Number(value) : null);\r\n\r\n function handelTotalMembers(MembersValue) {\r\n let total =\r\n MembersValue?.male1To5 +\r\n MembersValue?.female1To5 +\r\n MembersValue?.additionalIdentities1To5 +\r\n MembersValue?.unknown1To5 +\r\n MembersValue?.male6To11 +\r\n MembersValue?.female6To11 +\r\n MembersValue?.additionalIdentities6To11 +\r\n MembersValue?.unknown6To11 +\r\n MembersValue?.male12To17 +\r\n MembersValue?.female12To17 +\r\n MembersValue?.additionalIdentities12To17 +\r\n MembersValue?.unknown12To17 +\r\n MembersValue?.male18To29 +\r\n MembersValue?.female18To29 +\r\n MembersValue?.additionalIdentities18To29 +\r\n MembersValue?.unknown18To29 +\r\n MembersValue?.male30To54 +\r\n MembersValue?.female30To54 +\r\n MembersValue?.additionalIdentities30To54 +\r\n MembersValue?.unknown30To54 +\r\n MembersValue?.male55To64 +\r\n MembersValue?.female55To64 +\r\n MembersValue?.additionalIdentities55To64 +\r\n MembersValue?.unknown55To64 +\r\n MembersValue?.male65Plus +\r\n MembersValue?.female65Plus +\r\n MembersValue?.additionalIdentities65Plus +\r\n MembersValue?.unknown65Plus +\r\n MembersValue?.maleUnknown +\r\n MembersValue?.femaleUnknown +\r\n MembersValue?.additionalIdentitiesUnknown +\r\n MembersValue?.unknownUnknown;\r\n\r\n if (selectedYear === '2022') {\r\n total -=\r\n MembersValue?.maleUnknown +\r\n MembersValue?.femaleUnknown +\r\n MembersValue?.additionalIdentitiesUnknown +\r\n MembersValue?.unknownUnknown;\r\n }\r\n\r\n return total;\r\n }\r\n\r\n const TotalMembers = handelTotalMembers(GetMembershipsSelectorData?.data);\r\n\r\n const TotalMembersDemographics =\r\n GetMemberDemographicsSelectorData?.data?.nativeAmericanAlaskanNative +\r\n GetMemberDemographicsSelectorData?.data?.asian +\r\n GetMemberDemographicsSelectorData?.data?.blackOrAfricanAmerican +\r\n GetMemberDemographicsSelectorData?.data?.hispanicLatino +\r\n GetMemberDemographicsSelectorData?.data?.middleEastNorthAfrican +\r\n GetMemberDemographicsSelectorData?.data?.nativeHawaiOtherPacificIslander +\r\n GetMemberDemographicsSelectorData?.data?.white +\r\n GetMemberDemographicsSelectorData?.data?.twoOrMoreRaces +\r\n GetMemberDemographicsSelectorData?.data?.other +\r\n GetMemberDemographicsSelectorData?.data?.additionalIdentities +\r\n GetMemberDemographicsSelectorData?.data?.unknown;\r\n\r\n const onSubmit = values => {\r\n setLoader(true);\r\n let payloadBody = {\r\n associationNumber: String(\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', '0')\r\n ),\r\n createdByName: GetMembershipsSelectorData?.data?.createdByName,\r\n createdByPersonId: GetMembershipsSelectorData?.data?.createdByPersonId,\r\n createdDatetime: GetMembershipsSelectorData?.data?.createdDatetime,\r\n year: sessionStorage.getItem('selectedBatchYear'),\r\n membershipId: GetMembershipsSelectorData?.data?.membershipId,\r\n reportBatchId: GetMembershipsSelectorData?.data?.reportBatchId,\r\n recordStatus: GetMemberDemographicsSelectorData?.data?.recordStatus,\r\n doNotOfferFacilityMemberships: values.doNotOfferFacilityMemberships,\r\n isNwmDataAvailable: values.isNwmDataAvailable,\r\n isNwmDataUsed: showEditNWMData,\r\n\r\n male1To5: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.male1To5),\r\n female1To5: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.female1To5),\r\n additionalIdentities1To5: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.additionalIdentities1To5),\r\n unknown1To5: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.unknown1To5),\r\n male6To11: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.male6To11),\r\n female6To11: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.female6To11),\r\n additionalIdentities6To11: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.additionalIdentities6To11),\r\n unknown6To11: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.unknown6To11),\r\n male12To17: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.male12To17),\r\n female12To17: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.female12To17),\r\n additionalIdentities12To17: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.additionalIdentities12To17),\r\n unknown12To17: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.unknown12To17),\r\n male18To29: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.male18To29),\r\n female18To29: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.female18To29),\r\n additionalIdentities18To29: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.additionalIdentities18To29),\r\n unknown18To29: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.unknown18To29),\r\n\r\n male30To54: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.male30To54),\r\n female30To54: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.female30To54),\r\n additionalIdentities30To54: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.additionalIdentities30To54),\r\n unknown30To54: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.unknown30To54),\r\n male55To64: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.male55To64),\r\n female55To64: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.female55To64),\r\n additionalIdentities55To64: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.additionalIdentities55To64),\r\n unknown55To64: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.unknown55To64),\r\n\r\n male65Plus: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.male65Plus),\r\n female65Plus: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.female65Plus),\r\n additionalIdentities65Plus: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.additionalIdentities65Plus),\r\n unknown65Plus: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.unknown65Plus),\r\n\r\n totalMembersDemographicsCount: TotalMembersDemographics\r\n };\r\n\r\n if (selectedYear !== '2022') {\r\n payloadBody = {\r\n ...payloadBody,\r\n maleUnknown: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.maleUnknown),\r\n femaleUnknown: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.femaleUnknown),\r\n additionalIdentitiesUnknown: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.additionalIdentitiesUnknown),\r\n unknownUnknown: values.doNotOfferFacilityMemberships\r\n ? null\r\n : convertedValue(values.unknownUnknown),\r\n crmradio: values?.crmradio?.toString() === 'true',\r\n yourCrm:\r\n values?.crmradio?.toString() === 'true' ? null : values?.yourCrm,\r\n crmname:\r\n values?.crmradio?.toString() === 'true' ? null : values?.crmname,\r\n currentCRM: getCrmName\r\n };\r\n } else {\r\n payloadBody = {\r\n ...payloadBody,\r\n maleUnknown: 0,\r\n femaleUnknown: 0,\r\n additionalIdentitiesUnknown: 0,\r\n unknownUnknown: 0,\r\n crmradio: null,\r\n yourCrm: null,\r\n crmname: null,\r\n currentCRM: getCrmName\r\n };\r\n }\r\n const totalMembers = handelTotalMembers(payloadBody);\r\n payloadBody = {\r\n ...payloadBody,\r\n totalMembersCount: totalMembers\r\n };\r\n setSuccessPopup(false);\r\n handlePostMemberships(payloadBody).then(res => {\r\n if (res.status === 200 && res?.data?.isSuccess) {\r\n setResStatus(res.data.data?.recordStatus);\r\n handleGetAnnualReportsDashboard(associationNumber, selectedYear).then(\r\n dashData => {\r\n dashData?.data?.data?.dashboardDTOs.forEach(record => {\r\n if (\r\n record.name === sectionName &&\r\n record.status === 'Completed' &&\r\n record.rating === null &&\r\n selectedYear >= '2023' &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD\r\n ) {\r\n setFeedbackPopup(true);\r\n setFormId(record?.formId);\r\n }\r\n });\r\n }\r\n );\r\n\r\n if (showEditNWMData) {\r\n setSaveNwmData(false);\r\n }\r\n if (res?.data?.data?.isNwmDataUsed === true) {\r\n setShowEditNWMData(true);\r\n }\r\n if (res?.data?.data?.isNwmDataUsed === false) {\r\n setShowNotOfferMemberships(true);\r\n setShowEditNWMData(false);\r\n }\r\n\r\n handelGetCall(true);\r\n sessionStorage.setItem('dirty', false);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n });\r\n };\r\n\r\n const handleChange = (e, setFieldValue, name) => {\r\n const result = e.target.value.replace(/\\D+/g, '');\r\n setFieldValue(name, result);\r\n };\r\n\r\n const handleShowHelp = () => {\r\n setHelp(true);\r\n };\r\n\r\n const hideShowHelp = () => {\r\n setHelp(false);\r\n };\r\n\r\n const scrollToErrors = errors => {\r\n const errorKeys = Object.keys(errors);\r\n if (errorKeys.length > 0) {\r\n document.getElementsByName(errorKeys[0])[0].focus();\r\n }\r\n };\r\n const handleCRMRadioYes = (e, setFieldValue) => {\r\n setFieldValue(e.target.name, 'true');\r\n };\r\n\r\n const handleCRMRadioNo = (e, setFieldValue) => {\r\n setFieldValue(e.target.name, 'false');\r\n };\r\n\r\n const totalCount = (\r\n value1 = 0,\r\n value2 = 0,\r\n value3 = 0,\r\n value4 = 0,\r\n value5 = 0,\r\n value6 = 0,\r\n value7 = 0,\r\n value8 = 0,\r\n value9 = 0,\r\n value10 = 0,\r\n value11 = 0,\r\n value12 = 0,\r\n value13 = 0,\r\n value14 = 0,\r\n value15 = 0,\r\n value16 = 0,\r\n value17 = 0,\r\n value18 = 0,\r\n value19 = 0,\r\n value20 = 0,\r\n value21 = 0,\r\n value22 = 0,\r\n value23 = 0,\r\n value24 = 0,\r\n value25 = 0,\r\n value26 = 0,\r\n value27 = 0,\r\n value28 = 0,\r\n value29 = 0,\r\n value30 = 0,\r\n value31 = 0,\r\n value32 = 0\r\n ) =>\r\n Number(value1) +\r\n Number(value2) +\r\n Number(value3) +\r\n Number(value4) +\r\n Number(value5) +\r\n Number(value6) +\r\n Number(value7) +\r\n Number(value8) +\r\n Number(value9) +\r\n Number(value10) +\r\n Number(value11) +\r\n Number(value12) +\r\n Number(value13) +\r\n Number(value14) +\r\n Number(value15) +\r\n Number(value16) +\r\n Number(value17) +\r\n Number(value18) +\r\n Number(value19) +\r\n Number(value20) +\r\n Number(value21) +\r\n Number(value22) +\r\n Number(value23) +\r\n Number(value24) +\r\n Number(value25) +\r\n Number(value26) +\r\n Number(value27) +\r\n Number(value28) +\r\n Number(value29) +\r\n Number(value30) +\r\n Number(value31) +\r\n Number(value32);\r\n\r\n return (\r\n \r\n
\r\n HELP{/* */}\r\n \r\n
\r\n
{APP_LABELS.INSTRUCTIONS} \r\n
\r\n
\r\n
\r\n
\r\n {({ values, setFieldValue, errors, touched, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n
\r\n {role !== APP_LABELS.YUSA_DATA_VIEWER &&\r\n role !== APP_LABELS.ALLIANCE_DATA_STEWARD && (\r\n scrollToErrors(errors)}\r\n disabled={\r\n status?.toUpperCase() === APP_LABELS.STATUS_SUBMITTED\r\n }\r\n >\r\n Save\r\n \r\n )}\r\n \r\n );\r\n }}\r\n \r\n\r\n {successPopup && {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n {help && \r\n
\r\n {`Please self-report your facility membership information below. If you do not offer facility memberships, please select the checkbox below and skip to the Program Members Section.`}\r\n \r\n
\r\n \r\n I do not offer facility memberships.\r\n \r\n
\r\n
\r\n {Number.isNaN(TotalMembersDemographics) === false &&\r\n Number.isNaN(membersTotal) === false &&\r\n membersTotal !== TotalMembersDemographics && (\r\n
\r\n * Total count of Facility Members and Facility Members Demographics\r\n must be equal.\r\n
\r\n )}\r\n
\r\n
\r\n HELP {/* */}\r\n \r\n
\r\n
{APP_LABELS.INSTRUCTIONS} \r\n
\r\n
\r\n
\r\n
\r\n {({ values, setFieldValue, errors, touched, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {successPopup && {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationsNum}\r\n formId={formId}\r\n />\r\n\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n {help && (\r\n \r\n
\r\n HELP{/* */}\r\n \r\n
\r\n
{APP_LABELS.INSTRUCTIONS} \r\n
\r\n
\r\n
\r\n
\r\n {({ values, setFieldValue, errors, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {successPopup && {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationsNum}\r\n formId={formId}\r\n />\r\n\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n {help && \r\n
\r\n HELP{/* */}\r\n \r\n
\r\n
{APP_LABELS.INSTRUCTIONS} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Total Enrollments \r\n \r\n \r\n \r\n Total Participants (Duplicated)\r\n \r\n \r\n Total Participants (Unduplicated)\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n {({ setFieldValue, errors, touched, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {successPopup && {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n\r\n {help && \r\n
\r\n HELP{/* */}\r\n \r\n
\r\n
\r\n
{APP_LABELS.INSTRUCTIONS} \r\n
\r\n
\r\n
\r\n
\r\n {GetVolunteersSelectorData?.data?.recordStatus?.toUpperCase() ===\r\n APP_LABELS.STATUS_PARTIAL &&
}\r\n
\r\n {({ values, setFieldValue, errors, touched, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n {help && \r\n
\r\n \r\n \r\n Facility Members \r\n Individual Donors \r\n Organizational Donors \r\n Unknown \r\n {/* Total */}\r\n \r\n \r\n \r\n \r\n \r\n {'How many donors are facility members?'}\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'totIndivdMembersMinOneDonation')\r\n }\r\n />\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'totOrgMembersMinOneDonation')\r\n }\r\n />\r\n \r\n \r\n \r\n handleChange(\r\n e,\r\n setFieldValue,\r\n 'totUnknownMembersMinOneDonation'\r\n )\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n How many facility members gave to your annual campaign?\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'totAnnualCampIndividDonors')\r\n }\r\n />\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'totAnnualCampOrgDonors')\r\n }\r\n />\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'totAnnualCampUnknownDonors')\r\n }\r\n />\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n Annual Campaign \r\n Individual Donors \r\n Organizational Donors \r\n Unknown \r\n \r\n \r\n \r\n \r\n \r\n {'How many donors gave to your annual campaign?'}\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'annualCampDonorsIndividual')\r\n }\r\n />\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'annualCampDonorsOrg')\r\n }\r\n />\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'annualCampDonorsUnknown')\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n How many donors are program members?\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'annualCampDonorsIndividPrgMem')\r\n }\r\n />\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'annualCampDonorsOrgPrgMem')\r\n }\r\n />\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'annualCampDonorsUnknownPrgMem')\r\n }\r\n />\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n Planned Giving \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n People in Planned Giving Society (e.g. Herigate Club)\r\n \r\n \r\n handleChange(e, setFieldValue, 'heritageClub')}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n How many were added this year? \r\n \r\n handleChange(e, setFieldValue, 'addedDonors')}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n How many donors are facility members? \r\n \r\n \r\n handleChange(e, setFieldValue, 'totIndivdMembersMinOneDonation')\r\n }\r\n />\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'totOrgMembersMinOneDonation')\r\n }\r\n />\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'totUnknownMembersMinOneDonation')\r\n }\r\n />\r\n \r\n \r\n);\r\n\r\nconst ProgramMembersField = (errors, touched, setFieldValue) => (\r\n \r\n How many donors are program members? \r\n \r\n \r\n handleChange(e, setFieldValue, 'annualCampDonorsIndividPrgMem')\r\n }\r\n />\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'annualCampDonorsOrgPrgMem')\r\n }\r\n />\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'annualCampDonorsUnknownPrgMem')\r\n }\r\n />\r\n \r\n \r\n);\r\n\r\nconst FirsttimeDonorsField = (errors, touched, setFieldValue) => (\r\n \r\n \r\n How many of your donors are first-time donors?\r\n \r\n \r\n handleChange(e, setFieldValue, 'firstTimeIndividDonors')}\r\n />\r\n \r\n \r\n handleChange(e, setFieldValue, 'firstTimeOrgDonors')}\r\n />\r\n \r\n \r\n handleChange(e, setFieldValue, 'firstTimeUnknownDonors')}\r\n />\r\n \r\n \r\n);\r\n\r\nconst DonorsElement = (errors, touched, setFieldValue) => (\r\n \r\n
\r\n \r\n \r\n Individual Donors \r\n Organizational Donors \r\n Unknown \r\n {/* Total */}\r\n \r\n \r\n \r\n {FacilityMembersField(errors, touched, setFieldValue)}\r\n {ProgramMembersField(errors, touched, setFieldValue)}\r\n {FirsttimeDonorsField(errors, touched, setFieldValue)}\r\n \r\n
\r\n
\r\n
\r\n HELP{/* */}\r\n \r\n
\r\n
\r\n
{APP_LABELS.INSTRUCTIONS} \r\n
\r\n
\r\n
\r\n
\r\n {GetDonorsSelectorData?.data?.recordStatus?.toUpperCase() ===\r\n APP_LABELS.STATUS_PARTIAL &&
}\r\n {selectedYear === '2022' ? (\r\n
\r\n {({ setFieldValue, errors, touched, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n ) : (\r\n \r\n {({ setFieldValue, errors, touched, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n )}\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n {help && \r\n
\r\n
\r\n
\r\n \r\n {\r\n onActive('Members');\r\n }}\r\n >\r\n Members\r\n \r\n \r\n \r\n {\r\n onActive('Members Demographics');\r\n }}\r\n >\r\n Members Demographics\r\n \r\n \r\n \r\n {\r\n onActive('Program Members');\r\n }}\r\n >\r\n Program Members\r\n \r\n \r\n \r\n {\r\n onActive('Program Enrollments');\r\n }}\r\n >\r\n Program Enrollments\r\n \r\n \r\n \r\n {\r\n onActive('Volunteers');\r\n }}\r\n >\r\n Volunteers\r\n \r\n \r\n \r\n {\r\n onActive('Donors');\r\n }}\r\n >\r\n Donors\r\n \r\n \r\n \r\n \r\n
\r\n {activeTab === 'Members' && (\r\n \r\n {activeTab === 'Members Demographics' && (\r\n \r\n
\r\n {activeTab === 'Program Members' && (\r\n \r\n
\r\n {activeTab === 'Program Enrollments' && (\r\n \r\n {activeTab === 'Volunteers' && (\r\n \r\n {activeTab === 'Donors' && (\r\n \r\n
\r\n HELP{/* */}\r\n \r\n
\r\n {({ values, errors, dirty, setFieldValue }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n\r\n {help && (\r\n \r\n
\r\n HELP{/* */}\r\n \r\n {({ dirty, errors }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {successPopup && {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n\r\n {help && (\r\n \r\n
\r\n HELP{/* */}\r\n \r\n {({ dirty, errors }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {successPopup && {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n\r\n {help && (\r\n \r\n
\r\n HELP{/* */}\r\n \r\n {({ dirty, errors, setFieldValue, values }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {successPopup && {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n {help && \r\n
{}}\r\n onClick={handleShowHelp}\r\n tabIndex=\"0\"\r\n >\r\n HELP{/* */}\r\n \r\n {({ dirty, errors }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {successPopup && {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n\r\n {help && (\r\n \r\n
\r\n HELP{/* */}\r\n \r\n {({ values, dirty, errors }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {successPopup && {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n\r\n {help && (\r\n \r\n
\r\n HELP{/* */}\r\n \r\n {({ dirty, errors, setFieldValue }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {successPopup && {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n\r\n {help && \r\n
\r\n
\r\n
\r\n \r\n {\r\n onActive('Organizational Commitment');\r\n }}\r\n >\r\n Organizational Commitment\r\n \r\n \r\n \r\n {\r\n onActive('Membership: Know Your Community');\r\n }}\r\n >\r\n Membership: Know Your Community\r\n \r\n \r\n \r\n {\r\n onActive('Leadership/Staff Development');\r\n }}\r\n >\r\n Leadership / Staff Development\r\n \r\n \r\n \r\n {\r\n onActive('Program Innovation');\r\n }}\r\n >\r\n Program Innovation\r\n \r\n \r\n \r\n {\r\n onActive('Strategic Relationships');\r\n }}\r\n >\r\n Strategic Relationships\r\n \r\n \r\n \r\n {\r\n onActive('Resource Mobilization');\r\n }}\r\n >\r\n Resource Mobilization\r\n \r\n \r\n \r\n {\r\n onActive('Brand Visibility');\r\n }}\r\n >\r\n Brand Visibility\r\n \r\n \r\n \r\n \r\n
\r\n {activeTab === 'Organizational Commitment' && (\r\n \r\n
\r\n {activeTab === 'Leadership/Staff Development' && (\r\n \r\n
\r\n {activeTab === 'Program Innovation' && (\r\n \r\n {activeTab === 'Strategic Relationships' && (\r\n \r\n {activeTab === 'Resource Mobilization' && (\r\n \r\n {activeTab === 'Brand Visibility' && (\r\n \r\n {({ values, setFieldValue, dirty, setValues }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n \r\n );\r\n};\r\n\r\nNonProfitOrg.propTypes = {\r\n handleGetARCollabNonProfitOrg: PropTypes.func.isRequired,\r\n handlePostARCollabNonProfitOrgApi: PropTypes.func.isRequired,\r\n setLoader: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedAsso: PropTypes.string.isRequired,\r\n selectedBranch: PropTypes.string.isRequired,\r\n setSuccessPopup: PropTypes.func.isRequired,\r\n setErrorPopup: PropTypes.func.isRequired,\r\n setErrorMessage: PropTypes.func.isRequired,\r\n status: PropTypes.objectOf(PropTypes.any).isRequired,\r\n role: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handleGetAnnualReportsDashboard: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedbranchName: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetARCollabNonProfitOrg: getAnnualReportCollabNonProfitOrgApi,\r\n handlePostARCollabNonProfitOrgApi: PostAnnualReportCollabNonProfitOrgApi,\r\n handleGetAnnualReportsDashboard: getAnnualReportsDashboardOverviewData\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n CollabNonProfitOrgData: CollabNonProfitOrgSelector(state),\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(NonProfitOrg));\r\n","/* eslint-disable no-unused-expressions */\r\nimport React, { useEffect, useState, useRef } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport get from 'lodash.get';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport {\r\n getAnnualReportCollabEduOrgApi,\r\n PostAnnualReportCollabEduOrgApi\r\n} from '@redux/annual-report-collaboration/actions';\r\nimport { Formik, Form } from 'formik';\r\nimport { CollabEducationOrgSelector } from '@redux/annual-report-collaboration/selectors';\r\nimport { getAnnualReportsDashboardOverviewData } from '@redux/annualReport-overview/actions';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport LastUpdateName from '../last-update-name';\r\nimport FeedbackModal from '../../../../../utilities/feedback-modal';\r\n\r\nconst EducationalOrg = props => {\r\n const {\r\n handleGetARCollabEduOrgApi,\r\n setLoader,\r\n handlePostARCollabEduOrgApi,\r\n selectedAsso,\r\n selectedBranch,\r\n setSuccessPopup,\r\n setErrorPopup,\r\n setErrorMessage,\r\n status,\r\n role,\r\n handleGetAnnualReportsDashboard,\r\n LoginUserData,\r\n selectedbranchName\r\n } = props;\r\n\r\n const selectedYear = sessionStorage.getItem('selectedBatchYear');\r\n const sectionName = 'Collaborations';\r\n\r\n const [instructions, setInstructions] = useState('');\r\n const [initialValues, setInitialValues] = useState({});\r\n const [feedbackPopup, setFeedbackPopup] = useState(false);\r\n const [formId, setFormId] = useState();\r\n const formikref = useRef();\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n\r\n const associationNumber =\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', 0);\r\n\r\n useEffect(() => {\r\n setInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.[\r\n 'educational-organizations'\r\n ]?.Instruction\r\n );\r\n }, []);\r\n\r\n const fieldsObj = [\r\n {\r\n name: 'Alternate High Schools',\r\n ProgramOrservice: 'alternateHighSchoolsProgramOrservice',\r\n SharedFacility: 'alternateHighSchoolsSharedFacility',\r\n SharedStaff: 'alternateHighSchoolsSharedStaff',\r\n JointEvent: 'alternateHighSchoolsJointEvent',\r\n PolicyAdvocacy: 'alternateHighSchoolsPolicyAdvocacy',\r\n Other: 'alternateHighSchoolsOther',\r\n OtherDescription: 'alternateHighSchoolsOtherDescription'\r\n },\r\n {\r\n name: 'Charter School',\r\n ProgramOrservice: 'charterSchoolProgramOrservice',\r\n SharedFacility: 'charterSchoolSharedFacility',\r\n SharedStaff: 'charterSchoolSharedStaff',\r\n JointEvent: 'charterSchoolJointEvent',\r\n PolicyAdvocacy: 'charterSchoolPolicyAdvocacy',\r\n Other: 'charterSchoolOther',\r\n OtherDescription: 'charterSchoolOtherDescription'\r\n },\r\n {\r\n name: 'College/University',\r\n ProgramOrservice: 'collegeUniversityProgramOrservice',\r\n SharedFacility: 'collegeUniversitySharedFacility',\r\n SharedStaff: 'collegeUniversitySharedStaff',\r\n JointEvent: 'collegeUniversityJointEvent',\r\n PolicyAdvocacy: 'collegeUniversityPolicyAdvocacy',\r\n Other: 'collegeUniversityOther',\r\n OtherDescription: 'collegeUniversityOtherDescription'\r\n },\r\n {\r\n name: 'Community College',\r\n ProgramOrservice: 'communityCollegeProgramOrservice',\r\n SharedFacility: 'communityCollegeSharedFacility',\r\n SharedStaff: 'communityCollegeSharedStaff',\r\n JointEvent: 'communityCollegeJointEvent',\r\n PolicyAdvocacy: 'communityCollegePolicyAdvocacy',\r\n Other: 'communityCollegeOther',\r\n OtherDescription: 'communityCollegeOtherDescription'\r\n },\r\n\r\n {\r\n name: 'Early Childhood Centers (not school-based)',\r\n ProgramOrservice: 'earlyChildhoodCentersProgramOrservice',\r\n SharedFacility: 'earlyChildhoodCentersSharedFacility',\r\n SharedStaff: 'earlyChildhoodCentersSharedStaff',\r\n JointEvent: 'earlyChildhoodCentersJointEvent',\r\n PolicyAdvocacy: 'earlyChildhoodCentersPolicyAdvocacy',\r\n Other: 'earlyChildhoodCentersOther',\r\n OtherDescription: 'earlyChildhoodCentersOtherDescription'\r\n },\r\n\r\n {\r\n name: 'Elementary School',\r\n ProgramOrservice: 'elementarySchoolProgramOrservice',\r\n SharedFacility: 'elementarySchoolSharedFacility',\r\n SharedStaff: 'elementarySchoolSharedStaff',\r\n JointEvent: 'elementarySchoolJointEvent',\r\n PolicyAdvocacy: 'elementarySchoolPolicyAdvocacy',\r\n Other: 'elementarySchoolOther',\r\n OtherDescription: 'elementarySchoolOtherDescription'\r\n },\r\n {\r\n name: 'High Schools',\r\n ProgramOrservice: 'highSchoolProgramOrservice',\r\n SharedFacility: 'highSchoolSharedFacility',\r\n SharedStaff: 'highSchoolSharedStaff',\r\n JointEvent: 'highSchoolJointEvent',\r\n PolicyAdvocacy: 'highSchoolPolicyAdvocacy',\r\n Other: 'highSchoolOther',\r\n OtherDescription: 'highSchoolOtherDescription'\r\n },\r\n\r\n {\r\n name: 'Home School Programs',\r\n ProgramOrservice: 'homeSchoolProgramsProgramOrservice',\r\n SharedFacility: 'homeSchoolProgramsSharedFacility',\r\n SharedStaff: 'homeSchoolProgramsSharedStaff',\r\n JointEvent: 'homeSchoolProgramsJointEvent',\r\n PolicyAdvocacy: 'homeSchoolProgramsPolicyAdvocacy',\r\n Other: 'homeSchoolProgramsOther',\r\n OtherDescription: 'homeSchoolProgramsOtherDescription'\r\n },\r\n\r\n {\r\n name: 'Middle School/Junior High',\r\n ProgramOrservice: 'midSchoolJuniorHighProgramOrservice',\r\n SharedFacility: 'midSchoolJuniorHighSharedFacility',\r\n SharedStaff: 'midSchoolJuniorHighSharedStaff',\r\n JointEvent: 'midSchoolJuniorHighJointEvent',\r\n PolicyAdvocacy: 'midSchoolJuniorHighPolicyAdvocacy',\r\n Other: 'midSchoolJuniorHighOther',\r\n OtherDescription: 'midSchoolJuniorHighOtherDescription'\r\n },\r\n\r\n {\r\n name: 'Preschools (not school-based)',\r\n ProgramOrservice: 'preschoolsProgramOrservice',\r\n SharedFacility: 'preschoolsSharedFacility',\r\n SharedStaff: 'preschoolsSharedStaff',\r\n JointEvent: 'preschoolsJointEvent',\r\n PolicyAdvocacy: 'preschoolsPolicyAdvocacy',\r\n Other: 'preschoolsOther',\r\n OtherDescription: 'preschoolsOtherDescription'\r\n },\r\n\r\n {\r\n name: 'School District(e.g. K-12)',\r\n ProgramOrservice: 'schoolDistrictProgramOrservice',\r\n SharedFacility: 'schoolDistrictSharedFacility',\r\n SharedStaff: 'schoolDistrictSharedStaff',\r\n JointEvent: 'schoolDistrictJointEvent',\r\n PolicyAdvocacy: 'schoolDistrictPolicyAdvocacy',\r\n Other: 'schoolDistrictOther',\r\n OtherDescription: 'schoolDistrictOtherDescription'\r\n }\r\n ];\r\n\r\n const getARCollabEduOrgApi = () => {\r\n if (selectedAsso && selectedBranch) {\r\n setLoader(true);\r\n handleGetARCollabEduOrgApi(selectedAsso, selectedBranch).then(res => {\r\n if (res?.data?.isSuccess) {\r\n setInitialValues(res?.data?.data);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n getARCollabEduOrgApi();\r\n formikref?.current?.resetForm();\r\n }, [selectedAsso, selectedBranch]);\r\n\r\n const handleChange = (e, setFieldValue, name) => {\r\n setFieldValue(name, e.target.value);\r\n };\r\n\r\n const handleOtherFieldChange = (e, setFieldValue, name, discribeName) => {\r\n setFieldValue(name, e.target.checked);\r\n if (!e.target.checked) {\r\n setFieldValue(discribeName, '');\r\n }\r\n };\r\n\r\n const onSubmit = values => {\r\n setSuccessPopup(false);\r\n setLoader(true);\r\n const data = { ...values };\r\n data.branchNumber = selectedBranch;\r\n data.branchName = selectedbranchName;\r\n handlePostARCollabEduOrgApi(data).then(res => {\r\n if (res?.data?.isSuccess) {\r\n handleGetAnnualReportsDashboard(associationNumber, selectedYear).then(\r\n dashData => {\r\n dashData?.data?.data?.dashboardDTOs.forEach(record => {\r\n if (\r\n record.name === sectionName &&\r\n record.status === 'Completed' &&\r\n record.rating === null &&\r\n selectedYear >= '2023' &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD\r\n ) {\r\n setFeedbackPopup(true);\r\n setFormId(record?.formId);\r\n }\r\n });\r\n }\r\n );\r\n setSuccessPopup(true);\r\n getARCollabEduOrgApi();\r\n } else {\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const handleNonofTheAbove = (allValues, value, setValues) => {\r\n const updateData = { ...allValues };\r\n fieldsObj.forEach(data => {\r\n Object.keys(data).forEach(key => {\r\n if (key !== 'name' && key !== 'OtherDescription') {\r\n updateData[data[key]] = false;\r\n }\r\n if (key === 'OtherDescription') {\r\n updateData[data[key]] = '';\r\n }\r\n });\r\n });\r\n if (value) {\r\n updateData.noneOfTheOrganizations = true;\r\n } else {\r\n updateData.noneOfTheOrganizations = false;\r\n }\r\n\r\n setValues(updateData);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {({ values, setFieldValue, dirty, setValues }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n \r\n );\r\n};\r\n\r\nEducationalOrg.propTypes = {\r\n handleGetARCollabEduOrgApi: PropTypes.func.isRequired,\r\n handlePostARCollabEduOrgApi: PropTypes.func.isRequired,\r\n setLoader: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedAsso: PropTypes.string.isRequired,\r\n selectedBranch: PropTypes.string.isRequired,\r\n setSuccessPopup: PropTypes.func.isRequired,\r\n setErrorPopup: PropTypes.func.isRequired,\r\n setErrorMessage: PropTypes.func.isRequired,\r\n status: PropTypes.objectOf(PropTypes.any).isRequired,\r\n role: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handleGetAnnualReportsDashboard: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedbranchName: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetARCollabEduOrgApi: getAnnualReportCollabEduOrgApi,\r\n handlePostARCollabEduOrgApi: PostAnnualReportCollabEduOrgApi,\r\n handleGetAnnualReportsDashboard: getAnnualReportsDashboardOverviewData\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n CollabEducationOrgData: CollabEducationOrgSelector(state),\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(EducationalOrg));\r\n","/* eslint-disable no-unused-expressions */\r\nimport React, { useEffect, useState, useRef } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport get from 'lodash.get';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport {\r\n getAnnualReportCollabGovtOrgApi,\r\n PostAnnualReportCollabGovtOrgApi\r\n} from '@redux/annual-report-collaboration/actions';\r\nimport { Formik, Form } from 'formik';\r\nimport { CollabGovtOrgAndAffiliatesSelector } from '@redux/annual-report-collaboration/selectors';\r\nimport { getAnnualReportsDashboardOverviewData } from '@redux/annualReport-overview/actions';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport LastUpdateName from '../last-update-name';\r\nimport FeedbackModal from '../../../../../utilities/feedback-modal';\r\n\r\nconst GovtOrgAffiliates = props => {\r\n const {\r\n handleGetARCollabGovtOrgApi,\r\n setLoader,\r\n handlePostARCollabGovtOrgApi,\r\n selectedAsso,\r\n selectedBranch,\r\n setSuccessPopup,\r\n setErrorPopup,\r\n setErrorMessage,\r\n status,\r\n role,\r\n handleGetAnnualReportsDashboard,\r\n LoginUserData,\r\n selectedbranchName\r\n } = props;\r\n\r\n const selectedYear = sessionStorage.getItem('selectedBatchYear');\r\n const sectionName = 'Collaborations';\r\n\r\n const [initialValues, setInitialValues] = useState({});\r\n const [feedbackPopup, setFeedbackPopup] = useState(false);\r\n const [formId, setFormId] = useState();\r\n\r\n const formikref = useRef();\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n\r\n const associationNumber =\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', 0);\r\n\r\n const fieldsObj = [\r\n {\r\n name: 'Area Agency on Aging',\r\n ProgramOrservice: 'areaAgencyAgingProgramOrservice',\r\n SharedFacility: 'areaAgencyAgingSharedFacility',\r\n SharedStaff: 'areaAgencyAgingSharedStaff',\r\n JointEvent: 'areaAgencyAgingJointEvent',\r\n PolicyAdvocacy: 'areaAgencyAgingPolicyAdvocacy',\r\n Other: 'areaAgencyAgingOther',\r\n OtherDescription: 'areaAgencyAgingOtherDescription'\r\n },\r\n {\r\n name: 'Government Agencies - County',\r\n ProgramOrservice: 'govtAgencyCountyProgramOrservice',\r\n SharedFacility: 'govtAgencyCountySharedFacility',\r\n SharedStaff: 'govtAgencyCountySharedStaff',\r\n JointEvent: 'govtAgencyCountyJointEvent',\r\n PolicyAdvocacy: 'govtAgencyCountyPolicyAdvocacy',\r\n Other: 'govtAgencyCountyOther',\r\n OtherDescription: 'govtAgencyCountyOtherDescription'\r\n },\r\n {\r\n name: 'Government Agencies - Federal',\r\n ProgramOrservice: 'govtAgencyFedaralProgramOrservice',\r\n SharedFacility: 'govtAgencyFedaralSharedFacility',\r\n SharedStaff: 'govtAgencyFedaralSharedStaff',\r\n JointEvent: 'govtAgencyFedaralJointEvent',\r\n PolicyAdvocacy: 'govtAgencyFedaralPolicyAdvocacy',\r\n Other: 'govtAgencyFedaralOther',\r\n OtherDescription: 'govtAgencyFedaralOtherDescription'\r\n },\r\n {\r\n name: 'Government Agencies - Local',\r\n ProgramOrservice: 'govtAgencyLocalProgramOrservice',\r\n SharedFacility: 'govtAgencyLocalSharedFacility',\r\n SharedStaff: 'govtAgencyLocalSharedStaff',\r\n JointEvent: 'govtAgencyLocalJointEvent',\r\n PolicyAdvocacy: 'govtAgencyLocalPolicyAdvocacy',\r\n Other: 'govtAgencyLocalOther',\r\n OtherDescription: 'govtAgencyLocalOtherDescription'\r\n },\r\n {\r\n name: 'Government Agencies - State',\r\n ProgramOrservice: 'govtAgencyStateProgramOrservice',\r\n SharedFacility: 'govtAgencyStateSharedFacility',\r\n SharedStaff: 'govtAgencyStateSharedStaff',\r\n JointEvent: 'govtAgencyStateJointEvent',\r\n PolicyAdvocacy: 'govtAgencyStatePolicyAdvocacy',\r\n Other: 'govtAgencyStateOther',\r\n OtherDescription: 'govtAgencyStateOtherDescription'\r\n },\r\n {\r\n name: 'Juvenile Court',\r\n ProgramOrservice: 'juvenileCourtProgramOrservice',\r\n SharedFacility: 'juvenileCourtSharedFacility',\r\n SharedStaff: 'juvenileCourtSharedStaff',\r\n JointEvent: 'juvenileCourtJointEvent',\r\n PolicyAdvocacy: 'juvenileCourtPolicyAdvocacy',\r\n Other: 'juvenileCourtOther',\r\n OtherDescription: 'juvenileCourtOtherDescription'\r\n },\r\n {\r\n name: 'Military or Armed Forces',\r\n ProgramOrservice: 'militaryArmedForceProgramOrservice',\r\n SharedFacility: 'militaryArmedForceSharedFacility',\r\n SharedStaff: 'militaryArmedForceSharedStaff',\r\n JointEvent: 'militaryArmedForceJointEvent',\r\n PolicyAdvocacy: 'militaryArmedForcePolicyAdvocacy',\r\n Other: 'militaryArmedForceOther',\r\n OtherDescription: 'militaryArmedForceOtherDescription'\r\n },\r\n {\r\n name: 'Park & Rec (County or Municipal)',\r\n ProgramOrservice: 'parksRecProgramOrservice',\r\n SharedFacility: 'parksRecSharedFacility',\r\n SharedStaff: 'parksRecSharedStaff',\r\n JointEvent: 'parksRecJointEvent',\r\n PolicyAdvocacy: 'parksRecPolicyAdvocacy',\r\n Other: 'parksRecOther',\r\n OtherDescription: 'parksRecOtherDescription'\r\n },\r\n {\r\n name: 'Public Health Dep (County or Municipal)',\r\n ProgramOrservice: 'publicHealthDeptProgramOrservice',\r\n SharedFacility: 'publicHealthDeptSharedFacility',\r\n SharedStaff: 'publicHealthDeptSharedStaff',\r\n JointEvent: 'publicHealthDeptJointEvent',\r\n PolicyAdvocacy: 'publicHealthDeptPolicyAdvocacy',\r\n Other: 'publicHealthDeptOther',\r\n OtherDescription: 'publicHealthDeptOtherDescription'\r\n },\r\n {\r\n name: 'Veterans Administration',\r\n ProgramOrservice: 'vetaranAdminProgramOrservice',\r\n SharedFacility: 'vetaranAdminSharedFacility',\r\n SharedStaff: 'vetaranAdminSharedStaff',\r\n JointEvent: 'vetaranAdminJointEvent',\r\n PolicyAdvocacy: 'vetaranAdminPolicyAdvocacy',\r\n Other: 'vetaranAdminOther',\r\n OtherDescription: 'vetaranAdminOtherDescription'\r\n }\r\n ];\r\n\r\n const [instructions, setInstructions] = useState('');\r\n\r\n useEffect(() => {\r\n setInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.[\r\n 'government-organizations-and-their-affiliates'\r\n ]?.Instruction\r\n );\r\n }, []);\r\n\r\n const getARCollabGovtOrgApi = () => {\r\n if (selectedAsso && selectedBranch) {\r\n setLoader(true);\r\n handleGetARCollabGovtOrgApi(selectedAsso, selectedBranch).then(res => {\r\n if (res?.data?.isSuccess) {\r\n setInitialValues(res?.data?.data);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n getARCollabGovtOrgApi();\r\n formikref?.current?.resetForm();\r\n }, [selectedAsso, selectedBranch]);\r\n\r\n const handleChange = (e, setFieldValue, name) => {\r\n setFieldValue(name, e.target.value);\r\n };\r\n\r\n const handleOtherFieldChange = (e, setFieldValue, name, discribeName) => {\r\n setFieldValue(name, e.target.checked);\r\n if (!e.target.checked) {\r\n setFieldValue(discribeName, '');\r\n }\r\n };\r\n\r\n const onSubmit = values => {\r\n setSuccessPopup(false);\r\n setLoader(true);\r\n const data = { ...values };\r\n data.branchNumber = selectedBranch;\r\n data.branchName = selectedbranchName;\r\n handlePostARCollabGovtOrgApi(data).then(res => {\r\n if (res?.data?.isSuccess) {\r\n handleGetAnnualReportsDashboard(associationNumber, selectedYear).then(\r\n dashData => {\r\n dashData?.data?.data?.dashboardDTOs.forEach(record => {\r\n if (\r\n record.name === sectionName &&\r\n record.status === 'Completed' &&\r\n record.rating === null &&\r\n selectedYear >= '2023' &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD\r\n ) {\r\n setFeedbackPopup(true);\r\n setFormId(record?.formId);\r\n }\r\n });\r\n }\r\n );\r\n setSuccessPopup(true);\r\n getARCollabGovtOrgApi();\r\n } else {\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const handleNonofTheAbove = (allValues, value, setValues) => {\r\n const updateData = { ...allValues };\r\n fieldsObj.forEach(data => {\r\n Object.keys(data).forEach(key => {\r\n if (key !== 'name' && key !== 'OtherDescription') {\r\n updateData[data[key]] = false;\r\n }\r\n if (key === 'OtherDescription') {\r\n updateData[data[key]] = '';\r\n }\r\n });\r\n });\r\n if (value) {\r\n updateData.noneOfTheOrganizations = true;\r\n } else {\r\n updateData.noneOfTheOrganizations = false;\r\n }\r\n\r\n setValues(updateData);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {({ values, setFieldValue, dirty, setValues }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n \r\n );\r\n};\r\n\r\nGovtOrgAffiliates.propTypes = {\r\n handleGetARCollabGovtOrgApi: PropTypes.func.isRequired,\r\n handlePostARCollabGovtOrgApi: PropTypes.func.isRequired,\r\n setLoader: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedAsso: PropTypes.string.isRequired,\r\n selectedBranch: PropTypes.string.isRequired,\r\n setSuccessPopup: PropTypes.func.isRequired,\r\n setErrorPopup: PropTypes.func.isRequired,\r\n setErrorMessage: PropTypes.func.isRequired,\r\n status: PropTypes.objectOf(PropTypes.any).isRequired,\r\n role: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handleGetAnnualReportsDashboard: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedbranchName: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetARCollabGovtOrgApi: getAnnualReportCollabGovtOrgApi,\r\n handlePostARCollabGovtOrgApi: PostAnnualReportCollabGovtOrgApi,\r\n handleGetAnnualReportsDashboard: getAnnualReportsDashboardOverviewData\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n CollabGovtOrgData: CollabGovtOrgAndAffiliatesSelector(state),\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(GovtOrgAffiliates));\r\n","/* eslint-disable no-unused-expressions */\r\nimport React, { useEffect, useState, useRef } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport get from 'lodash.get';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport {\r\n getAnnualReportCollabOtherCommunityOrgApi,\r\n PostAnnualReportCollabOtherCommunityOrgApi\r\n} from '@redux/annual-report-collaboration/actions';\r\nimport { Formik, Form } from 'formik';\r\nimport { CollabOtherCommunityOrgSelector } from '@redux/annual-report-collaboration/selectors';\r\nimport { getAnnualReportsDashboardOverviewData } from '@redux/annualReport-overview/actions';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport LastUpdateName from '../last-update-name';\r\nimport FeedbackModal from '../../../../../utilities/feedback-modal';\r\n\r\nconst OtherCommunityOrg = props => {\r\n const {\r\n handleGetARCollabOtherCommunityOrgApi,\r\n setLoader,\r\n handlePostARCollabOtherCommunityOrgApi,\r\n selectedAsso,\r\n selectedBranch,\r\n setSuccessPopup,\r\n setErrorPopup,\r\n setErrorMessage,\r\n status,\r\n role,\r\n handleGetAnnualReportsDashboard,\r\n LoginUserData,\r\n selectedbranchName\r\n } = props;\r\n\r\n const selectedYear = sessionStorage.getItem('selectedBatchYear');\r\n const sectionName = 'Collaborations';\r\n\r\n const formikref = useRef();\r\n const [initialValues, setInitialValues] = useState({});\r\n const [feedbackPopup, setFeedbackPopup] = useState(false);\r\n const [formId, setFormId] = useState();\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n const associationNumber =\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', 0);\r\n\r\n const fieldsObj = [\r\n {\r\n name: 'Active aging community',\r\n ProgramOrservice: 'activeAgingCommunityProgramOrservice',\r\n SharedFacility: 'activeAgingCommunitySharedFacility',\r\n SharedStaff: 'activeAgingCommunitySharedStaff',\r\n JointEvent: 'activeAgingCommunityJointEvent',\r\n PolicyAdvocacy: 'activeAgingCommunityPolicyAdvocacy',\r\n Other: 'activeAgingCommunityOther',\r\n OtherDescription: 'activeAgingCommunityOtherDescription'\r\n },\r\n {\r\n name: 'Community Health and Wellness Coalition',\r\n ProgramOrservice: 'communityHealthProgramOrservice',\r\n SharedFacility: 'communityHealthSharedFacility',\r\n SharedStaff: 'communityHealthSharedStaff',\r\n JointEvent: 'communityHealthJointEvent',\r\n PolicyAdvocacy: 'communityHealthPolicyAdvocacy',\r\n Other: 'communityHealthOther',\r\n OtherDescription: 'communityHealthOtherDescription'\r\n },\r\n {\r\n name: 'Community Health Centers/ FQHCs',\r\n ProgramOrservice: 'communityHealthCentersProgramOrservice',\r\n SharedFacility: 'communityHealthCentersSharedFacility',\r\n SharedStaff: 'communityHealthCentersSharedStaff',\r\n JointEvent: 'communityHealthCentersJointEvent',\r\n PolicyAdvocacy: 'communityHealthCentersPolicyAdvocacy',\r\n Other: 'communityHealthCentersOther',\r\n OtherDescription: 'communityHealthCentersOtherDescription'\r\n },\r\n {\r\n name: 'County/State Medical Societies',\r\n ProgramOrservice: 'countyStateMedicalProgramOrservice',\r\n SharedFacility: 'countyStateMedicalSharedFacility',\r\n SharedStaff: 'countyStateMedicalSharedStaff',\r\n JointEvent: 'countyStateMedicalJointEvent',\r\n PolicyAdvocacy: 'countyStateMedicalPolicyAdvocacy',\r\n Other: 'countyStateMedicalOther',\r\n OtherDescription: 'countyStateMedicalOtherDescription'\r\n },\r\n {\r\n name: 'Health Care Provider Groups',\r\n ProgramOrservice: 'healthCareProviderProgramOrservice',\r\n SharedFacility: 'healthCareProviderSharedFacility',\r\n SharedStaff: 'healthCareProviderSharedStaff',\r\n JointEvent: 'healthCareProviderJointEvent',\r\n PolicyAdvocacy: 'healthCareProviderPolicyAdvocacy',\r\n Other: 'healthCareProviderOther',\r\n OtherDescription: 'healthCareProviderOtherDescription'\r\n },\r\n {\r\n name: 'Hospital',\r\n ProgramOrservice: 'hospitalProgramOrservice',\r\n SharedFacility: 'hospitalSharedFacility',\r\n SharedStaff: 'hospitalSharedStaff',\r\n JointEvent: 'hospitalJointEvent',\r\n PolicyAdvocacy: 'hospitalPolicyAdvocacy',\r\n Other: 'hospitalOther',\r\n OtherDescription: 'hospitalOtherDescription'\r\n },\r\n {\r\n name: 'House of Worship (ex: church, temple, mosque)',\r\n ProgramOrservice: 'houseOfWorshipProgramOrservice',\r\n SharedFacility: 'houseOfWorshipSharedFacility',\r\n SharedStaff: 'houseOfWorshipSharedStaff',\r\n JointEvent: 'houseOfWorshipJointEvent',\r\n PolicyAdvocacy: 'houseOfWorshipPolicyAdvocacy',\r\n Other: 'houseOfWorshipOther',\r\n OtherDescription: 'houseOfWorshipOtherDescription'\r\n },\r\n {\r\n name: 'Library',\r\n ProgramOrservice: 'libraryProgramOrservice',\r\n SharedFacility: 'librarySharedFacility',\r\n SharedStaff: 'librarySharedStaff',\r\n JointEvent: 'libraryJointEvent',\r\n PolicyAdvocacy: 'libraryPolicyAdvocacy',\r\n Other: 'libraryOther',\r\n OtherDescription: 'libraryOtherDescription'\r\n },\r\n {\r\n name: 'Local Payor',\r\n ProgramOrservice: 'localPayorProgramOrservice',\r\n SharedFacility: 'localPayorSharedFacility',\r\n SharedStaff: 'localPayorSharedStaff',\r\n JointEvent: 'localPayorJointEvent',\r\n PolicyAdvocacy: 'localPayorPolicyAdvocacy',\r\n Other: 'localPayorOther',\r\n OtherDescription: 'localPayorOtherDescription'\r\n },\r\n {\r\n name: 'Local Senior Centers',\r\n ProgramOrservice: 'localSeniorCentersProgramOrservice',\r\n SharedFacility: 'localSeniorCentersSharedFacility',\r\n SharedStaff: 'localSeniorCentersSharedStaff',\r\n JointEvent: 'localSeniorCentersJointEvent',\r\n PolicyAdvocacy: 'localSeniorCentersPolicyAdvocacy',\r\n Other: 'localSeniorCentersOther',\r\n OtherDescription: 'localSeniorCentersOtherDescription'\r\n },\r\n {\r\n name: 'Museum',\r\n ProgramOrservice: 'museumProgramOrservice',\r\n SharedFacility: 'museumSharedFacility',\r\n SharedStaff: 'museumSharedStaff',\r\n JointEvent: 'museumJointEvent',\r\n PolicyAdvocacy: 'museumPolicyAdvocacy',\r\n Other: 'museumOther',\r\n OtherDescription: 'museumOtherDescription'\r\n },\r\n {\r\n name: 'Neighborhood Association',\r\n ProgramOrservice: 'neighborhoodAssociationProgramOrservice',\r\n SharedFacility: 'neighborhoodAssociationSharedFacility',\r\n SharedStaff: 'neighborhoodAssociationSharedStaff',\r\n JointEvent: 'neighborhoodAssociationJointEvent',\r\n PolicyAdvocacy: 'neighborhoodAssociationPolicyAdvocacy',\r\n Other: 'neighborhoodAssociationOther',\r\n OtherDescription: 'neighborhoodAssociationOtherDescription'\r\n },\r\n {\r\n name: 'Patnerships with their local Area Agency on aging',\r\n ProgramOrservice: 'agencyOnAgingProgramOrservice',\r\n SharedFacility: 'agencyOnAgingSharedFacility',\r\n SharedStaff: 'agencyOnAgingSharedStaff',\r\n JointEvent: 'agencyOnAgingJointEvent',\r\n PolicyAdvocacy: 'agencyOnAgingPolicyAdvocacy',\r\n Other: 'agencyOnAgingOther',\r\n OtherDescription: 'agencyOnAgingOtherDescription'\r\n },\r\n {\r\n name: 'Public Housing',\r\n ProgramOrservice: 'publicHousingProgramOrservice',\r\n SharedFacility: 'publicHousingSharedFacility',\r\n SharedStaff: 'publicHousingSharedStaff',\r\n JointEvent: 'publicHousingJointEvent',\r\n PolicyAdvocacy: 'publicHousingPolicyAdvocacy',\r\n Other: 'publicHousingOther',\r\n OtherDescription: 'publicHousingOtherDescription'\r\n },\r\n {\r\n name: 'Retirement/Nursing Home',\r\n ProgramOrservice: 'retirementNursingHomeProgramOrservice',\r\n SharedFacility: 'retirementNursingHomeSharedFacility',\r\n SharedStaff: 'retirementNursingHomeSharedStaff',\r\n JointEvent: 'retirementNursingHomeJointEvent',\r\n PolicyAdvocacy: 'retirementNursingHomePolicyAdvocacy',\r\n Other: 'retirementNursingHomeOther',\r\n OtherDescription: 'retirementNursingHomeOtherDescription'\r\n },\r\n {\r\n name: 'Theater',\r\n ProgramOrservice: 'theaterProgramOrservice',\r\n SharedFacility: 'theaterSharedFacility',\r\n SharedStaff: 'theaterSharedStaff',\r\n JointEvent: 'theaterJointEvent',\r\n PolicyAdvocacy: 'theaterPolicyAdvocacy',\r\n Other: 'theaterOther',\r\n OtherDescription: 'theaterOtherDescription'\r\n }\r\n ];\r\n\r\n const getAROtherCommunityOrg = () => {\r\n if (selectedAsso && selectedBranch) {\r\n setLoader(true);\r\n handleGetARCollabOtherCommunityOrgApi(selectedAsso, selectedBranch).then(\r\n res => {\r\n if (res?.data?.isSuccess) {\r\n setInitialValues(res?.data?.data);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n }\r\n );\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n getAROtherCommunityOrg();\r\n formikref?.current?.resetForm();\r\n }, [selectedAsso, selectedBranch]);\r\n const [instructions, setInstructions] = useState('');\r\n useEffect(() => {\r\n setInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.[\r\n 'other-community-organizations'\r\n ]?.Instruction\r\n );\r\n }, []);\r\n\r\n const handleChange = (e, setFieldValue, name) => {\r\n setFieldValue(name, e.target.value);\r\n };\r\n\r\n const handleOtherFieldChange = (e, setFieldValue, name, discribeName) => {\r\n setFieldValue(name, e.target.checked);\r\n if (!e.target.checked) {\r\n setFieldValue(discribeName, '');\r\n }\r\n };\r\n\r\n const onSubmit = values => {\r\n setSuccessPopup(false);\r\n setLoader(true);\r\n const data = { ...values };\r\n data.branchNumber = selectedBranch;\r\n data.branchName = selectedbranchName;\r\n handlePostARCollabOtherCommunityOrgApi(data).then(res => {\r\n if (res?.data?.isSuccess) {\r\n handleGetAnnualReportsDashboard(associationNumber, selectedYear).then(\r\n dashData => {\r\n dashData?.data?.data?.dashboardDTOs.forEach(record => {\r\n if (\r\n record.name === sectionName &&\r\n record.status === 'Completed' &&\r\n record.rating === null &&\r\n selectedYear >= '2023' &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD\r\n ) {\r\n setFeedbackPopup(true);\r\n setFormId(record?.formId);\r\n }\r\n });\r\n }\r\n );\r\n setSuccessPopup(true);\r\n getAROtherCommunityOrg();\r\n } else {\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const handleNonofTheAbove = (allValues, value, setValues) => {\r\n const updateData = { ...allValues };\r\n fieldsObj.forEach(data => {\r\n Object.keys(data).forEach(key => {\r\n if (key !== 'name' && key !== 'OtherDescription') {\r\n updateData[data[key]] = false;\r\n }\r\n if (key === 'OtherDescription') {\r\n updateData[data[key]] = '';\r\n }\r\n });\r\n });\r\n if (value) {\r\n updateData.noneOfTheOrganizations = true;\r\n } else {\r\n updateData.noneOfTheOrganizations = false;\r\n }\r\n\r\n setValues(updateData);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {({ values, setFieldValue, dirty, setValues }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n \r\n );\r\n};\r\n\r\nOtherCommunityOrg.propTypes = {\r\n handleGetARCollabOtherCommunityOrgApi: PropTypes.func.isRequired,\r\n handlePostARCollabOtherCommunityOrgApi: PropTypes.func.isRequired,\r\n setLoader: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedAsso: PropTypes.string.isRequired,\r\n selectedBranch: PropTypes.string.isRequired,\r\n setSuccessPopup: PropTypes.func.isRequired,\r\n setErrorPopup: PropTypes.func.isRequired,\r\n setErrorMessage: PropTypes.func.isRequired,\r\n status: PropTypes.objectOf(PropTypes.any).isRequired,\r\n role: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handleGetAnnualReportsDashboard: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedbranchName: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetARCollabOtherCommunityOrgApi:\r\n getAnnualReportCollabOtherCommunityOrgApi,\r\n handlePostARCollabOtherCommunityOrgApi:\r\n PostAnnualReportCollabOtherCommunityOrgApi,\r\n handleGetAnnualReportsDashboard: getAnnualReportsDashboardOverviewData\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n CollabOtherCommunityOrgApi: CollabOtherCommunityOrgSelector(state),\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(OtherCommunityOrg));\r\n","/* eslint-disable no-unused-expressions */\r\nimport React, { useEffect, useState, useRef } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport get from 'lodash.get';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport {\r\n getAnnualReportCollabPrivateOrgApi,\r\n PostAnnualReportCollabPrivateOrgApi\r\n} from '@redux/annual-report-collaboration/actions';\r\nimport { Formik, Form } from 'formik';\r\nimport { CollabPrivateOrgAndBusinessesSelector } from '@redux/annual-report-collaboration/selectors';\r\nimport { getAnnualReportsDashboardOverviewData } from '@redux/annualReport-overview/actions';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport LastUpdateName from '../last-update-name';\r\nimport FeedbackModal from '../../../../../utilities/feedback-modal';\r\n\r\nconst PrivateOrgBusiness = props => {\r\n const {\r\n handleGetARCollabPrivateOrgApi,\r\n setLoader,\r\n handlePostARCollabPrivateOrgApi,\r\n selectedAsso,\r\n selectedBranch,\r\n setSuccessPopup,\r\n setErrorPopup,\r\n setErrorMessage,\r\n status,\r\n role,\r\n handleGetAnnualReportsDashboard,\r\n LoginUserData,\r\n selectedbranchName\r\n } = props;\r\n\r\n const selectedYear = sessionStorage.getItem('selectedBatchYear');\r\n const sectionName = 'Collaborations';\r\n\r\n const formikref = useRef();\r\n const [initialValues, setInitialValues] = useState({});\r\n const [feedbackPopup, setFeedbackPopup] = useState(false);\r\n const [formId, setFormId] = useState();\r\n const fieldsObj = [\r\n {\r\n name: 'Restaurant',\r\n ProgramOrservice: 'restaurantProgramOrservice',\r\n SharedFacility: 'restaurantSharedFacility',\r\n SharedStaff: 'restaurantSharedStaff',\r\n JointEvent: 'restaurantJointEvent',\r\n PolicyAdvocacy: 'restaurantPolicyAdvocacy',\r\n Other: 'restaurantOther',\r\n OtherDescription: 'restaurantOtherDescription'\r\n },\r\n {\r\n name: 'Corporation',\r\n ProgramOrservice: 'corporationProgramOrservice',\r\n SharedFacility: 'corporationSharedFacility',\r\n SharedStaff: 'corporationSharedStaff',\r\n JointEvent: 'corporationJointEvent',\r\n PolicyAdvocacy: 'corporationPolicyAdvocacy',\r\n Other: 'corporationOther',\r\n OtherDescription: 'corporationOtherDescription'\r\n },\r\n {\r\n name: 'Weight Loss Program/Service',\r\n ProgramOrservice: 'weightLossServiceProgramOrservice',\r\n SharedFacility: 'weightLossServiceSharedFacility',\r\n SharedStaff: 'weightLossServiceSharedStaff',\r\n JointEvent: 'weightLossServiceJointEvent',\r\n PolicyAdvocacy: 'weightLossServicePolicyAdvocacy',\r\n Other: 'weightLossServiceOther',\r\n OtherDescription: 'weightLossServiceOtherDescription'\r\n }\r\n ];\r\n\r\n const [instructions, setInstructions] = useState('');\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n\r\n const associationNumber =\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', 0);\r\n\r\n useEffect(() => {\r\n setInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.[\r\n 'private-organizations-and-businesses'\r\n ]?.Instruction\r\n );\r\n }, []);\r\n\r\n const getARCollabPrivateOrg = () => {\r\n if (selectedAsso && selectedBranch) {\r\n setLoader(true);\r\n handleGetARCollabPrivateOrgApi(selectedAsso, selectedBranch).then(res => {\r\n if (res?.data?.isSuccess) {\r\n setInitialValues(res?.data?.data);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n });\r\n }\r\n };\r\n useEffect(() => {\r\n getARCollabPrivateOrg();\r\n formikref?.current?.resetForm();\r\n }, [selectedAsso, selectedBranch]);\r\n\r\n const handleChange = (e, setFieldValue, name) => {\r\n setFieldValue(name, e.target.value);\r\n };\r\n\r\n const handleOtherFieldChange = (e, setFieldValue, name, discribeName) => {\r\n setFieldValue(name, e.target.checked);\r\n if (!e.target.checked) {\r\n setFieldValue(discribeName, '');\r\n }\r\n };\r\n\r\n const onSubmit = values => {\r\n setSuccessPopup(false);\r\n setLoader(true);\r\n const data = { ...values };\r\n data.branchNumber = selectedBranch;\r\n data.branchName = selectedbranchName;\r\n handlePostARCollabPrivateOrgApi(data).then(res => {\r\n if (res?.data?.isSuccess) {\r\n handleGetAnnualReportsDashboard(associationNumber, selectedYear).then(\r\n dashData => {\r\n dashData?.data?.data?.dashboardDTOs.forEach(record => {\r\n if (\r\n record.name === sectionName &&\r\n record.status === 'Completed' &&\r\n record.rating === null &&\r\n selectedYear >= '2023' &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD\r\n ) {\r\n setFeedbackPopup(true);\r\n setFormId(record?.formId);\r\n }\r\n });\r\n }\r\n );\r\n setSuccessPopup(true);\r\n getARCollabPrivateOrg();\r\n } else {\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const handleNonofTheAbove = (allValues, value, setValues) => {\r\n const updateData = { ...allValues };\r\n fieldsObj.forEach(data => {\r\n Object.keys(data).forEach(key => {\r\n if (key !== 'name' && key !== 'OtherDescription') {\r\n updateData[data[key]] = false;\r\n }\r\n if (key === 'OtherDescription') {\r\n updateData[data[key]] = '';\r\n }\r\n });\r\n });\r\n if (value) {\r\n updateData.noneOfTheOrganizations = true;\r\n } else {\r\n updateData.noneOfTheOrganizations = false;\r\n }\r\n\r\n setValues(updateData);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {({ values, setFieldValue, dirty, setValues }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n \r\n );\r\n};\r\n\r\nPrivateOrgBusiness.propTypes = {\r\n handleGetARCollabPrivateOrgApi: PropTypes.func.isRequired,\r\n handlePostARCollabPrivateOrgApi: PropTypes.func.isRequired,\r\n setLoader: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedAsso: PropTypes.string.isRequired,\r\n selectedBranch: PropTypes.string.isRequired,\r\n setSuccessPopup: PropTypes.func.isRequired,\r\n setErrorPopup: PropTypes.func.isRequired,\r\n setErrorMessage: PropTypes.func.isRequired,\r\n status: PropTypes.objectOf(PropTypes.any).isRequired,\r\n role: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handleGetAnnualReportsDashboard: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedbranchName: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetARCollabPrivateOrgApi: getAnnualReportCollabPrivateOrgApi,\r\n handlePostARCollabPrivateOrgApi: PostAnnualReportCollabPrivateOrgApi,\r\n handleGetAnnualReportsDashboard: getAnnualReportsDashboardOverviewData\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n CollabPrivateOrgApiData: CollabPrivateOrgAndBusinessesSelector(state),\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(PrivateOrgBusiness));\r\n","/* eslint-disable no-unused-expressions */\r\nimport React, { useEffect, useState, useRef } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport get from 'lodash.get';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport {\r\n getAnnualReportCollabAmongYsApi,\r\n PostAnnualReportCollabAmongYsApi\r\n} from '@redux/annual-report-collaboration/actions';\r\nimport { Formik, Form } from 'formik';\r\nimport { CollabAmongYsSelector } from '@redux/annual-report-collaboration/selectors';\r\nimport { getAnnualReportsDashboardOverviewData } from '@redux/annualReport-overview/actions';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport LastUpdateName from '../last-update-name';\r\nimport FeedbackModal from '../../../../../utilities/feedback-modal';\r\n\r\nconst CollaborationAmoungYs = props => {\r\n const {\r\n handleGetARCollabAmongYsApi,\r\n setLoader,\r\n handlePostARCollabAmongYsApi,\r\n selectedAsso,\r\n selectedBranch,\r\n setSuccessPopup,\r\n setErrorPopup,\r\n setErrorMesssage,\r\n status,\r\n role,\r\n handleGetAnnualReportsDashboard,\r\n LoginUserData,\r\n selectedbranchName\r\n } = props;\r\n\r\n const selectedYear = sessionStorage.getItem('selectedBatchYear');\r\n const sectionName = 'Collaborations';\r\n\r\n const [initialValues, setInitialValues] = useState({});\r\n const [feedbackPopup, setFeedbackPopup] = useState(false);\r\n const [formId, setFormId] = useState();\r\n const formikref = useRef();\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n const associationNumber =\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', 0);\r\n\r\n const fieldsObj = [\r\n {\r\n key: 'Our Y Staff or volunteers meet with staff from other Ys to share knowledge',\r\n value: 'meetWithStaffOtherYsToShareKnowledge'\r\n },\r\n {\r\n key: 'We share facilities or equipment',\r\n value: 'sharedFacilityEquipment'\r\n },\r\n {\r\n key: 'We jointly deliver a program',\r\n value: 'deliverProgram'\r\n },\r\n {\r\n key: 'We jointly research and/or plan for how to meet community needs',\r\n value: 'researchAndPlanNeed'\r\n },\r\n {\r\n key: 'We partner for media space/time',\r\n value: 'mediaSpaceTime'\r\n },\r\n {\r\n key: 'We share an office system(s) or function(s)',\r\n value: 'officeSystem'\r\n },\r\n {\r\n key: 'We Share a staff or volunteer person',\r\n value: 'staffVolunteerPerson'\r\n },\r\n {\r\n key: 'We plan and coordinate for fundraising',\r\n value: 'coordinateForFundraising'\r\n },\r\n {\r\n key: 'We have a formal written agreement for shared leadership',\r\n value: 'agreementSharedLeadership'\r\n },\r\n {\r\n key: 'We have a formal written agreement for shared services',\r\n value: 'agreementSharedService'\r\n },\r\n {\r\n key: 'We are assessing potential for merging',\r\n value: 'assessingPotentialForMerging'\r\n }\r\n ];\r\n const [instructions, setInstructions] = useState('');\r\n useEffect(() => {\r\n setInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.[\r\n 'collaborations-among-ys'\r\n ]?.Instruction\r\n );\r\n }, []);\r\n const getARCollabAmongYs = () => {\r\n if (selectedAsso && selectedBranch) {\r\n setLoader(true);\r\n handleGetARCollabAmongYsApi(selectedAsso, selectedBranch).then(res => {\r\n if (res?.data?.isSuccess) {\r\n setInitialValues(res?.data?.data);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorMesssage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n getARCollabAmongYs();\r\n formikref?.current?.resetForm();\r\n }, [selectedAsso, selectedBranch]);\r\n\r\n const onSubmit = values => {\r\n const checkValidation = fieldsObj.filter(\r\n element =>\r\n (values[element.Other] && !values[element.OtherDescription]) || false\r\n );\r\n if (checkValidation.length === 0 || values.noneOfTheOrganizations) {\r\n setSuccessPopup(false);\r\n setLoader(true);\r\n const data = { ...values };\r\n data.branchNumber = selectedBranch;\r\n data.branchName = selectedbranchName;\r\n handlePostARCollabAmongYsApi(data).then(res => {\r\n if (res?.data?.isSuccess) {\r\n handleGetAnnualReportsDashboard(associationNumber, selectedYear).then(\r\n dashData => {\r\n dashData?.data?.data?.dashboardDTOs.forEach(record => {\r\n if (\r\n record.name === sectionName &&\r\n record.status === 'Completed' &&\r\n record.rating === null &&\r\n selectedYear >= '2023' &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD\r\n ) {\r\n setFeedbackPopup(true);\r\n setFormId(record?.formId);\r\n }\r\n });\r\n }\r\n );\r\n setSuccessPopup(true);\r\n getARCollabAmongYs();\r\n } else {\r\n setErrorMesssage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n setLoader(false);\r\n });\r\n }\r\n };\r\n\r\n const handleNonofTheAbove = (allValues, value, setValues) => {\r\n const updateData = { ...allValues };\r\n fieldsObj.forEach(data => {\r\n Object.keys(data).forEach(key => {\r\n if (key === 'value') {\r\n updateData[data[key]] = false;\r\n }\r\n });\r\n });\r\n if (value) {\r\n updateData.noneOfTheOrganizations = true;\r\n } else {\r\n updateData.noneOfTheOrganizations = false;\r\n }\r\n\r\n setValues(updateData);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {({ values, setFieldValue, dirty, setValues }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n \r\n );\r\n};\r\n\r\nCollaborationAmoungYs.propTypes = {\r\n handleGetARCollabAmongYsApi: PropTypes.func.isRequired,\r\n handlePostARCollabAmongYsApi: PropTypes.func.isRequired,\r\n setLoader: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedAsso: PropTypes.string.isRequired,\r\n selectedBranch: PropTypes.string.isRequired,\r\n setSuccessPopup: PropTypes.func.isRequired,\r\n setErrorPopup: PropTypes.func.isRequired,\r\n setErrorMesssage: PropTypes.func.isRequired,\r\n status: PropTypes.objectOf(PropTypes.any).isRequired,\r\n role: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handleGetAnnualReportsDashboard: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedbranchName: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetARCollabAmongYsApi: getAnnualReportCollabAmongYsApi,\r\n handlePostARCollabAmongYsApi: PostAnnualReportCollabAmongYsApi,\r\n handleGetAnnualReportsDashboard: getAnnualReportsDashboardOverviewData\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n CollabAmongYsData: CollabAmongYsSelector(state),\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(CollaborationAmoungYs));\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport SuccessToaster from '@modules/shared/components/reusable-components/success-toaster';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport Help from '@modules/shared/components/reusable-components/help';\r\nimport helpicon from '@static/images/caretdoubleright.svg';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport NonProfitOrg from './01-non-profit-org';\r\nimport EducationalOrg from './02-educational-org';\r\nimport GovtOrgAffiliates from './03-govt-org-affiliates';\r\nimport OtherCommunityOrg from './04-other-community-org';\r\nimport PrivateOrgBusiness from './05-private-org-business';\r\nimport CollaborationAmoungYs from './06-collaboration-amoung-ys';\r\n\r\nconst BranchTabs = props => {\r\n const {\r\n setLoader,\r\n selectedAsso,\r\n selectedBranch,\r\n status,\r\n role,\r\n selectedbranchName\r\n } = props;\r\n\r\n const [activeTab, setActiveTab] = useState(\r\n 'Other Not-for-Profit Organizations'\r\n );\r\n\r\n const [successPopup, setSuccessPopup] = useState(false);\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n const [help, setHelp] = useState(false);\r\n const [keyValue, setKeyValue] = useState('');\r\n const [showPopup, setShowPopup] = useState(false);\r\n const [currentTab, setCurrentTab] = useState('');\r\n const [lastActiveTab, setLastActiveTab] = useState('');\r\n\r\n const handleShowHelp = () => {\r\n setHelp(true);\r\n };\r\n\r\n const hideShowHelp = () => {\r\n setHelp(false);\r\n };\r\n\r\n const onActive = value => {\r\n if (value !== activeTab && sessionStorage.getItem('dirty') === 'true') {\r\n setShowPopup(true);\r\n } else {\r\n setActiveTab(value);\r\n }\r\n setCurrentTab(value);\r\n setLastActiveTab(activeTab);\r\n };\r\n\r\n const handleOk = () => {\r\n setActiveTab(currentTab);\r\n setShowPopup(false);\r\n };\r\n\r\n const handleCancel = () => {\r\n const activetab = lastActiveTab;\r\n document.getElementById(activetab).click();\r\n setActiveTab(activetab);\r\n setShowPopup(false);\r\n };\r\n\r\n useEffect(() => {\r\n if (activeTab === 'Other Not-for-Profit Organizations') {\r\n setKeyValue('other-not-for-profit-organizations');\r\n } else if (activeTab === 'Educational Organizations') {\r\n setKeyValue('educational-organizations');\r\n } else if (activeTab === 'Government Organizations & Their Affiliates') {\r\n setKeyValue('government-organizations-and-their-affiliates');\r\n } else if (activeTab === 'Other Community Organizations') {\r\n setKeyValue('other-community-organizations');\r\n } else if (activeTab === 'Private Organizations and Businesses') {\r\n setKeyValue('private-organizations-and-businesses');\r\n } else if (activeTab === 'Collabrations Among YS') {\r\n setKeyValue('collaborations-among-ys');\r\n }\r\n }, [activeTab]);\r\n\r\n return (\r\n \r\n
\r\n HELP{/* */}\r\n \r\n
\r\n \r\n {\r\n onActive('Other Not-for-Profit Organizations');\r\n }}\r\n >\r\n Other Not-for-Profit Organizations\r\n \r\n \r\n \r\n {\r\n onActive('Educational Organizations');\r\n }}\r\n >\r\n Educational Organizations\r\n \r\n \r\n \r\n {\r\n onActive('Government Organizations & Their Affiliates');\r\n }}\r\n >\r\n Government Organizations & Their Affiliates\r\n \r\n \r\n \r\n {\r\n onActive('Other Community Organizations');\r\n }}\r\n >\r\n Other Community Organizations\r\n \r\n \r\n \r\n {\r\n onActive('Private Organizations and Businesses');\r\n }}\r\n >\r\n Private Organizations and Businesses\r\n \r\n \r\n \r\n {\r\n onActive('Collabrations Among YS');\r\n }}\r\n >\r\n Collaborations Among Ys\r\n \r\n \r\n \r\n \r\n
\r\n {activeTab === 'Other Not-for-Profit Organizations' && (\r\n \r\n {activeTab === 'Educational Organizations' && (\r\n \r\n {activeTab === 'Government Organizations & Their Affiliates' && (\r\n \r\n {activeTab === 'Other Community Organizations' && (\r\n \r\n {activeTab === 'Private Organizations and Businesses' && (\r\n \r\n {activeTab === 'Collabrations Among YS' && (\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n {successPopup && \r\n
\r\n HELP{/* */}\r\n \r\n
\r\n
\r\n
\r\n This is a Branch Level Section:\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_ASSOCIATION_DETAIL}\r\n \r\n \r\n
\r\n
\r\n
\r\n {({ values, dirty, errors }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n \r\n );\r\n};\r\n\r\nProgramActivitiesTab.propTypes = {\r\n handleGetProgramActivities: PropTypes.func.isRequired,\r\n handleProgramActivities: PropTypes.func.isRequired,\r\n GetProgramActivitiesSelectorData: PropTypes.objectOf(PropTypes.any)\r\n .isRequired,\r\n setLoader: PropTypes.func.isRequired,\r\n selectedAsso: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedBranch: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedBranchName: PropTypes.objectOf(PropTypes.any).isRequired,\r\n setErrorPopup: PropTypes.func.isRequired,\r\n setErrorMessage: PropTypes.func.isRequired,\r\n status: PropTypes.objectOf(PropTypes.any).isRequired,\r\n role: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handleGetAnnualReportsDashboard: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleProgramActivities: programActivities,\r\n handleGetProgramActivities: getProgramActivities,\r\n handleGetAnnualReportsDashboard: getAnnualReportsDashboardOverviewData\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n GetProgramActivitiesSelectorData: GetProgramActivitiesSelector(state),\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(ProgramActivitiesTab));\r\n","import {\r\n ANNUAL_REPORT_GET_HOUSING,\r\n ANNUAL_REPORT_HOUSING\r\n} from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getHousing =\r\n (AssociationNumber, BranchNumber) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: ANNUAL_REPORT_GET_HOUSING(AssociationNumber, BranchNumber),\r\n successAction: data => ({\r\n type: types.HOUSING_GET_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.HOUSING_GET_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\nexport const housing = bodyObject => (dispatch, getState) =>\r\n asyncRequest({\r\n url: ANNUAL_REPORT_HOUSING(),\r\n method: 'POST',\r\n data: bodyObject,\r\n successAction: data => ({\r\n type: types.HOUSING_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.HOUSING_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","export const GetHousingSelector = ({ housing: { GetHousing } }) => GetHousing;\r\nexport const HousingSelector = ({ housing: { Housing } }) => Housing;\r\n","/* eslint-disable no-unused-expressions */\r\n/* eslint-disable no-nested-ternary */\r\nimport React, { useEffect, useState, useRef } from 'react';\r\nimport { Formik, Form, Field, ErrorMessage } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport get from 'lodash.get';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport { getHousing, housing } from '@redux/program-activities/housing/actions';\r\nimport { connect } from 'react-redux';\r\nimport { GetHousingSelector } from '@redux/program-activities/housing/selectors';\r\nimport PropTypes from 'prop-types';\r\nimport SuccessToaster from '@modules/shared/components/reusable-components/success-toaster';\r\nimport { getAnnualReportsDashboardOverviewData } from '@redux/annualReport-overview/actions';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\n\r\nimport TextError from '@modules/shared/components/reusable-components/text-error';\r\nimport PartialSaveWarningPopup from '@modules/shared/components/reusable-components/partial-save-popup';\r\nimport LastUpdateName from '../last-update-name';\r\nimport FeedbackModal from '../../../../../utilities/feedback-modal';\r\n\r\nconst maxLength = 9;\r\n\r\nconst handleChange = (e, setFieldValue, name) => {\r\n const result = e.target.value.replace(/\\D+/g, '');\r\n setFieldValue(name, result);\r\n};\r\n\r\nconst checkValue = values => values === 'false' || values === 'null';\r\n\r\nconst getHotelServiceClassName = values => {\r\n if (checkValue(values)) {\r\n return 'ymca-field ymca-fieldDisabled';\r\n }\r\n return 'ymca-field';\r\n};\r\n\r\nconst HotelFieldRow = (values, setFieldValue) => (\r\n \r\n \r\n Hotel\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n handleChange(e, setFieldValue, 'totNoBedsHotel')}\r\n value={\r\n values.didHotelServiceOfferedin2022 === 'false'\r\n ? ''\r\n : values.totNoBedsHotel\r\n }\r\n disabled={checkValue(values.didHotelServiceOfferedin2022)}\r\n />\r\n \r\n \r\n handleChange(e, setFieldValue, 'totNoOfUnitsHotel')}\r\n value={\r\n values.didHotelServiceOfferedin2022 === 'false'\r\n ? ''\r\n : values.totNoOfUnitsHotel\r\n }\r\n disabled={checkValue(values.didHotelServiceOfferedin2022)}\r\n />\r\n \r\n \r\n handleChange(e, setFieldValue, 'totNoOfResidentsHotel')}\r\n value={\r\n values.didHotelServiceOfferedin2022 === 'false'\r\n ? ''\r\n : values.totNoOfResidentsHotel\r\n }\r\n disabled={checkValue(values.didHotelServiceOfferedin2022)}\r\n />\r\n \r\n \r\n);\r\n\r\nconst AffordableHousingRow = (values, setFieldValue) => (\r\n \r\n \r\n Affordable Housing Including SRO\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n handleChange(e, setFieldValue, 'totNoBedsHousingSros')}\r\n value={\r\n values.didHousingSrosServiceOfferedin2022 === 'false'\r\n ? ''\r\n : values.totNoBedsHousingSros\r\n }\r\n disabled={checkValue(values.didHousingSrosServiceOfferedin2022)}\r\n />\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'totNoOfUnitsHousingSros')\r\n }\r\n value={\r\n values.didHousingSrosServiceOfferedin2022 === 'false'\r\n ? ''\r\n : values.totNoOfUnitsHousingSros\r\n }\r\n disabled={checkValue(values.didHousingSrosServiceOfferedin2022)}\r\n />\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'totNoOfResidentsHousingSros')\r\n }\r\n value={\r\n values.didHousingSrosServiceOfferedin2022 === 'false'\r\n ? ''\r\n : values.totNoOfResidentsHousingSros\r\n }\r\n disabled={checkValue(values.didHousingSrosServiceOfferedin2022)}\r\n />\r\n \r\n \r\n);\r\n\r\nconst HomelessnessRow = (values, setFieldValue) => (\r\n \r\n \r\n Units for those facing homelessnes\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n handleChange(e, setFieldValue, 'totNoBedsHomelessUnits')}\r\n value={\r\n values.didHomelessnessUnitsServiceOfferedin2022 === 'false'\r\n ? ''\r\n : values.totNoBedsHomelessUnits\r\n }\r\n disabled={checkValue(values.didHomelessnessUnitsServiceOfferedin2022)}\r\n />\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'totNoOfUnitsHomelessUnits')\r\n }\r\n value={\r\n values.didHomelessnessUnitsServiceOfferedin2022 === 'false'\r\n ? ''\r\n : values.totNoOfUnitsHomelessUnits\r\n }\r\n disabled={checkValue(values.didHomelessnessUnitsServiceOfferedin2022)}\r\n />\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'totNoOfResidentsHomelessUnits')\r\n }\r\n value={\r\n values.didHomelessnessUnitsServiceOfferedin2022 === 'false'\r\n ? ''\r\n : values.totNoOfResidentsHomelessUnits\r\n }\r\n disabled={checkValue(values.didHomelessnessUnitsServiceOfferedin2022)}\r\n />\r\n \r\n \r\n);\r\n\r\nconst ClinicalServiceRow = (values, setFieldValue) => (\r\n \r\n \r\n Units for those receiving rehabilitation or clinical service\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n handleChange(e, setFieldValue, 'totNoBedsRehabUnitsClinicalServices')\r\n }\r\n value={\r\n values.didRehabUnitsClinicalServicesServiceOfferedin2022 === 'false'\r\n ? ''\r\n : values.totNoBedsRehabUnitsClinicalServices\r\n }\r\n disabled={checkValue(\r\n values.didRehabUnitsClinicalServicesServiceOfferedin2022\r\n )}\r\n />\r\n \r\n \r\n \r\n handleChange(\r\n e,\r\n setFieldValue,\r\n 'totNoOfUnitsRehabUnitsClinicalServices'\r\n )\r\n }\r\n value={\r\n values.didRehabUnitsClinicalServicesServiceOfferedin2022 === 'false'\r\n ? ''\r\n : values.totNoOfUnitsRehabUnitsClinicalServices\r\n }\r\n disabled={checkValue(\r\n values.didRehabUnitsClinicalServicesServiceOfferedin2022\r\n )}\r\n />\r\n \r\n \r\n \r\n handleChange(\r\n e,\r\n setFieldValue,\r\n 'totNoOfResidentsRehabUnitsClinicalServices'\r\n )\r\n }\r\n value={\r\n values.didRehabUnitsClinicalServicesServiceOfferedin2022 === 'false'\r\n ? ''\r\n : values.totNoOfResidentsRehabUnitsClinicalServices\r\n }\r\n disabled={checkValue(\r\n values.didRehabUnitsClinicalServicesServiceOfferedin2022\r\n )}\r\n />\r\n \r\n \r\n);\r\n\r\nconst DuringTheYearYesNoElement = () => (\r\n <>\r\n \r\n Did your Y offer Housing during the year?\r\n \r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n {({ values, setFieldValue, errors, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n \r\n );\r\n};\r\n\r\nHousingTab.propTypes = {\r\n handleGetHousing: PropTypes.func.isRequired,\r\n handleHousing: PropTypes.func.isRequired,\r\n GetHousingSelectorData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n setLoader: PropTypes.func.isRequired,\r\n selectedAsso: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedBranch: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedBranchName: PropTypes.objectOf(PropTypes.any).isRequired,\r\n setErrorPopup: PropTypes.func.isRequired,\r\n setErrorMessage: PropTypes.func.isRequired,\r\n status: PropTypes.objectOf(PropTypes.any).isRequired,\r\n role: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handleGetAnnualReportsDashboard: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetHousing: getHousing,\r\n handleHousing: housing,\r\n handleGetAnnualReportsDashboard: getAnnualReportsDashboardOverviewData\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n GetHousingSelectorData: GetHousingSelector(state),\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(HousingTab));\r\n","import {\r\n ANNUAL_REPORT_GET_FOOD_PROGRAM,\r\n ANNUAL_REPORT_FOOD_PROGRAM\r\n} from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getFoodProgram =\r\n (AssociationNumber, BranchNumber) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: ANNUAL_REPORT_GET_FOOD_PROGRAM(\r\n AssociationNumber,\r\n BranchNumber\r\n ),\r\n successAction: data => ({\r\n type: types.FOOD_PROGRAM_GET_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.FOOD_PROGRAM_GET_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\nexport const foodProgram = bodyObject => (dispatch, getState) =>\r\n asyncRequest({\r\n url: ANNUAL_REPORT_FOOD_PROGRAM(),\r\n method: 'POST',\r\n data: bodyObject,\r\n successAction: data => ({\r\n type: types.FOOD_PROGRAM_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.FOOD_PROGRAM_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","export const GetFoodProgramSelector = ({ foodprogram: { GetFoodProgram } }) =>\r\n GetFoodProgram;\r\nexport const FoodProgramSelector = ({ foodprogram: { FoodProgram } }) =>\r\n FoodProgram;\r\n","/* eslint-disable no-unused-expressions */\r\n/* eslint-disable no-param-reassign */\r\nimport React, { useEffect, useRef, useState } from 'react';\r\nimport { Formik, Form, Field, ErrorMessage } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport get from 'lodash.get';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport {\r\n getFoodProgram,\r\n foodProgram\r\n} from '@redux/program-activities/foodprogram/actions';\r\nimport { connect } from 'react-redux';\r\nimport { GetFoodProgramSelector } from '@redux/program-activities/foodprogram/selectors';\r\nimport PropTypes from 'prop-types';\r\nimport SuccessToaster from '@modules/shared/components/reusable-components/success-toaster';\r\nimport { getAnnualReportsDashboardOverviewData } from '@redux/annualReport-overview/actions';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\n\r\nimport PartialSaveWarningPopup from '@modules/shared/components/reusable-components/partial-save-popup';\r\nimport TextError from '@modules/shared/components/reusable-components/text-error';\r\nimport LastUpdateName from '../last-update-name';\r\nimport FeedbackModal from '../../../../../utilities/feedback-modal';\r\n\r\nconst FoodProgramsTab = props => {\r\n const {\r\n handleGetFoodProgram,\r\n GetFoodProgramSelectorData,\r\n handleFoodProgram,\r\n selectedAsso,\r\n selectedBranch,\r\n selectedBranchName,\r\n setLoader,\r\n setErrorPopup,\r\n setErrorMessage,\r\n status,\r\n role,\r\n handleGetAnnualReportsDashboard,\r\n LoginUserData\r\n } = props;\r\n\r\n const selectedYear = sessionStorage.getItem('selectedBatchYear');\r\n const sectionName =\r\n selectedYear >= '2023'\r\n ? 'Programs and Activities'\r\n : 'Program and Activities';\r\n\r\n const [isSuccess, setIsSuccess] = useState(false);\r\n const [resStatus, setResStatus] = useState();\r\n const [feedbackPopup, setFeedbackPopup] = useState(false);\r\n const [formId, setFormId] = useState();\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n const formikref = useRef();\r\n const associationNumber =\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', 0);\r\n\r\n const getProgramData = success => {\r\n if (selectedAsso && selectedBranch) {\r\n setLoader(true);\r\n handleGetFoodProgram(selectedAsso, selectedBranch).then(res => {\r\n if (res.status === 200) {\r\n setLoader(false);\r\n if (success) {\r\n setIsSuccess(true);\r\n }\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n });\r\n }\r\n };\r\n useEffect(() => {\r\n getProgramData();\r\n formikref?.current?.resetForm();\r\n }, [selectedAsso, selectedBranch]);\r\n\r\n const initialValues = {\r\n didYofferFoodServiceDuringYear: 'true',\r\n didYofferFoodSnack18YearsAndYoung: 'true',\r\n uniqueYouthServedInUsdareimbersment: '',\r\n uniqueYouthServedInNonUsdareimbersment: '',\r\n totMealsSnacksServedInUsdareimbersement: '',\r\n totMealsSnacksServedInNonUsdareimbersement: ''\r\n };\r\n\r\n const editValues = {\r\n didYofferFoodServiceDuringYear:\r\n `${GetFoodProgramSelectorData?.data?.didYofferFoodServiceDuringYear}` ===\r\n 'null'\r\n ? 'true'\r\n : `${GetFoodProgramSelectorData?.data?.didYofferFoodServiceDuringYear}`,\r\n\r\n didYofferFoodSnack18YearsAndYoung:\r\n `${GetFoodProgramSelectorData?.data?.didYofferFoodSnack18YearsAndYoung}` ===\r\n 'null'\r\n ? 'true'\r\n : `${GetFoodProgramSelectorData?.data?.didYofferFoodSnack18YearsAndYoung}`,\r\n\r\n uniqueYouthServedInUsdareimbersment:\r\n GetFoodProgramSelectorData?.data?.uniqueYouthServedInUsdareimbersment ===\r\n null\r\n ? ''\r\n : GetFoodProgramSelectorData?.data?.uniqueYouthServedInUsdareimbersment,\r\n uniqueYouthServedInNonUsdareimbersment:\r\n GetFoodProgramSelectorData?.data\r\n ?.uniqueYouthServedInNonUsdareimbersment === null\r\n ? ''\r\n : GetFoodProgramSelectorData?.data\r\n ?.uniqueYouthServedInNonUsdareimbersment,\r\n totMealsSnacksServedInUsdareimbersement:\r\n GetFoodProgramSelectorData?.data\r\n ?.totMealsSnacksServedInUsdareimbersement === null\r\n ? ''\r\n : GetFoodProgramSelectorData?.data\r\n ?.totMealsSnacksServedInUsdareimbersement,\r\n totMealsSnacksServedInNonUsdareimbersement:\r\n GetFoodProgramSelectorData?.data\r\n ?.totMealsSnacksServedInNonUsdareimbersement === null\r\n ? ''\r\n : GetFoodProgramSelectorData?.data\r\n ?.totMealsSnacksServedInNonUsdareimbersement\r\n };\r\n\r\n const totalCount = (value1, value2) => value1 + value2;\r\n\r\n const validationSchema = Yup.object({\r\n didYofferFoodServiceDuringYear: Yup.string().nullable(),\r\n didYofferFoodSnack18YearsAndYoung: Yup.string().nullable(),\r\n uniqueYouthServedInUsdareimbersment: Yup.string().nullable(),\r\n uniqueYouthServedInNonUsdareimbersment: Yup.string().nullable(),\r\n totMealsSnacksServedInUsdareimbersement: Yup.string().nullable(),\r\n totMealsSnacksServedInNonUsdareimbersement: Yup.string().nullable()\r\n });\r\n\r\n const maxLength = 9;\r\n const convertedValue = value => (value === 0 || value ? value : null);\r\n const onSubmit = values => {\r\n setLoader(true);\r\n\r\n values.didYofferFoodSnack18YearsAndYoung =\r\n values.didYofferFoodServiceDuringYear !== 'true'\r\n ? 'false'\r\n : values.didYofferFoodSnack18YearsAndYoung;\r\n const payloadBody = {\r\n programActivityFoodProgramId:\r\n GetFoodProgramSelectorData?.data?.programActivityFoodProgramId,\r\n associationNumber: selectedAsso,\r\n year: sessionStorage.getItem('selectedBatchYear'),\r\n branchNumber: selectedBranch,\r\n branchName: selectedBranchName?.toString(),\r\n\r\n didYofferFoodServiceDuringYear:\r\n values.didYofferFoodServiceDuringYear.toLowerCase() === 'true',\r\n\r\n didYofferFoodSnack18YearsAndYoung:\r\n values.didYofferFoodServiceDuringYear === 'true'\r\n ? values.didYofferFoodSnack18YearsAndYoung.toLowerCase() === 'true'\r\n : false,\r\n\r\n uniqueYouthServedInUsdareimbersment:\r\n values.didYofferFoodSnack18YearsAndYoung === 'true'\r\n ? convertedValue(values.uniqueYouthServedInUsdareimbersment)\r\n : null,\r\n\r\n uniqueYouthServedInNonUsdareimbersment:\r\n values.didYofferFoodSnack18YearsAndYoung === 'true'\r\n ? convertedValue(values.uniqueYouthServedInNonUsdareimbersment)\r\n : null,\r\n\r\n totMealsSnacksServedInUsdareimbersement:\r\n values.didYofferFoodSnack18YearsAndYoung === 'true'\r\n ? convertedValue(values.totMealsSnacksServedInUsdareimbersement)\r\n : null,\r\n\r\n totMealsSnacksServedInNonUsdareimbersement:\r\n values.didYofferFoodSnack18YearsAndYoung === 'true'\r\n ? convertedValue(values.totMealsSnacksServedInNonUsdareimbersement)\r\n : null,\r\n\r\n status: GetFoodProgramSelectorData?.data?.status,\r\n reportBatchId: GetFoodProgramSelectorData?.data?.reportBatchId,\r\n createdByPersonId: GetFoodProgramSelectorData?.data?.createdByPersonId,\r\n createdByName: GetFoodProgramSelectorData?.data?.createdByName,\r\n createdDatetime: GetFoodProgramSelectorData?.data?.createdDatetime,\r\n updatedByPersonId: GetFoodProgramSelectorData?.data?.updatedByPersonId,\r\n updatedByName: GetFoodProgramSelectorData?.data?.updatedByName,\r\n updatedDatetime: GetFoodProgramSelectorData?.data?.updatedDatetime\r\n };\r\n setIsSuccess(false);\r\n handleFoodProgram(payloadBody).then(res => {\r\n if (res?.status === 200 && res?.data?.isSuccess) {\r\n setResStatus(res.data.data?.recordStatus);\r\n handleGetAnnualReportsDashboard(associationNumber, selectedYear).then(\r\n dashData => {\r\n dashData?.data?.data?.dashboardDTOs?.forEach(record => {\r\n if (\r\n record.name === sectionName &&\r\n record.status === 'Completed' &&\r\n record.rating === null &&\r\n selectedYear >= '2023' &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD\r\n ) {\r\n setFeedbackPopup(true);\r\n setFormId(record?.formId);\r\n }\r\n });\r\n }\r\n );\r\n getProgramData(true);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n });\r\n };\r\n\r\n const handleChange = (e, setFieldValue, name) => {\r\n const result = e.target.value.replace(/\\D+/g, '');\r\n setFieldValue(name, result);\r\n };\r\n\r\n const scrollToErrors = errors => {\r\n const errorKeys = Object.keys(errors);\r\n if (errorKeys.length > 0) {\r\n document.getElementsByName(errorKeys[0])[0].focus();\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {({ values, setFieldValue, errors, touched, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n \r\n );\r\n};\r\nFoodProgramsTab.propTypes = {\r\n handleGetFoodProgram: PropTypes.func.isRequired,\r\n handleFoodProgram: PropTypes.func.isRequired,\r\n GetFoodProgramSelectorData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedAsso: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedBranch: PropTypes.objectOf(PropTypes.any).isRequired,\r\n setLoader: PropTypes.func.isRequired,\r\n selectedBranchName: PropTypes.objectOf(PropTypes.any).isRequired,\r\n setErrorPopup: PropTypes.func.isRequired,\r\n setErrorMessage: PropTypes.func.isRequired,\r\n status: PropTypes.objectOf(PropTypes.any).isRequired,\r\n role: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handleGetAnnualReportsDashboard: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\nconst mapDispatchToProps = {\r\n handleGetFoodProgram: getFoodProgram,\r\n handleFoodProgram: foodProgram,\r\n // handleGetAnnualReportsDashboard: getAnnualReportsDashboardData\r\n handleGetAnnualReportsDashboard: getAnnualReportsDashboardOverviewData\r\n};\r\nconst mapStateToProps = state => ({\r\n GetFoodProgramSelectorData: GetFoodProgramSelector(state),\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(FoodProgramsTab));\r\n","import {\r\n ANNUAL_REPORT_GET_ARMED_SERVICES,\r\n ANNUAL_REPORT_ARMED_SERVICES\r\n} from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getArmedService =\r\n (AssociationNumber, BranchNumber) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: ANNUAL_REPORT_GET_ARMED_SERVICES(\r\n AssociationNumber,\r\n BranchNumber\r\n ),\r\n successAction: data => ({\r\n type: types.ARMED_SERVICE_GET_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.ARMED_SERVICE_GET_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\nexport const armedService = bodyObject => (dispatch, getState) =>\r\n asyncRequest({\r\n url: ANNUAL_REPORT_ARMED_SERVICES(),\r\n method: 'POST',\r\n data: bodyObject,\r\n successAction: data => ({\r\n type: types.ARMED_SERVICE_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.ARMED_SERVICE_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","export const GetArmedServiceSelector = ({\r\n armedservice: { GetArmedService }\r\n}) => GetArmedService;\r\nexport const ArmedServiceSelector = ({ armedservice: { ArmedService } }) =>\r\n ArmedService;\r\n","/* eslint-disable no-unused-expressions */\r\n/* eslint-disable no-nested-ternary */\r\nimport React, { useEffect, useState, useRef } from 'react';\r\nimport { Formik, Form, Field, ErrorMessage } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport get from 'lodash.get';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport {\r\n getArmedService,\r\n armedService\r\n} from '@redux/program-activities/armedservice/actions';\r\nimport { connect } from 'react-redux';\r\nimport { GetArmedServiceSelector } from '@redux/program-activities/armedservice/selectors';\r\nimport PropTypes from 'prop-types';\r\nimport SuccessToaster from '@modules/shared/components/reusable-components/success-toaster';\r\nimport { getAnnualReportsDashboardOverviewData } from '@redux/annualReport-overview/actions';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport TextError from '@modules/shared/components/reusable-components/text-error';\r\nimport PartialSaveWarningPopup from '@modules/shared/components/reusable-components/partial-save-popup';\r\nimport LastUpdateName from '../last-update-name';\r\nimport FeedbackModal from '../../../../../utilities/feedback-modal';\r\n\r\nconst ArmedServicesTab = props => {\r\n const {\r\n handleGetArmedServices,\r\n GetArmedServiceSelectorData,\r\n setLoader,\r\n handleArmedServices,\r\n selectedAsso,\r\n selectedBranch,\r\n selectedBranchName,\r\n setErrorPopup,\r\n setErrorMessage,\r\n status,\r\n role,\r\n handleGetAnnualReportsDashboard,\r\n LoginUserData\r\n } = props;\r\n\r\n const selectedYear = sessionStorage.getItem('selectedBatchYear');\r\n const sectionName =\r\n selectedYear >= '2023'\r\n ? 'Programs and Activities'\r\n : 'Program and Activities';\r\n const [isSuccess, setIsSuccess] = useState(false);\r\n const [resStatus, setResStatus] = useState();\r\n const [feedbackPopup, setFeedbackPopup] = useState(false);\r\n const [formId, setFormId] = useState();\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n const formikref = useRef();\r\n const associationNumber =\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', 0);\r\n\r\n const handleGetArmedServiceData = success => {\r\n if (selectedAsso && selectedBranch) {\r\n setLoader(true);\r\n handleGetArmedServices(selectedAsso, selectedBranch).then(res => {\r\n if (res.status === 200) {\r\n setLoader(false);\r\n if (success) {\r\n setIsSuccess(true);\r\n }\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n handleGetArmedServiceData();\r\n formikref?.current?.resetForm();\r\n }, [selectedAsso, selectedBranch]);\r\n\r\n const initialValues = {\r\n didYofferServiceToDutyReserveRetdMilitaryPersons: 'true',\r\n totIndividualMilitaryPersonServed2022: '',\r\n offerChildcarePreschoolBabysittingDuringYear: '',\r\n offerDeploymentSupportDuringYear: '',\r\n offerFoodDistributionDuringYear: '',\r\n offerAdultEducationDuringYear: '',\r\n offerJobTrainingSearchDuringYear: '',\r\n offerPhysicalMentalHealthDuringYear: '',\r\n offerDayCampsOrResidentCamps: '',\r\n offerMemberDiscount: ''\r\n };\r\n\r\n const editValues = {\r\n didYofferServiceToDutyReserveRetdMilitaryPersons:\r\n `${GetArmedServiceSelectorData?.didYofferServiceToDutyReserveRetdMilitaryPersons}` ===\r\n 'null'\r\n ? 'true'\r\n : `${GetArmedServiceSelectorData?.didYofferServiceToDutyReserveRetdMilitaryPersons}`,\r\n totIndividualMilitaryPersonServed2022:\r\n GetArmedServiceSelectorData?.totIndividualMilitaryPersonServed2022 ===\r\n null\r\n ? ''\r\n : GetArmedServiceSelectorData?.totIndividualMilitaryPersonServed2022,\r\n offerChildcarePreschoolBabysittingDuringYear: `${GetArmedServiceSelectorData?.offerChildcarePreschoolBabysittingDuringYear}`,\r\n offerDeploymentSupportDuringYear: `${GetArmedServiceSelectorData?.offerDeploymentSupportDuringYear}`,\r\n offerFoodDistributionDuringYear: `${GetArmedServiceSelectorData?.offerFoodDistributionDuringYear}`,\r\n offerAdultEducationDuringYear: `${GetArmedServiceSelectorData?.offerAdultEducationDuringYear}`,\r\n offerJobTrainingSearchDuringYear: `${GetArmedServiceSelectorData?.offerJobTrainingSearchDuringYear}`,\r\n offerPhysicalMentalHealthDuringYear: `${GetArmedServiceSelectorData?.offerPhysicalMentalHealthDuringYear}`,\r\n offerDayCampsOrResidentCamps: `${GetArmedServiceSelectorData?.offerDayCampsOrResidentCamps}`,\r\n offerMemberDiscount: `${GetArmedServiceSelectorData?.offerMemberDiscount}`\r\n };\r\n\r\n const validationSchema = Yup.object({\r\n didYofferServiceToDutyReserveRetdMilitaryPersons: Yup.string().nullable(),\r\n totIndividualMilitaryPersonServed2022: Yup.string().nullable(),\r\n offerChildcarePreschoolBabysittingDuringYear: Yup.string().nullable(),\r\n offerDeploymentSupportDuringYear: Yup.string().nullable(),\r\n offerFoodDistributionDuringYear: Yup.string().nullable(),\r\n offerAdultEducationDuringYear: Yup.string().nullable(),\r\n offerJobTrainingSearchDuringYear: Yup.string().nullable(),\r\n offerPhysicalMentalHealthDuringYear: Yup.string().nullable(),\r\n offerDayCampsOrResidentCamps: Yup.string().nullable(),\r\n offerMemberDiscount: Yup.string().nullable()\r\n });\r\n\r\n const convertedValue = value => (value === 0 || value ? value : null);\r\n const checkValue = value =>\r\n value !== 'null' ? value.toLowerCase() === 'true' : null;\r\n\r\n const onSubmit = values => {\r\n setLoader(true);\r\n const didYofferService =\r\n values.didYofferServiceToDutyReserveRetdMilitaryPersons.toLowerCase() ===\r\n 'true';\r\n const payloadBody = {\r\n programActivityArmedServicesId:\r\n GetArmedServiceSelectorData?.programActivityArmedServicesId,\r\n associationNumber: selectedAsso,\r\n year: sessionStorage.getItem('selectedBatchYear'),\r\n branchNumber: selectedBranch,\r\n branchName: selectedBranchName?.toString(),\r\n didYofferServiceToDutyReserveRetdMilitaryPersons: didYofferService,\r\n totIndividualMilitaryPersonServed2022: didYofferService\r\n ? convertedValue(values.totIndividualMilitaryPersonServed2022)\r\n : null,\r\n offerChildcarePreschoolBabysittingDuringYear: didYofferService\r\n ? checkValue(values.offerChildcarePreschoolBabysittingDuringYear)\r\n : null,\r\n offerDeploymentSupportDuringYear: didYofferService\r\n ? checkValue(values.offerDeploymentSupportDuringYear)\r\n : null,\r\n offerFoodDistributionDuringYear: didYofferService\r\n ? checkValue(values.offerFoodDistributionDuringYear)\r\n : null,\r\n offerAdultEducationDuringYear: didYofferService\r\n ? checkValue(values.offerAdultEducationDuringYear)\r\n : null,\r\n offerJobTrainingSearchDuringYear: didYofferService\r\n ? checkValue(values.offerJobTrainingSearchDuringYear)\r\n : null,\r\n offerPhysicalMentalHealthDuringYear: didYofferService\r\n ? checkValue(values.offerPhysicalMentalHealthDuringYear)\r\n : null,\r\n offerDayCampsOrResidentCamps: didYofferService\r\n ? checkValue(values.offerDayCampsOrResidentCamps)\r\n : null,\r\n offerMemberDiscount: didYofferService\r\n ? checkValue(values.offerMemberDiscount)\r\n : null,\r\n status: GetArmedServiceSelectorData?.status,\r\n reportBatchId: GetArmedServiceSelectorData?.reportBatchId,\r\n createdByPersonId: GetArmedServiceSelectorData?.createdByPersonId,\r\n createdByName: GetArmedServiceSelectorData?.createdByName,\r\n createdDatetime: GetArmedServiceSelectorData?.createdDatetime,\r\n updatedByPersonId: GetArmedServiceSelectorData?.updatedByPersonId,\r\n updatedByName: GetArmedServiceSelectorData?.updatedByName,\r\n updatedDatetime: GetArmedServiceSelectorData?.updatedDatetime\r\n };\r\n setIsSuccess(false);\r\n handleArmedServices(payloadBody).then(res => {\r\n handleGetArmedServiceData(true);\r\n if (res?.status === 200) {\r\n setResStatus(res.data.recordStatus);\r\n handleGetAnnualReportsDashboard(associationNumber, selectedYear).then(\r\n dashData => {\r\n dashData?.data?.data?.dashboardDTOs?.forEach(record => {\r\n if (\r\n record.name === sectionName &&\r\n record.status === 'Completed' &&\r\n record.rating === null &&\r\n selectedYear >= '2023' &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD\r\n ) {\r\n setFeedbackPopup(true);\r\n setFormId(record?.formId);\r\n }\r\n });\r\n }\r\n );\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n });\r\n };\r\n const handleChange = (e, setFieldValue, name) => {\r\n const result = e.target.value.replace(/\\D+/g, '');\r\n setFieldValue(name, result);\r\n };\r\n const scrollToErrors = errors => {\r\n const errorKeys = Object.keys(errors);\r\n if (errorKeys.length > 0) {\r\n document.getElementsByName(errorKeys[0])[0].focus();\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {({ values, setFieldValue, errors, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n \r\n );\r\n};\r\nArmedServicesTab.propTypes = {\r\n handleGetArmedServices: PropTypes.func.isRequired,\r\n handleArmedServices: PropTypes.func.isRequired,\r\n GetArmedServiceSelectorData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n setLoader: PropTypes.func.isRequired,\r\n selectedAsso: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedBranch: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedBranchName: PropTypes.objectOf(PropTypes.any).isRequired,\r\n setErrorPopup: PropTypes.func.isRequired,\r\n setErrorMessage: PropTypes.func.isRequired,\r\n status: PropTypes.objectOf(PropTypes.any).isRequired,\r\n role: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handleGetAnnualReportsDashboard: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\nconst mapDispatchToProps = {\r\n handleGetArmedServices: getArmedService,\r\n handleArmedServices: armedService,\r\n handleGetAnnualReportsDashboard: getAnnualReportsDashboardOverviewData\r\n};\r\nconst mapStateToProps = state => ({\r\n GetArmedServiceSelectorData: GetArmedServiceSelector(state),\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(ArmedServicesTab));\r\n","import {\r\n ANNUAL_REPORT_GET_OLDER_ADULTS,\r\n ANNUAL_REPORT_OLDER_ADULTS\r\n} from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getOlderAdults =\r\n (AssociationNumber, BranchNumber, year) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: ANNUAL_REPORT_GET_OLDER_ADULTS(\r\n AssociationNumber,\r\n BranchNumber,\r\n year\r\n ),\r\n successAction: data => ({\r\n type: types.OLDER_ADULTS_GET_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.OLDER_ADULTS_GET_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\nexport const olderAdults = bodyObject => (dispatch, getState) =>\r\n asyncRequest({\r\n url: ANNUAL_REPORT_OLDER_ADULTS(),\r\n method: 'POST',\r\n data: bodyObject,\r\n successAction: data => ({\r\n type: types.OLDER_ADULTS_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.OLDER_ADULTS_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","export const GetOlderAdultsSelector = ({ olderadults: { GetOlderAdults } }) =>\r\n GetOlderAdults;\r\nexport const OlderAdultsSelector = ({ olderadults: { OlderAdults } }) =>\r\n OlderAdults;\r\n","/* eslint-disable no-unused-expressions */\r\n/* eslint-disable no-param-reassign */\r\n/* eslint-disable no-nested-ternary */\r\nimport React, { useEffect, useState, useRef } from 'react';\r\nimport { Formik, Form, Field, ErrorMessage } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport {\r\n getOlderAdults,\r\n olderAdults\r\n} from '@redux/program-activities/olderadults/actions';\r\nimport get from 'lodash.get';\r\nimport { connect } from 'react-redux';\r\nimport { GetOlderAdultsSelector } from '@redux/program-activities/olderadults/selectors';\r\nimport PropTypes from 'prop-types';\r\nimport { getAnnualReportsDashboardOverviewData } from '@redux/annualReport-overview/actions';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport SuccessToaster from '@modules/shared/components/reusable-components/success-toaster';\r\nimport TextError from '@modules/shared/components/reusable-components/text-error';\r\nimport PartialSaveWarningPopup from '@modules/shared/components/reusable-components/partial-save-popup';\r\nimport LastUpdateName from '../last-update-name';\r\nimport FeedbackModal from '../../../../../utilities/feedback-modal';\r\n\r\nconst OlderAdultsTab = props => {\r\n const {\r\n handleGetOlderAdults,\r\n GetOlderAdultsSelectorData,\r\n handleOlderAdults,\r\n selectedAsso,\r\n selectedBranch,\r\n setLoader,\r\n selectedBranchName,\r\n setErrorPopup,\r\n setErrorMessage,\r\n status,\r\n role,\r\n handleGetAnnualReportsDashboard,\r\n LoginUserData\r\n } = props;\r\n\r\n const selectedYear = sessionStorage.getItem('selectedBatchYear');\r\n const sectionName =\r\n selectedYear >= '2023'\r\n ? 'Programs and Activities'\r\n : 'Program and Activities';\r\n\r\n const isYear2023 = () => selectedYear !== '2022';\r\n const [isSuccess, setIsSuccess] = useState(false);\r\n const [resStatus, setResStatus] = useState();\r\n const [feedbackPopup, setFeedbackPopup] = useState(false);\r\n const [formId, setFormId] = useState();\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n\r\n const formikref = useRef();\r\n\r\n const associationNumber =\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', 0);\r\n\r\n const handleGetOlderAdultsData = success => {\r\n if (selectedAsso && selectedBranch) {\r\n setLoader(true);\r\n handleGetOlderAdults(selectedAsso, selectedBranch).then(res => {\r\n if (res.status === 200) {\r\n setLoader(false);\r\n if (success) {\r\n setIsSuccess(true);\r\n }\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n handleGetOlderAdultsData();\r\n formikref?.current?.resetForm();\r\n }, [selectedAsso, selectedBranch]);\r\n\r\n const initialValues = {\r\n totOlderAdultSelfPay: '',\r\n totOlderAdultThirdPartyPay: '',\r\n yofferMembershipOlderAdult: 'true',\r\n didYofferMembershipForOlderAdultViaThirdParty: 'true',\r\n thirdPartyRenewActive: '',\r\n thirdPartyPeerfit: '',\r\n thirdPartySilverfit: '',\r\n thirdPartySilverSneakers: '',\r\n thirdPartyOthers: '',\r\n foodProgramOffered: '',\r\n adultDayCareServicesOffered: '',\r\n socialGatheringOffered: '',\r\n physicalHealthOffered: '',\r\n cdlhOffered: '',\r\n mentalHealthOffered: '',\r\n caregiverSupportsOffered: '',\r\n othersNotListedOffered: ''\r\n };\r\n\r\n const editValues = {\r\n totOlderAdultSelfPay:\r\n GetOlderAdultsSelectorData?.data?.totOlderAdultSelfPay === null\r\n ? ''\r\n : GetOlderAdultsSelectorData?.data?.totOlderAdultSelfPay,\r\n totOlderAdultThirdPartyPay:\r\n GetOlderAdultsSelectorData?.data?.totOlderAdultThirdPartyPay === null\r\n ? ''\r\n : GetOlderAdultsSelectorData?.data?.totOlderAdultThirdPartyPay,\r\n yofferMembershipOlderAdult:\r\n `${GetOlderAdultsSelectorData?.data?.yofferMembershipOlderAdult}` ===\r\n 'null'\r\n ? 'true'\r\n : `${GetOlderAdultsSelectorData?.data?.yofferMembershipOlderAdult}`,\r\n didYofferMembershipForOlderAdultViaThirdParty:\r\n `${GetOlderAdultsSelectorData?.data?.didYofferMembershipForOlderAdultViaThirdParty}` ===\r\n 'null'\r\n ? 'true'\r\n : `${GetOlderAdultsSelectorData?.data?.didYofferMembershipForOlderAdultViaThirdParty}`,\r\n thirdPartyRenewActive: `${GetOlderAdultsSelectorData?.data?.thirdPartyRenewActive}`,\r\n thirdPartyPeerfit: `${GetOlderAdultsSelectorData?.data?.thirdPartyPeerfit}`,\r\n thirdPartySilverfit: `${GetOlderAdultsSelectorData?.data?.thirdPartySilverfit}`,\r\n thirdPartySilverSneakers: `${GetOlderAdultsSelectorData?.data?.thirdPartySilverSneakers}`,\r\n thirdPartyOthers: `${GetOlderAdultsSelectorData?.data?.thirdPartyOthers}`,\r\n foodProgramOffered: `${GetOlderAdultsSelectorData?.data?.foodProgramOffered}`,\r\n adultDayCareServicesOffered: `${GetOlderAdultsSelectorData?.data?.adultDayCareServicesOffered}`,\r\n socialGatheringOffered: `${GetOlderAdultsSelectorData?.data?.socialGatheringOffered}`,\r\n physicalHealthOffered: `${GetOlderAdultsSelectorData?.data?.physicalHealthOffered}`,\r\n cdlhOffered: `${GetOlderAdultsSelectorData?.data?.cdlhOffered}`,\r\n mentalHealthOffered: `${GetOlderAdultsSelectorData?.data?.mentalHealthOffered}`,\r\n caregiverSupportsOffered: `${GetOlderAdultsSelectorData?.data?.caregiverSupportsOffered}`,\r\n othersNotListedOffered: `${GetOlderAdultsSelectorData?.data?.othersNotListedOffered}`\r\n };\r\n\r\n const validationSchema = Yup.object({\r\n yofferMembershipOlderAdult: Yup.string().nullable(),\r\n totOlderAdultSelfPay: Yup.string().nullable(),\r\n totOlderAdultThirdPartyPay: Yup.string().nullable(),\r\n thirdPartyRenewActive: Yup.string().nullable(),\r\n thirdPartyPeerfit: Yup.string().nullable(),\r\n thirdPartySilverfit: Yup.string().nullable(),\r\n thirdPartySilverSneakers: Yup.string().nullable(),\r\n thirdPartyOthers: Yup.string().nullable(),\r\n foodProgramOffered: Yup.string().nullable(),\r\n adultDayCareServicesOffered: Yup.string().nullable(),\r\n socialGatheringOffered: Yup.string().nullable(),\r\n physicalHealthOffered: Yup.string().nullable(),\r\n cdlhOffered: Yup.string().nullable(),\r\n mentalHealthOffered: Yup.string().nullable(),\r\n caregiverSupportsOffered: Yup.string().nullable(),\r\n othersNotListedOffered: Yup.string().nullable(),\r\n didYofferMembershipForOlderAdultViaThirdParty: Yup.string().nullable()\r\n });\r\n\r\n const scrollToErrors = errors => {\r\n const errorKeys = Object.keys(errors);\r\n if (errorKeys.length > 0) {\r\n document.getElementsByName(errorKeys[0])[0].focus();\r\n }\r\n };\r\n\r\n const convertedValue = value => (value === 0 || value ? value : null);\r\n\r\n const parseBooleanValue = value =>\r\n value !== 'null' ? value.toLowerCase() === 'true' : null;\r\n\r\n const checkMembershipValue = (mainCondition, subCondition) =>\r\n mainCondition === 'true' ? parseBooleanValue(subCondition) : null;\r\n\r\n const onSubmit = values => {\r\n setLoader(true);\r\n\r\n values.didYofferMembershipForOlderAdultViaThirdParty =\r\n values.yofferMembershipOlderAdult !== 'true'\r\n ? 'false'\r\n : values.didYofferMembershipForOlderAdultViaThirdParty;\r\n\r\n let payloadBody = {\r\n programActivityOlderAdultId:\r\n GetOlderAdultsSelectorData?.data?.programActivityOlderAdultId,\r\n associationNumber: selectedAsso,\r\n year: sessionStorage.getItem('selectedBatchYear'),\r\n branchNumber: selectedBranch,\r\n branchName: selectedBranchName?.toString(),\r\n totOlderAdultSelfPay:\r\n values.yofferMembershipOlderAdult.toLowerCase() === 'true'\r\n ? convertedValue(values.totOlderAdultSelfPay)\r\n : null,\r\n totOlderAdultThirdPartyPay:\r\n values.yofferMembershipOlderAdult.toLowerCase() === 'true'\r\n ? convertedValue(values.totOlderAdultThirdPartyPay)\r\n : null,\r\n\r\n yofferMembershipOlderAdult: parseBooleanValue(\r\n values.yofferMembershipOlderAdult\r\n ),\r\n\r\n didYofferMembershipForOlderAdultViaThirdParty: parseBooleanValue(\r\n values.didYofferMembershipForOlderAdultViaThirdParty\r\n ),\r\n thirdPartyRenewActive: checkMembershipValue(\r\n values.didYofferMembershipForOlderAdultViaThirdParty,\r\n values.thirdPartyRenewActive\r\n ),\r\n thirdPartyPeerfit: checkMembershipValue(\r\n values.didYofferMembershipForOlderAdultViaThirdParty,\r\n values.thirdPartyPeerfit\r\n ),\r\n thirdPartySilverfit: checkMembershipValue(\r\n values.didYofferMembershipForOlderAdultViaThirdParty,\r\n values.thirdPartySilverfit\r\n ),\r\n thirdPartySilverSneakers: checkMembershipValue(\r\n values.didYofferMembershipForOlderAdultViaThirdParty,\r\n values.thirdPartySilverSneakers\r\n ),\r\n thirdPartyOthers: checkMembershipValue(\r\n values.didYofferMembershipForOlderAdultViaThirdParty,\r\n values.thirdPartyOthers\r\n ),\r\n foodProgramOffered: checkMembershipValue(\r\n values.yofferMembershipOlderAdult,\r\n values.foodProgramOffered\r\n ),\r\n adultDayCareServicesOffered: checkMembershipValue(\r\n values.yofferMembershipOlderAdult,\r\n values.adultDayCareServicesOffered\r\n ),\r\n socialGatheringOffered: checkMembershipValue(\r\n values.yofferMembershipOlderAdult,\r\n values.socialGatheringOffered\r\n ),\r\n physicalHealthOffered: checkMembershipValue(\r\n values.yofferMembershipOlderAdult,\r\n values.physicalHealthOffered\r\n ),\r\n mentalHealthOffered: checkMembershipValue(\r\n values.yofferMembershipOlderAdult,\r\n values.mentalHealthOffered\r\n ),\r\n status: GetOlderAdultsSelectorData?.data?.status,\r\n reportBatchId: GetOlderAdultsSelectorData?.data?.reportBatchId,\r\n createdByPersonId: GetOlderAdultsSelectorData?.data?.createdByPersonId,\r\n createdByName: GetOlderAdultsSelectorData?.data?.createdByName,\r\n createdDatetime: GetOlderAdultsSelectorData?.data?.createdDatetime,\r\n updatedByPersonId: GetOlderAdultsSelectorData?.data?.updatedByPersonId,\r\n updatedByName: GetOlderAdultsSelectorData?.data?.updatedByName,\r\n updatedDatetime: GetOlderAdultsSelectorData?.data?.updatedDatetime\r\n };\r\n\r\n if (selectedYear !== '2022') {\r\n payloadBody = {\r\n ...payloadBody,\r\n caregiverSupportsOffered: checkMembershipValue(\r\n values.yofferMembershipOlderAdult,\r\n values.caregiverSupportsOffered\r\n ),\r\n othersNotListedOffered: checkMembershipValue(\r\n values.yofferMembershipOlderAdult,\r\n values.othersNotListedOffered\r\n ),\r\n cdlhOffered: checkMembershipValue(\r\n values.yofferMembershipOlderAdult,\r\n values.cdlhOffered\r\n )\r\n };\r\n } else {\r\n payloadBody = {\r\n ...payloadBody,\r\n caregiverSupportsOffered: null,\r\n othersNotListedOffered: null,\r\n cdlhOffered: null\r\n };\r\n }\r\n\r\n setIsSuccess(false);\r\n handleOlderAdults(payloadBody).then(res => {\r\n handleGetOlderAdultsData(true);\r\n if (res?.status === 200 && res?.data?.isSuccess) {\r\n setResStatus(res.data.data?.recordStatus);\r\n handleGetAnnualReportsDashboard(associationNumber, selectedYear).then(\r\n dashData => {\r\n dashData?.data?.data?.dashboardDTOs?.forEach(record => {\r\n if (\r\n record.name === sectionName &&\r\n record.status === 'Completed' &&\r\n record.rating === null &&\r\n selectedYear >= '2023' &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD\r\n ) {\r\n setFeedbackPopup(true);\r\n setFormId(record?.formId);\r\n }\r\n });\r\n }\r\n );\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n });\r\n };\r\n\r\n const handleChange = (e, setFieldValue, name) => {\r\n const result = e.target.value.replace(/\\D+/g, '');\r\n setFieldValue(name, result);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {({ values, setFieldValue, errors, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n \r\n );\r\n};\r\n\r\nOlderAdultsTab.propTypes = {\r\n handleGetOlderAdults: PropTypes.func.isRequired,\r\n handleOlderAdults: PropTypes.func.isRequired,\r\n GetOlderAdultsSelectorData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n setLoader: PropTypes.func.isRequired,\r\n selectedAsso: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedBranch: PropTypes.objectOf(PropTypes.any).isRequired,\r\n selectedBranchName: PropTypes.objectOf(PropTypes.any).isRequired,\r\n setErrorPopup: PropTypes.func.isRequired,\r\n setErrorMessage: PropTypes.func.isRequired,\r\n status: PropTypes.objectOf(PropTypes.any).isRequired,\r\n role: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handleGetAnnualReportsDashboard: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetOlderAdults: getOlderAdults,\r\n handleOlderAdults: olderAdults,\r\n handleGetAnnualReportsDashboard: getAnnualReportsDashboardOverviewData\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n GetOlderAdultsSelectorData: GetOlderAdultsSelector(state),\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(OlderAdultsTab));\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport get from 'lodash.get';\r\nimport { BranchListSelector } from '@redux/directory-information/selectors';\r\nimport { getBranchList } from '@redux/directory-information/actions';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport Help from '@modules/shared/components/reusable-components/help';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport helpicon from '@static/images/caretdoubleright.svg';\r\nimport ProgramActivitiesTab from './program-activities';\r\nimport HousingTab from './housing';\r\nimport FoodProgramsTab from './food-programs';\r\nimport ArmedServicesTab from './armed-services';\r\nimport OlderAdultsTab from './older-adults';\r\nimport AssociationDropdown from '../associaction-drop-down/index';\r\n\r\nconst ProgramActivitesTab = props => {\r\n const { setLoader, BranchList, LoginUserData, handleGetBranchList, status } =\r\n props;\r\n const getBranchIdFromOverview = sessionStorage.getItem('branchSelected');\r\n const [associonOptions, setAssocionOptions] = useState([]);\r\n const [branchOptions, setBranchOptions] = useState([]);\r\n const [selectedBranchName, setSelectedBranchName] = useState([]);\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n const [selectedAsso, setSelectedAsso] = useState(null);\r\n const [activeTab, setActiveTab] = useState('Program & Activities');\r\n const [instructions, setInstructions] = useState('');\r\n const [subInstructions, setSubInstructions] = useState('');\r\n const [help, setHelp] = useState(false);\r\n const role = get(LoginUserData, 'user.role[0]');\r\n const selectedYear = sessionStorage.getItem('selectedBatchYear');\r\n const [keyValue, setKeyValue] = useState();\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n const [showPopup, setShowPopup] = useState(false);\r\n const [currentTab, setCurrentTab] = useState('');\r\n const [lastActiveTab, setLastActiveTab] = useState('');\r\n\r\n useEffect(() => {\r\n if (activeTab === 'Program & Activities') {\r\n setSubInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.[\r\n 'program-activities-sub'\r\n ]?.Instruction\r\n );\r\n setKeyValue('program-and-activities');\r\n } else if (activeTab === 'Housing') {\r\n setSubInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.housing\r\n ?.Instruction\r\n );\r\n setKeyValue('housing');\r\n } else if (activeTab === 'Food Programs') {\r\n setSubInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.['food-programs']\r\n ?.Instruction\r\n );\r\n setKeyValue('food-programs');\r\n } else if (activeTab === 'Armed Services') {\r\n setSubInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.[\r\n 'armed-services'\r\n ]?.Instruction\r\n );\r\n setKeyValue('armed-services');\r\n } else if (activeTab === 'Older Adults') {\r\n setSubInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.['older-adults']\r\n ?.Instruction\r\n );\r\n setKeyValue('older-adults');\r\n }\r\n }, [activeTab]);\r\n\r\n useEffect(() => {\r\n setInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.[\r\n 'program-and-activities'\r\n ]?.Instruction\r\n );\r\n\r\n setLoader(true);\r\n handleGetBranchList(\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', '0')\r\n ).then(res => {\r\n if (res.status === 200) {\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n });\r\n sessionStorage.removeItem('branchSelected');\r\n }, []);\r\n\r\n const handleShowHelp = () => {\r\n setHelp(true);\r\n };\r\n const hideShowHelp = () => {\r\n setHelp(false);\r\n };\r\n const onActive = value => {\r\n if (value !== activeTab && sessionStorage.getItem('dirty') === 'true') {\r\n setShowPopup(true);\r\n } else {\r\n setActiveTab(value);\r\n }\r\n setCurrentTab(value);\r\n setLastActiveTab(activeTab);\r\n };\r\n const handleOk = () => {\r\n setActiveTab(currentTab);\r\n setShowPopup(false);\r\n };\r\n const handleCancel = () => {\r\n const activetab = lastActiveTab;\r\n document.getElementById(activetab).click();\r\n setActiveTab(activetab);\r\n setShowPopup(false);\r\n };\r\n\r\n const [selectedBranch, setSelectedBranch] = useState(\r\n getBranchIdFromOverview || null\r\n );\r\n useEffect(() => {\r\n const isEmpty = Object.keys(BranchList).length === 0;\r\n if (!isEmpty) {\r\n const assoNumber = get(BranchList, 'data.associationNumber');\r\n const assoName = get(BranchList, 'data.associationName');\r\n setAssocionOptions([{ id: assoNumber, value: assoName }]);\r\n setSelectedAsso(assoNumber);\r\n const branchList = get(BranchList, 'data.branches')?.map(branch => ({\r\n id: branch.branchNumber,\r\n value: branch.branchName\r\n }));\r\n setBranchOptions(branchList);\r\n if (\r\n !selectedBranch ||\r\n (selectedAsso !== null && assoNumber !== selectedAsso)\r\n )\r\n setSelectedBranch(get(BranchList, 'data.branches[0].branchNumber'));\r\n setSelectedBranchName(get(BranchList, 'data.branches[0].branchName'));\r\n }\r\n }, [BranchList]);\r\n return (\r\n \r\n
\r\n HELP{/* */}\r\n \r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.INSTRUCTIONS}\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n Select your Y using the dropdowns to enter responses for your\r\n corporate association and/or branch(es):\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
{APP_LABELS.INSTRUCTIONS} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {\r\n onActive('Program & Activities');\r\n }}\r\n >\r\n {selectedYear >= '2024'\r\n ? 'Programs & Activities'\r\n : 'Program & Activities'}\r\n \r\n \r\n \r\n {\r\n onActive('Housing');\r\n }}\r\n >\r\n Housing\r\n \r\n \r\n \r\n {\r\n onActive('Food Programs');\r\n }}\r\n >\r\n Food Programs\r\n \r\n \r\n \r\n {\r\n onActive('Armed Services');\r\n }}\r\n >\r\n Armed Services\r\n \r\n \r\n \r\n {\r\n onActive('Older Adults');\r\n }}\r\n >\r\n Older Adults\r\n \r\n \r\n \r\n \r\n
\r\n {activeTab === 'Program & Activities' && (\r\n \r\n {activeTab === 'Housing' && (\r\n \r\n {activeTab === 'Food Programs' && (\r\n \r\n {activeTab === 'Armed Services' && (\r\n \r\n {activeTab === 'Older Adults' && (\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n {help && \r\n
\r\n
\r\n
\r\n {PledgeData?.data?.recordStatus?.toUpperCase() ===\r\n APP_LABELS.STATUS_PARTIAL &&
}\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n {successPopup &&
}\r\n
{\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n \r\n
\r\n
\r\n
\r\n HELP{/* */}\r\n \r\n
\r\n {selectedYear === '2022' && (\r\n \r\n onActive('pledge-tab')}\r\n >\r\n Pledge\r\n \r\n \r\n )}\r\n {selectedYear === '2022' && (\r\n \r\n onActive('cvocontactdetails-tab')}\r\n >\r\n Current & Incoming CVO Information\r\n \r\n \r\n )}\r\n \r\n
\r\n
\r\n {activeTab === 'pledge-tab' && (\r\n \r\n {selectedYear === '2022' && (\r\n
\r\n {activeTab === 'cvocontactdetails-tab' && (\r\n \r\n
\r\n {inCompleteList.length === 0 ||\r\n (inCompleteList[0]?.status === 'Completed' &&\r\n inCompleteList[1]?.status === 'Completed' &&\r\n inCompleteList[2]?.status === 'Completed' &&\r\n inCompleteList[3]?.status === 'Completed' &&\r\n inCompleteList[4]?.status === 'Completed' &&\r\n inCompleteList[5]?.status === 'Completed' &&\r\n inCompleteList[6]?.status === 'Completed' &&\r\n inCompleteList[7]?.status === 'Completed') ? (\r\n
\r\n \r\n
\r\n
\r\n
\r\n
{\r\n handleClosePopup();\r\n }}\r\n >\r\n You’re almost done! \r\n {APP_LABELS.REVIEW_SUBMIT_ALERT_INFO}
\r\n \r\n Submit\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Some Modules are Not Completed! \r\n
Please complete all modules and try.
\r\n
\r\n
{\r\n handleClosePopup();\r\n }}\r\n >\r\n \r\n
\r\n
\r\n \r\n \r\n S.No \r\n Module Name \r\n Status \r\n \r\n \r\n \r\n {inCompleteList?.map(\r\n (data, index) =>\r\n data?.status?.toUpperCase() !==\r\n APP_LABELS.STATUS_COMPLETED && (\r\n \r\n {index + 1} \r\n {data?.name} \r\n \r\n \r\n {data?.status?.toUpperCase() ===\r\n APP_LABELS.STATUS_IN_PROGRESS\r\n ? 'IN PROGRESS'\r\n : 'NOT STARTED'}\r\n \r\n \r\n \r\n )\r\n )}\r\n \r\n
\r\n
\r\n
\r\n {\r\n handleClosePopup();\r\n }}\r\n >\r\n Ok\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {({ dirty, errors }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {dataStatus?.toUpperCase() === APP_LABELS.STATUS_SUBMITTED && (\r\n \r\n {APP_LABELS.REVIEW_SUBMIT_SUBMITTED_TEXT}\r\n
\r\n )}\r\n\r\n {\r\n setIsModalOpen(false);\r\n }}\r\n inCompleteList={inCompleteList}\r\n setSubmitStatus={setSubmitStatus}\r\n setShowPopup={setShowPopup}\r\n setLoader={setLoader}\r\n fromValues={formData}\r\n remaingTabs={\r\n ReviewSubmitInfoSelectorData?.data?.dashboardMenuList.length\r\n }\r\n ReviewSubmitInfoSelectorData={ReviewSubmitInfoSelectorData}\r\n associationNum={associationNum}\r\n />\r\n\r\n {\r\n setShowPopup(false);\r\n if (submitStatus && selectedYear === '2022') setRedirect(true);\r\n if (\r\n submitStatus &&\r\n selectedYear !== '2022' &&\r\n reviewSubmitRating === null\r\n ) {\r\n setFeedbackPopup(true);\r\n } else {\r\n setRedirect(true);\r\n }\r\n }}\r\n />\r\n\r\n {\r\n setFeedbackPopup(false);\r\n if (submitStatus) setRedirect(true);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNum}\r\n formId={formId}\r\n />\r\n\r\n {redirect && {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={APP_LABELS.COMMON_ERROR_MESSAGE}\r\n showErrorPopup={errorPopup}\r\n />\r\n\r\n {help && \r\n \r\n {`0${number}`}\r\n
\r\n
\r\n );\r\n }\r\n if (status === APP_LABELS.STATUS_COMPLETED) {\r\n return (\r\n \r\n \r\n {`0${number}`}\r\n
\r\n
\r\n );\r\n }\r\n return (\r\n \r\n {`0${number}`}
\r\n \r\n );\r\n };\r\n\r\n useEffect(() => {\r\n const navItems = AnnualReportsDashboardData?.find(\r\n yearwise => yearwise.year === sessionStorage.getItem('selectedBatchYear')\r\n );\r\n setMenuItems(navItems);\r\n \r\n }, [AnnualReportsDashboardData]);\r\n\r\n useEffect(() => {\r\n if (window.location.pathname === '/annual/report') {\r\n setMenuItems(DashboardOverviewSelectorData?.data);\r\n }\r\n return () => { setIsDataLoading(false);};\r\n }, [DashboardOverviewSelectorData]);\r\n\r\n const isDisabled = (data, index) =>\r\n (navbarListIds[index]?.id === 'v-pills-Pledge-tab' &&\r\n role !== APP_LABELS.CVO_DATA_STEWARD &&\r\n role !== APP_LABELS.CEO_DATA_STEWARD &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.YUSA_DATA_VIEWER &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD &&\r\n role !== APP_LABELS.ALLIANCE_DATA_STEWARD &&\r\n data?.year === '2022') ||\r\n ((navbarListIds[index]?.id === 'v-pills-siteInformations-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-updateEmployee-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-Constituency-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-globalMetrics-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-ReviewSubmit-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-Pledge-tab') &&\r\n role === APP_LABELS.BRANCH_DATA_STEWARD);\r\n\r\n const isAuthorized = (data, index) =>\r\n (navbarListIds[index]?.id === 'v-pills-Pledge-tab' &&\r\n role !== APP_LABELS.CVO_DATA_STEWARD &&\r\n role !== APP_LABELS.CEO_DATA_STEWARD &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.YUSA_DATA_VIEWER &&\r\n role !== APP_LABELS.ALLIANCE_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD &&\r\n data?.year === '2022') ||\r\n ((navbarListIds[index]?.id === 'v-pills-siteInformations-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-updateEmployee-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-Constituency-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-globalMetrics-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-ReviewSubmit-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-Pledge-tab') &&\r\n role === APP_LABELS.BRANCH_DATA_STEWARD) ? (\r\n \r\n You are not authorized to access this section\r\n \r\n ) : (\r\n ''\r\n );\r\n\r\n return (\r\n \r\n handleSetActive('v-pills-Overview-tab')}\r\n >\r\n \r\n \r\n Overview \r\n \r\n {menuItems?.dashboardDTOs &&\r\n menuItems.dashboardDTOs?.map((data, index) => (\r\n handleSetActive(navbarListIds[index]?.id)}\r\n disabled={isDisabled(data, index)}\r\n >\r\n {getStatusIcons(\r\n data?.status?.toUpperCase(),\r\n data?.year >= '2023' ? data?.sequenceNo : data?.formId\r\n )}\r\n {data?.name} \r\n {isAuthorized(data, index)}\r\n \r\n ))}\r\n\r\n \r\n
\r\n HELP{/* */}\r\n \r\n {({ setFieldValue, errors, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {successPopup && {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n\r\n {\r\n setFeedbackPopup(false);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNumber}\r\n formId={formId}\r\n />\r\n\r\n {help && \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
= '2023') ||\r\n (statusList &&\r\n statusList[0]?.status?.toUpperCase() ===\r\n 'SUBMITTED' &&\r\n activeTab !== 'v-pills-Overview-tab')\r\n ? 'disable-input-role no-cursor'\r\n : ''\r\n }`}\r\n id=\"v-pills-tabContent\"\r\n >\r\n \r\n {activeTab === 'v-pills-Overview-tab' && (\r\n \r\n
\r\n {activeTab === 'v-pills-Directory-tab' && (\r\n \r\n
\r\n {activeTab === 'v-pills-siteInformations-tab' && (\r\n \r\n {activeTab === 'v-pills-updateEmployee-tab' && (\r\n \r\n
\r\n {activeTab === 'v-pills-Constituency-tab' && (\r\n \r\n {activeTab === 'v-pills-globalMetrics-tab' && (\r\n \r\n {activeTab === 'v-pills-Collaborations-tab' && (\r\n \r\n {activeTab === 'v-pills-Program-tab' && (\r\n \r\n {activeTab === 'v-pills-Pledge-tab' && (\r\n \r\n {activeTab === 'v-pills-ReviewSubmit-tab' && (\r\n \r\n \r\n );\r\n};\r\n\r\nAnnualReports.propTypes = {\r\n location: PropTypes.objectOf(PropTypes.any).isRequired,\r\n AnnualReportsDashboardData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handleGetAnnualReportsDashboard: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n AnnualReportsDashboardData: DashboardOverviewSelector(state),\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\nconst mapDispatchToProps = {\r\n handleGetAnnualReportsDashboard: getAnnualReportsDashboardOverviewData\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(AnnualReports));\r\n","export default __webpack_public_path__ + \"download-pdf.svg\";","import {\r\n ANNUAL_REPORT_DASHBOARD,\r\n AR_REOPEN\r\n} from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getAnnualReportsDashboardData =\r\n AssociationId => (dispatch, getState) =>\r\n asyncRequest({\r\n url: ANNUAL_REPORT_DASHBOARD(AssociationId),\r\n successAction: data => ({\r\n type: types.ANNUAL_REPORT_DASHBOARD_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.ANNUAL_REPORT_DASHBOARD_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const reopenAnnualReport =\r\n (AssociationId, year) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: AR_REOPEN(AssociationId, year),\r\n successAction: data => ({\r\n type: types.ANNUAL_REPORT_REOPEN_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.ANNUAL_REPORT_REOPEN_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","export default __webpack_public_path__ + \"success_icon.svg\";","export default __webpack_public_path__ + \"loading_icon.svg\";","export default __webpack_public_path__ + \"dropdown-icon.svg\";","export default __webpack_public_path__ + \"blue-dot-icon.svg\";","export default __webpack_public_path__ + \"number-bg.svg\";","export default __webpack_public_path__ + \"checkbox 2x.svg\";","export default __webpack_public_path__ + \"loading 2x.svg\";","/* eslint-disable jsx-a11y/click-events-have-key-events */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport convertUtcToLocal from '@utilities/ConvertTimezone';\r\nimport numberBg from '@static/images/number-bg.svg';\r\nimport checkBox2x from '@static/images/checkbox 2x.svg';\r\nimport Loading2x from '@static/images/loading 2x.svg';\r\n\r\nconst isPledge = name =>\r\n name === APP_LABELS.PLEDGE_STATEMENT || name === APP_LABELS.PLEDGE;\r\n\r\nconst isBranchDataSteward = userRole =>\r\n userRole === APP_LABELS.BRANCH_DATA_STEWARD;\r\n\r\nconst isDataViewerOrSteward = userRole =>\r\n userRole === APP_LABELS.YUSA_DATA_VIEWER ||\r\n userRole === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n userRole === APP_LABELS.YUSA_DATA_STEWARD ||\r\n userRole === APP_LABELS.YESS_DATA_STEWARD;\r\n\r\nconst isStartLinkVisible = (name, userRole) => {\r\n const isSpecialCase =\r\n (isPledge(name) &&\r\n ![\r\n APP_LABELS.CVO_DATA_STEWARD,\r\n APP_LABELS.CEO_DATA_STEWARD,\r\n APP_LABELS.YUSA_DATA_VIEWER,\r\n APP_LABELS.ALLIANCE_DATA_STEWARD,\r\n APP_LABELS.YUSA_DATA_STEWARD,\r\n APP_LABELS.YESS_DATA_STEWARD\r\n ].includes(userRole)) ||\r\n (name === APP_LABELS.SITE_INFORMATION && isBranchDataSteward(userRole)) ||\r\n (name === APP_LABELS.EMPLOYEE && isBranchDataSteward(userRole)) ||\r\n (name === APP_LABELS.CONSTITUENCY_REPORT &&\r\n isBranchDataSteward(userRole)) ||\r\n (name === APP_LABELS.DIVERSITY_METRICS && isBranchDataSteward(userRole));\r\n\r\n return !isSpecialCase;\r\n};\r\n\r\nconst Card = props => {\r\n const { id, name, status, lastUpdatedBy, lastUpdatedDate, userRole, year } =\r\n props;\r\n const mapperToSection = {\r\n 1: 'v-pills-Directory-tab',\r\n 2: 'v-pills-siteInformations-tab',\r\n 3: 'v-pills-updateEmployee-tab',\r\n 4: 'v-pills-Constituency-tab',\r\n 5: 'v-pills-globalMetrics-tab',\r\n 6: 'v-pills-Collaborations-tab',\r\n 7: 'v-pills-Program-tab',\r\n 8: 'v-pills-Pledge-tab',\r\n 9: 'v-pills-ReviewSubmit-tab'\r\n };\r\n const location1 = {\r\n pathname: '/annual/report',\r\n state: { sectionId: mapperToSection[id], selectedYear: year }\r\n };\r\n const handleSetYear = () => {\r\n sessionStorage.setItem('selectedBatchYear', location1?.state?.selectedYear);\r\n };\r\n\r\n const cardBody = () => (\r\n \r\n
{name} \r\n
\r\n {status}\r\n \r\n {status !== APP_LABELS.STATUS_YET_TO_BEGIN && (\r\n <>\r\n {APP_LABELS.LAST_UPDATED_BY}
\r\n \r\n {`${lastUpdatedBy || ''} ${convertUtcToLocal(\r\n lastUpdatedDate,\r\n 'DD MMM YYYY, hh:mm a'\r\n )}`}\r\n
\r\n \r\n )}\r\n \r\n \r\n
\r\n
\r\n
{`0${id}`} \r\n
\r\n {cardBody()}\r\n {status === APP_LABELS.STATUS_COMPLETED ||\r\n status === APP_LABELS.STATUS_IN_PROGRESS ||\r\n status === APP_LABELS.STATUS_SUBMITTED ? (\r\n
\r\n ) : (\r\n ''\r\n )}\r\n
\r\n {isStartLinkVisible(name, userRole) ? (\r\n
\r\n )}\r\n \r\n );\r\n\r\n return (\r\n \r\n {((name === APP_LABELS.PLEDGE_STATEMENT || name === APP_LABELS.PLEDGE) &&\r\n userRole !== APP_LABELS.CVO_DATA_STEWARD &&\r\n userRole !== APP_LABELS.CEO_DATA_STEWARD &&\r\n userRole !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n userRole !== APP_LABELS.YESS_DATA_STEWARD &&\r\n userRole !== APP_LABELS.YUSA_DATA_VIEWER &&\r\n userRole !== APP_LABELS.ALLIANCE_DATA_STEWARD &&\r\n year === '2022') ||\r\n (name === APP_LABELS.SITE_INFORMATION &&\r\n userRole === APP_LABELS.BRANCH_DATA_STEWARD) ||\r\n (name === APP_LABELS.EMPLOYEE &&\r\n userRole === APP_LABELS.BRANCH_DATA_STEWARD) ||\r\n (name === APP_LABELS.CONSTITUENCY_REPORT &&\r\n userRole === APP_LABELS.BRANCH_DATA_STEWARD) ||\r\n (name === APP_LABELS.DIVERSITY_METRICS &&\r\n userRole === APP_LABELS.BRANCH_DATA_STEWARD) ||\r\n (name === APP_LABELS.DIVERSITYMETRICS &&\r\n userRole === APP_LABELS.BRANCH_DATA_STEWARD)||\r\n ((name === APP_LABELS.PLEDGE_STATEMENT || name === APP_LABELS.PLEDGE) &&\r\n userRole === APP_LABELS.BRANCH_DATA_STEWARD) ||\r\n (name === APP_LABELS.REVIEW_SUBMIT &&\r\n userRole === APP_LABELS.BRANCH_DATA_STEWARD) ? (\r\n
\r\n {renderCard()}\r\n \r\n You are not authorized to access this section\r\n \r\n
\r\n ) : (\r\n
\r\n {renderCard()}\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
Start Date \r\n \r\n
\r\n
\r\n {reportData?.startDate\r\n ? moment(reportData?.startDate).format('MMMM DD, YYYY')\r\n : '-'}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
End Date \r\n \r\n
\r\n
\r\n {reportData?.endDate\r\n ? moment(reportData?.endDate).format('MMMM DD, YYYY')\r\n : '-'}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Report \r\n \r\n
\r\n
\r\n
downloadPdfApi(reportData?.year)}\r\n >\r\n Download Pdf\r\n \r\n \r\n
\r\n \r\n {(role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD) &&\r\n reportData?.status?.toUpperCase() === APP_LABELS.STATUS_SUBMITTED && (\r\n
\r\n {\r\n setReOpenYear(reportData?.year);\r\n setAlertPopup(true);\r\n }}\r\n >\r\n Re-open\r\n \r\n
\r\n )}\r\n\r\n
\r\n
\r\n
Status \r\n \r\n {selectedBatchYear === reportData?.year ? (\r\n
handleSetYear(selectedBatchYear)}\r\n >\r\n View Progress\r\n \r\n ) : (\r\n \r\n {\r\n if (selectedBatchYear) setSelectedBatchYear(null);\r\n else setSelectedBatchYear(reportData?.year);\r\n }}\r\n >\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n Annual Reports {reportData?.year}\r\n \r\n \r\n
\r\n {DatesElement(reportData)}\r\n {(reportData?.status?.toUpperCase() === APP_LABELS.STATUS_YETTOBEGIN ||\r\n role === APP_LABELS.BRANCH_DATA_STEWARD) && (\r\n
\r\n )}\r\n {reportData?.status?.toUpperCase() !== APP_LABELS.STATUS_YETTOBEGIN &&\r\n role !== APP_LABELS.BRANCH_DATA_STEWARD &&\r\n DownloadElement(reportData, downloadPdfApi)}\r\n\r\n {statusElement(\r\n reportData,\r\n role,\r\n selectedBatchYear,\r\n setSelectedBatchYear,\r\n setReOpenYear,\r\n setAlertPopup\r\n )}\r\n
\r\n \r\n
\r\n {(role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD) && (\r\n
\r\n
\r\n
\r\n
\r\n
{' '}\r\n Back\r\n \r\n
\r\n
\r\n )}\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n {APP_LABELS.ANNUAL_REPORTS}\r\n \r\n \r\n
\r\n {selectedBatchYear && (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Section Completed \r\n
\r\n {'(All required fields within'}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Section In Progress \r\n
\r\n {'(Certain fields within the '}\r\n
\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n\r\n {Array.isArray(DashboardData) &&\r\n DashboardData?.map(reportData => {\r\n if (\r\n moment(new Date()).isAfter(reportData?.startDate, true) ||\r\n associationNumber === '9999'\r\n ) {\r\n return (\r\n <>\r\n {HeaderContent(\r\n reportData,\r\n role,\r\n downloadPdfApi,\r\n selectedBatchYear,\r\n setSelectedBatchYear,\r\n setReOpenYear,\r\n setAlertPopup\r\n )}\r\n\r\n {selectedBatchYear === reportData?.year && (\r\n
\r\n \r\n {reportData?.dashboardDTOs?.map(dto => (\r\n = '2023'\r\n ? dto?.sequenceNo\r\n : dto.formId\r\n }\r\n name={dto?.name}\r\n status={dto?.status?.toUpperCase()}\r\n lastUpdatedBy={dto?.updatedByName}\r\n lastUpdatedDate={dto?.updatedDateTime}\r\n userRole={role}\r\n key={\r\n reportData?.year >= '2023'\r\n ? dto?.sequenceNo\r\n : dto.formId\r\n }\r\n year={dto?.year}\r\n />\r\n ))}\r\n
\r\n \r\n )}\r\n \r\n );\r\n }\r\n })}\r\n
\r\n
\r\n\r\n {\r\n setAlertPopup(false);\r\n setReOpenYear(null);\r\n }}\r\n />\r\n\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={APP_LABELS.COMMON_ERROR_MESSAGE}\r\n showErrorPopup={errorPopup}\r\n />\r\n \r\n );\r\n};\r\n\r\nAnnualreportDashboard.propTypes = {\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n DashboardData: PropTypes.arrayOf(PropTypes.any).isRequired,\r\n handlerTogetAnnualReportsData: PropTypes.func.isRequired,\r\n handleReopenAnnualReport: PropTypes.func.isRequired,\r\n AssociationNumberData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n ModulesConfigData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handlerTogetAnnualReportsData: getAnnualReportsDashboardData,\r\n handleReopenAnnualReport: reopenAnnualReport\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state),\r\n DashboardData: AnnualReportsDashboardDataSelector(state),\r\n AssociationNumberData: AssociationNumberSelector(state),\r\n ModulesConfigData: GetModulesConfigSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(AnnualreportDashboard);\r\n","import {\r\n GET_YUSA_ASSOCIATION_LIST,\r\n GET_YUSA_YEAR_LIST\r\n} from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getAssociationList = year => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_YUSA_ASSOCIATION_LIST(year),\r\n successAction: data => ({\r\n type: types.YUSA_ASSOCIATION_LIST_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.YUSA_ASSOCIATION_LIST_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getYearList = () => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_YUSA_YEAR_LIST(),\r\n successAction: data => ({\r\n type: types.YUSA_YEAR_LIST_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.YUSA_YEAR_LIST_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","export const YusaAssociationListSelector = ({\r\n yusaAssociationData: { YusaAssociationList }\r\n}) => YusaAssociationList;\r\n\r\nexport const YusaYearListSelector = ({ YusaYearList: { YusaYearList } }) =>\r\n YusaYearList;\r\n","export default __webpack_public_path__ + \"Association.svg\";","export default __webpack_public_path__ + \"Association-hover.svg\";","export default __webpack_public_path__ + \"NotStarted.svg\";","export default __webpack_public_path__ + \"NotStarted-hover.svg\";","export default __webpack_public_path__ + \"inporgress.svg\";","export default __webpack_public_path__ + \"inporgress-hover.svg\";","export default __webpack_public_path__ + \"completed.svg\";","export default __webpack_public_path__ + \"completed-hover.svg\";","export default __webpack_public_path__ + \"warning-dark-icon.svg\";","import React, { useMemo } from 'react';\r\nimport {\r\n useTable,\r\n useGlobalFilter,\r\n usePagination,\r\n useSortBy\r\n} from 'react-table';\r\nimport PropTypes from 'prop-types';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport { connect } from 'react-redux';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport get from 'lodash.get';\r\nimport axios from 'axios';\r\nimport { GET_EXPORT_YMCA_ASSOCIATIONS } from '@config/api-config';\r\nimport SearchIcon from '@static/images/search-icon.svg';\r\nimport PreviousIcon from '@static/images/previous-icon.svg';\r\nimport NextIcon from '@static/images/Next-icon.svg';\r\nimport SortUpIcon from '@static/images/sorting-icon-up.svg';\r\nimport SortDownIcon from '@static/images/sorting-icon-down.svg';\r\nimport successIcon from '@static/images/success_icon.svg';\r\nimport warningDarkIcon from '@static/images/warning-dark-icon.svg';\r\nimport loadingIcon from '@static/images/loading_icon.svg';\r\n\r\nconst Table = props => {\r\n const { rows, headers, associationType, setLoader, year } = props;\r\n const columns = useMemo(() => headers, []);\r\n const data = useMemo(() => rows, [rows]);\r\n const { LoginUserData } = props;\r\n const {\r\n getTableProps,\r\n getTableBodyProps,\r\n headerGroups,\r\n page,\r\n nextPage,\r\n previousPage,\r\n canNextPage,\r\n canPreviousPage,\r\n gotoPage,\r\n pageCount,\r\n prepareRow,\r\n state,\r\n setGlobalFilter\r\n } = useTable(\r\n {\r\n columns,\r\n data,\r\n disableSortRemove: true,\r\n defaultCanSort: true,\r\n initialState: {\r\n // Use your own data structure and add as many columns that need sorting by default\r\n sortBy: [{ uploadedDateTime: data.uploadedDateTime, desc: true }],\r\n pageSize: 25\r\n }\r\n },\r\n useGlobalFilter,\r\n useSortBy,\r\n usePagination\r\n );\r\n const { globalFilter, pageIndex } = state;\r\n\r\n // eslint-disable-next-line consistent-return\r\n const getRowStatus = status => {\r\n if (\r\n typeof status === 'string' &&\r\n status?.toUpperCase() === APP_LABELS.STATUS_COMPLETED\r\n ) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n if (\r\n typeof status === 'string' &&\r\n status?.toUpperCase() === APP_LABELS.STATUS_IN_PROGRESS\r\n ) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n\r\n if (\r\n typeof status === 'string' &&\r\n status?.toUpperCase() === APP_LABELS.STATUS_NOT_STARTED\r\n ) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n };\r\n const authToken = JSON.parse(sessionStorage.getItem('token'));\r\n\r\n const handleExportFile = () => {\r\n const Offset = new Date().getTimezoneOffset();\r\n setLoader(true);\r\n axios\r\n .get(GET_EXPORT_YMCA_ASSOCIATIONS(year, Offset), {\r\n responseType: 'blob',\r\n headers: {\r\n 'Content-Type': 'blob',\r\n 'Access-Control-Allow-Credentials': true,\r\n 'Access-Control-Allow-Origin': window.location.origin,\r\n 'Ocp-Apim-Subscription-Key': APP_LABELS.APIM_KEY,\r\n Authorization: `Bearer ${get(authToken, 'token', '')}`\r\n }\r\n })\r\n .then(response => {\r\n const downloadUrl = window.URL.createObjectURL(\r\n new Blob([response.data])\r\n );\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.setAttribute('download', 'YMCA-Associations.xlsx');\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoader(false);\r\n });\r\n };\r\n // eslint-disable-next-line consistent-return\r\n const getTitle = type => {\r\n if (type === 'totalData') {\r\n return get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.YUSA_DATA_STEWARD ||\r\n get(LoginUserData, 'user.role[0]') === APP_LABELS.YUSA_DATA_VIEWER ||\r\n get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n get(LoginUserData, 'user.role[0]') === APP_LABELS.YESS_DATA_STEWARD\r\n ? 'YMCA Associations'\r\n : 'Change Log Details';\r\n }\r\n if (type === 'completed') {\r\n return 'YMCA Associations (Completed)';\r\n }\r\n\r\n if (type === 'NotStarted') {\r\n return 'YMCA Associations (Not Started)';\r\n }\r\n\r\n if (type === 'inProgress') {\r\n return 'YMCA Associations (In Progress)';\r\n }\r\n };\r\n\r\n const setColumnSorting = columnData => {\r\n if (columnData.isSorted) {\r\n if (columnData.isSortedDesc) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n return (\r\n \r\n \r\n );\r\n }\r\n return (\r\n <>\r\n {columnData.Header !== 'Summary' && columnData.Header !== '' ? (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n {get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.YUSA_DATA_STEWARD ||\r\n get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.YESS_DATA_STEWARD ||\r\n get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.YUSA_DATA_VIEWER ||\r\n get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.ALLIANCE_DATA_STEWARD\r\n ? getTitle(associationType)\r\n : 'Change Log Details'}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n \r\n Export\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {setColumnSorting(column)}\r\n
\r\n \r\n ))}\r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n {cell.column.Header === 'Overall Status' &&\r\n getRowStatus(cell.value)}\r\n {cell.column.Header === 'Pledge Statment Status' &&\r\n getRowStatus(cell.value)}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n No records found!\r\n
\r\n )}\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n previousPage()}\r\n disabled={!canPreviousPage}\r\n >\r\n \r\n\r\n {[...Array(pageCount).keys()].map(count => {\r\n if (\r\n count >= (pageIndex > 25 ? pageIndex - 25 : 0) &&\r\n count <= (pageIndex < 25 ? 24 : pageIndex)\r\n ) {\r\n return (\r\n \r\n gotoPage(count)}\r\n >\r\n {count + 1}\r\n \r\n \r\n );\r\n }\r\n return null;\r\n })}\r\n\r\n \r\n nextPage()}\r\n disabled={!canNextPage}\r\n >\r\n {'Next '}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n associationType: PropTypes.arrayOf(PropTypes.any),\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n setLoader: PropTypes.func.isRequired,\r\n year: PropTypes.number.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n associationType: ''\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\nexport default connect(mapStateToProps, null)(Table);\r\n","import React, { useMemo } from 'react';\r\nimport {\r\n useTable,\r\n useGlobalFilter,\r\n usePagination,\r\n useSortBy\r\n} from 'react-table';\r\nimport PropTypes from 'prop-types';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport { connect } from 'react-redux';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport get from 'lodash.get';\r\nimport axios from 'axios';\r\nimport { GET_EXPORT_YMCA_ASSOCIATIONS } from '@config/api-config';\r\nimport SearchIcon from '@static/images/search-icon.svg';\r\nimport PreviousIcon from '@static/images/previous-icon.svg';\r\nimport NextIcon from '@static/images/Next-icon.svg';\r\nimport SortUpIcon from '@static/images/sorting-icon-up.svg';\r\nimport SortDownIcon from '@static/images/sorting-icon-down.svg';\r\nimport successIcon from '@static/images/success_icon.svg';\r\nimport warningDarkIcon from '@static/images/warning-dark-icon.svg';\r\nimport loadingIcon from '@static/images/loading_icon.svg';\r\n\r\nconst Table2022 = props => {\r\n const { rows, headers, associationType, setLoader, year } = props;\r\n const columns = useMemo(() => headers, []);\r\n const data = useMemo(() => rows, [rows]);\r\n const { LoginUserData } = props;\r\n const {\r\n getTableProps,\r\n getTableBodyProps,\r\n headerGroups,\r\n page,\r\n nextPage,\r\n previousPage,\r\n canNextPage,\r\n canPreviousPage,\r\n gotoPage,\r\n pageCount,\r\n prepareRow,\r\n state,\r\n setGlobalFilter\r\n } = useTable(\r\n {\r\n columns,\r\n data,\r\n disableSortRemove: true,\r\n defaultCanSort: true,\r\n initialState: {\r\n // Use your own data structure and add as many columns that need sorting by default\r\n sortBy: [{ uploadedDateTime: data.uploadedDateTime, desc: true }],\r\n pageSize: 25\r\n }\r\n },\r\n useGlobalFilter,\r\n useSortBy,\r\n usePagination\r\n );\r\n const { globalFilter, pageIndex } = state;\r\n\r\n // eslint-disable-next-line consistent-return\r\n const getRowStatus = status => {\r\n if (\r\n typeof status === 'string' &&\r\n status?.toUpperCase() === APP_LABELS.STATUS_COMPLETED\r\n ) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n if (\r\n typeof status === 'string' &&\r\n status?.toUpperCase() === APP_LABELS.STATUS_IN_PROGRESS\r\n ) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n\r\n if (\r\n typeof status === 'string' &&\r\n status?.toUpperCase() === APP_LABELS.STATUS_NOT_STARTED\r\n ) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n };\r\n const authToken = JSON.parse(sessionStorage.getItem('token'));\r\n\r\n const handleExportFile = () => {\r\n setLoader(true);\r\n const Offset = new Date().getTimezoneOffset();\r\n axios\r\n .get(GET_EXPORT_YMCA_ASSOCIATIONS(year, Offset), {\r\n responseType: 'blob',\r\n headers: {\r\n 'Content-Type': 'blob',\r\n 'Access-Control-Allow-Credentials': true,\r\n 'Access-Control-Allow-Origin': window.location.origin,\r\n 'Ocp-Apim-Subscription-Key': APP_LABELS.APIM_KEY,\r\n Authorization: `Bearer ${get(authToken, 'token', '')}`\r\n }\r\n })\r\n .then(response => {\r\n const downloadUrl = window.URL.createObjectURL(\r\n new Blob([response.data])\r\n );\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.setAttribute('download', 'YMCA-Associations.xlsx');\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoader(false);\r\n });\r\n };\r\n // eslint-disable-next-line consistent-return\r\n const getTitle = type => {\r\n if (type === 'totalData') {\r\n return get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.YUSA_DATA_STEWARD ||\r\n get(LoginUserData, 'user.role[0]') === APP_LABELS.YUSA_DATA_VIEWER ||\r\n get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n get(LoginUserData, 'user.role[0]') === APP_LABELS.YESS_DATA_STEWARD\r\n ? 'YMCA Associations'\r\n : 'Change Log Details';\r\n }\r\n if (type === 'completed') {\r\n return 'YMCA Associations (Completed)';\r\n }\r\n\r\n if (type === 'NotStarted') {\r\n return 'YMCA Associations (Not Started)';\r\n }\r\n\r\n if (type === 'inProgress') {\r\n return 'YMCA Associations (In Progress)';\r\n }\r\n };\r\n\r\n const setColumnSorting = columnData => {\r\n if (columnData.isSorted) {\r\n if (columnData.isSortedDesc) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n return (\r\n \r\n \r\n );\r\n }\r\n return (\r\n <>\r\n {columnData.Header !== 'Summary' && columnData.Header !== '' ? (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n {get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.YUSA_DATA_STEWARD ||\r\n get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.YESS_DATA_STEWARD ||\r\n get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.YUSA_DATA_VIEWER ||\r\n get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.YESS_DATA_STEWARD\r\n ? getTitle(associationType)\r\n : 'Change Log Details'}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n \r\n Export\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {setColumnSorting(column)}\r\n
\r\n \r\n ))}\r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n {cell.column.Header === 'Status' &&\r\n getRowStatus(cell.value)}\r\n {cell.column.Header === 'Pledge Statment Status' &&\r\n getRowStatus(cell.value)}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n No records found!\r\n
\r\n )}\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n previousPage()}\r\n disabled={!canPreviousPage}\r\n >\r\n \r\n\r\n {[...Array(pageCount).keys()].map(count => {\r\n if (\r\n count >= (pageIndex > 25 ? pageIndex - 25 : 0) &&\r\n count <= (pageIndex < 25 ? 24 : pageIndex)\r\n ) {\r\n return (\r\n \r\n gotoPage(count)}\r\n >\r\n {count + 1}\r\n \r\n \r\n );\r\n }\r\n return null;\r\n })}\r\n\r\n \r\n nextPage()}\r\n disabled={!canNextPage}\r\n >\r\n {'Next '}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nTable2022.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n associationType: PropTypes.arrayOf(PropTypes.any),\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n setLoader: PropTypes.func.isRequired,\r\n year: PropTypes.number.isRequired\r\n};\r\n\r\nTable2022.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n associationType: ''\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\nexport default connect(mapStateToProps, null)(Table2022);\r\n","const ASSOCIATION_COLUMNS = [\r\n {\r\n Header: 'Association Name',\r\n accessor: 'AssociationName',\r\n className: 'notranslate ymca-word-break ymca-text-primary'\r\n },\r\n {\r\n Header: 'Member Group',\r\n accessor: 'MemberGroup',\r\n className: 'notranslate'\r\n },\r\n // {\r\n // Header: 'Contact Email',\r\n // accessor: 'ContactEmail',\r\n // className: 'notranslate'\r\n // },\r\n // {\r\n // Header: 'Contact Number',\r\n // accessor: 'ContactNumber',\r\n // className: 'notranslate'\r\n // },\r\n {\r\n Header: 'Overall Status',\r\n accessor: 'Status',\r\n className: 'notranslate statusShow'\r\n },\r\n {\r\n Header: 'Pledge Statment Status',\r\n accessor: 'PledgeStatement',\r\n className: 'notranslate statusShow'\r\n },\r\n {\r\n Header: 'Progress',\r\n accessor: 'Progress',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Last Updated Date Time',\r\n accessor: 'UpdatedDateTime',\r\n className: 'notranslate text-center'\r\n },\r\n {\r\n Header: '',\r\n accessor: 'DetailPage'\r\n }\r\n];\r\n\r\nexport default ASSOCIATION_COLUMNS;\r\n","const ASSOCIATION_COLUMNS_2022 = [\r\n {\r\n Header: 'Association Name',\r\n accessor: 'AssociationName',\r\n className: 'notranslate ymca-word-break ymca-text-primary'\r\n },\r\n {\r\n Header: 'Member Group',\r\n accessor: 'MemberGroup',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Contact Email',\r\n accessor: 'ContactEmail',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Contact Number',\r\n accessor: 'ContactNumber',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Status',\r\n accessor: 'Status',\r\n className: 'notranslate statusShow'\r\n },\r\n {\r\n Header: 'Last Updated Date Time',\r\n accessor: 'UpdatedDateTime',\r\n className: 'notranslate text-center'\r\n },\r\n {\r\n Header: '',\r\n accessor: 'DetailPage'\r\n }\r\n];\r\n\r\nexport default ASSOCIATION_COLUMNS_2022;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport get from 'lodash.get';\r\nimport { connect } from 'react-redux';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport {\r\n getAssociationList,\r\n getYearList\r\n} from '@redux/annual-yusa-dashboard/actions';\r\nimport {\r\n YusaAssociationListSelector,\r\n YusaYearListSelector\r\n} from '@redux/annual-yusa-dashboard/selectors';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport AssociationsTotal from '@static/images/Association.svg';\r\nimport Associationhover from '@static/images/Association-hover.svg';\r\nimport NotStarted from '@static/images/NotStarted.svg';\r\nimport NotStartedhover from '@static/images/NotStarted-hover.svg';\r\nimport inporgress from '@static/images/inporgress.svg';\r\nimport inporgresshover from '@static/images/inporgress-hover.svg';\r\nimport completed from '@static/images/completed.svg';\r\nimport completedhover from '@static/images/completed-hover.svg';\r\nimport convertUtcToLocal from '@utilities/ConvertTimezone';\r\nimport GetModulesConfigSelector from '@redux/module-config/selectors';\r\nimport Table from './table';\r\nimport Table2022 from './table2022';\r\nimport ASSOCIATION_COLUMNS from './association_columns';\r\nimport ASSOCIATION_COLUMNS_2022 from './association_columns2022';\r\n\r\nconst YusaAnnualDashboard = props => {\r\n const { ModulesConfigData } = props;\r\n\r\n const year = get(ModulesConfigData, 'data')?.find(\r\n o => o?.moduleName === 'Annual Reports'\r\n )?.year;\r\n\r\n const {\r\n LoginUserData,\r\n AssociationList,\r\n handleToGetAssociationList,\r\n handleGetYearList,\r\n YearList\r\n } = props;\r\n\r\n const [loader, setLoader] = useState(false);\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const [associationType, setAssociationType] = useState('totalData');\r\n const [selectedYear, setSelectedYear] = useState(year);\r\n const [yearListLoader, setYearListLoader] = useState(false);\r\n const [associationListLoader, setAssociationListLoader] = useState(false);\r\n const [associationData, setAssociationData] = useState({\r\n totalData: [],\r\n completed: [],\r\n NotStarted: [],\r\n inProgress: []\r\n });\r\n\r\n useEffect(() => {\r\n setLoader(true);\r\n setYearListLoader(false);\r\n handleGetYearList().then(res => {\r\n if (res.status === 200) {\r\n setYearListLoader(true);\r\n } else {\r\n setYearListLoader(true);\r\n setErrorPopup(true);\r\n }\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n setLoader(true);\r\n setAssociationListLoader(false);\r\n window.scrollTo(0, 0);\r\n\r\n handleToGetAssociationList(selectedYear).then(res => {\r\n if (res.status === 200) {\r\n setAssociationListLoader(true);\r\n } else {\r\n setAssociationListLoader(true);\r\n setErrorPopup(true);\r\n }\r\n });\r\n }, [selectedYear]);\r\n\r\n useEffect(() => {\r\n if (associationListLoader && yearListLoader) {\r\n setLoader(false);\r\n }\r\n }, [associationListLoader, yearListLoader]);\r\n useEffect(() => {\r\n if (AssociationList?.data?.length === 0) {\r\n setAssociationData({\r\n totalData: [],\r\n completed: [],\r\n NotStarted: [],\r\n inProgress: []\r\n });\r\n }\r\n if (AssociationList && AssociationList?.data?.length > 0) {\r\n setAssociationData({\r\n totalData: AssociationList?.data,\r\n completed: AssociationList?.data?.filter(\r\n data => data?.status?.toUpperCase() === APP_LABELS.STATUS_COMPLETED\r\n ),\r\n NotStarted: AssociationList?.data?.filter(\r\n data => data?.status?.toUpperCase() === APP_LABELS.STATUS_NOT_STARTED\r\n ),\r\n inProgress: AssociationList?.data?.filter(\r\n data => data?.status?.toUpperCase() === APP_LABELS.STATUS_IN_PROGRESS\r\n )\r\n });\r\n }\r\n }, [AssociationList]);\r\n\r\n const setAssociationinfo = data => {\r\n sessionStorage.setItem('yusa_selected_associate', JSON.stringify(data));\r\n };\r\n const getAssociationListForTable = type =>\r\n associationData[type]?.map(data => {\r\n const location = {\r\n pathname: '/annual/report/dashboard',\r\n state: data\r\n };\r\n\r\n return {\r\n AssociationName: `${get(data, 'associationName', '-')} (${get(\r\n data,\r\n 'associationNumber',\r\n '-'\r\n )})`,\r\n MemberGroup: get(data, 'memberGroup', '-'),\r\n UpdatedDateTime: get(data, 'updatedDateTime', null)\r\n ? convertUtcToLocal(get(data, 'updatedDateTime'))\r\n : '-',\r\n ContactEmail: get(data, 'email', '-'),\r\n ContactNumber: get(data, 'phoneNumber', '-'),\r\n Status: get(data, 'status', '-'),\r\n PledgeStatement: get(data, 'pledgeStatement', '-'),\r\n Progress: get(data, 'completedReports', '-'),\r\n DetailPage: (\r\n setAssociationinfo(data)}\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n )\r\n };\r\n });\r\n\r\n const getAssociationListForTable2022 = type =>\r\n associationData[type]?.map(data => {\r\n const location = {\r\n pathname: '/annual/report/dashboard',\r\n state: data\r\n };\r\n\r\n return {\r\n AssociationName: `${get(data, 'associationName', '-')} (${get(\r\n data,\r\n 'associationNumber',\r\n '-'\r\n )})`,\r\n MemberGroup: get(data, 'memberGroup', '-'),\r\n UpdatedDateTime: get(data, 'updatedDateTime', null)\r\n ? convertUtcToLocal(get(data, 'updatedDateTime'))\r\n : '-',\r\n ContactEmail: get(data, 'email', '-'),\r\n ContactNumber: get(data, 'phoneNumber', '-'),\r\n Status: get(data, 'status', '-'),\r\n DetailPage: (\r\n {\r\n sessionStorage.setItem(\r\n 'yusa_selected_associate',\r\n JSON.stringify(data)\r\n );\r\n }}\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n )\r\n };\r\n });\r\n\r\n const handleSelectedYear = selectedValue => {\r\n setSelectedYear(selectedValue);\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{APP_LABELS.WELCOME} \r\n \r\n {`${get(\r\n LoginUserData,\r\n 'user.firstName',\r\n 'User'\r\n )} ${get(LoginUserData, 'user.lastName', '')}`}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n Select Year: \r\n handleSelectedYear(e.target.value)}\r\n >\r\n {YearList?.data &&\r\n YearList?.data?.sort()?.map(data => (\r\n \r\n {data}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n
setAssociationType('totalData')}\r\n >\r\n \r\n
\r\n
\r\n
\r\n {AssociationList ? AssociationList?.data?.length : 0}\r\n \r\n
No.of Associations
\r\n
\r\n
\r\n
\r\n
setAssociationType('completed')}\r\n >\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {AssociationList\r\n ? AssociationList?.data?.filter(\r\n data =>\r\n data?.status?.toUpperCase() ===\r\n APP_LABELS.STATUS_COMPLETED\r\n )?.length\r\n : 0}\r\n \r\n
Completed
\r\n
\r\n
\r\n
\r\n
setAssociationType('inProgress')}\r\n >\r\n \r\n
\r\n
\r\n
\r\n {AssociationList\r\n ? AssociationList?.data?.filter(\r\n data =>\r\n data?.status?.toUpperCase() ===\r\n APP_LABELS.STATUS_IN_PROGRESS\r\n )?.length\r\n : 0}\r\n \r\n
In Progress
\r\n
\r\n
\r\n
\r\n
setAssociationType('NotStarted')}\r\n >\r\n \r\n
\r\n
\r\n
\r\n {AssociationList\r\n ? AssociationList?.data?.filter(\r\n data =>\r\n data?.status?.toUpperCase() ===\r\n APP_LABELS.STATUS_NOT_STARTED\r\n )?.length\r\n : 0}\r\n \r\n
Not Started
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n {selectedYear === '2022' ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={APP_LABELS.COMMON_ERROR_MESSAGE}\r\n showErrorPopup={errorPopup}\r\n />\r\n \r\n );\r\n};\r\n\r\nYusaAnnualDashboard.propTypes = {\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n AssociationList: PropTypes.objectOf(PropTypes.any).isRequired,\r\n YearList: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handleGetYearList: PropTypes.func.isRequired,\r\n handleToGetAssociationList: PropTypes.func.isRequired,\r\n ModulesConfigData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleToGetAssociationList: getAssociationList,\r\n handleGetYearList: getYearList\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state),\r\n AssociationList: YusaAssociationListSelector(state),\r\n YearList: YusaYearListSelector(state),\r\n ModulesConfigData: GetModulesConfigSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(YusaAnnualDashboard);\r\n","// Default named exports for all the components here\r\nexport { default as Annualreportoverview } from './anuual-reports-overview';\r\nexport { default as AnnualreportDashboard } from './anuual-reports-dashboard';\r\nexport { default as AnnualReports } from './anuual-reports-overview';\r\nexport { default as YusaAnnualDashboard } from './annual-yusa-dashboard';\r\n","export * from './components';\r\n","import {\r\n POST_VOLUNTEER_DETAILS,\r\n GET_VOLUNTEER_COUNTRIES_LIST\r\n} from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const postVolunteerRegistrationData =\r\n payloadBody => (dispatch, getState) =>\r\n asyncRequest({\r\n url: POST_VOLUNTEER_DETAILS(),\r\n method: 'POST',\r\n data: payloadBody,\r\n successAction: data => ({\r\n type: types.VOLUNTEER_REGISTRATION_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.VOLUNTEER_REGISTRATION_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getCountriesList = () => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_VOLUNTEER_COUNTRIES_LIST(),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_LIST_COUNTRIES_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_LIST_COUNTRIES_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","export const VolunteerRegistrationSelector = ({\r\n volunteerRegistrationStore: { VolunteerRegistrationData }\r\n}) => VolunteerRegistrationData;\r\nexport default VolunteerRegistrationSelector;\r\n\r\nexport const VolunteerCountriesListSelector = ({\r\n volunteerRegistrationStore: { CountriesList }\r\n}) => CountriesList;\r\n","import { GET_VOLUNTEER_DETAILS } from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nconst getVolunteerRegistrationPreview = () => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_VOLUNTEER_DETAILS(),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.VOLUNTEER_REGISTRATION_PREVIEW_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.VOLUNTEER_REGISTRATION_PREVIEW_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport default getVolunteerRegistrationPreview;\r\n","export const VolunteerRegistrationPreviewSelector = ({\r\n volunteerRegistrationPreviewStore: { VolunteerRegistrationPreviewData }\r\n}) => VolunteerRegistrationPreviewData;\r\nexport default VolunteerRegistrationPreviewSelector;\r\n","export default __webpack_public_path__ + \"info-icon.svg\";","export default __webpack_public_path__ + \"view-icon.svg\";","export default __webpack_public_path__ + \"delete-icon.svg\";","export default __webpack_public_path__ + \"approved-icon.svg\";","export default __webpack_public_path__ + \"upload-icon-blue.svg\";","export default __webpack_public_path__ + \"edit-pencil-icon.svg\";","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst PreviewPopup = props => {\r\n const { popupTital, displayValue, modelTargetValue } = props;\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n {popupTital}\r\n \r\n \r\n
\r\n {displayValue && (\r\n
\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nRenderStatusIcon.propTypes = {\r\n statusValue: PropTypes.string.isRequired,\r\n isAdminPreview: PropTypes.bool.isRequired\r\n};\r\n\r\nexport default RenderStatusIcon;\r\n","/* eslint-disable no-param-reassign */\r\n/* eslint-disable prefer-destructuring */\r\nimport React, { useEffect, useRef, useState } from 'react';\r\nimport * as Yup from 'yup';\r\nimport moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { connect } from 'react-redux';\r\nimport { Loader } from 'react-loaders';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { Formik, Form, Field, ErrorMessage } from 'formik';\r\nimport Help from '@modules/shared/components/reusable-components/help';\r\nimport helpicon from '@static/images/caretdoubleright.svg';\r\nimport {\r\n APP_LABELS,\r\n REGEX,\r\n FIELD_LENGTH,\r\n VALIDATION_MESSAGES,\r\n ENUMS,\r\n STORAGE_KEYS\r\n} from '@config/app-config';\r\n\r\nimport {\r\n postVolunteerRegistrationData,\r\n getCountriesList\r\n} from '@redux/swim-registration/volunteer-registeration/actions';\r\nimport {\r\n VolunteerRegistrationSelector,\r\n VolunteerCountriesListSelector\r\n} from '@redux/swim-registration/volunteer-registeration/selectors';\r\n\r\nimport getVolunteerRegistrationPreview from '@redux/swim-registration/volunteer-registeration-preview/actions';\r\nimport { VolunteerRegistrationPreviewSelector } from '@redux/swim-registration/volunteer-registeration-preview/selectors';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport CrossIconBlue from '@static/images/cross-icon-blue.svg';\r\nimport InfoIcon from '@static/images/swimRegistration/info-icon.svg';\r\nimport ViewIcon from '@static/images/swimRegistration/view-icon.svg';\r\nimport DeleteIcon from '@static/images/swimRegistration/delete-icon.svg';\r\nimport ApprovedIcon from '@static/images/swimRegistration/approved-icon.svg';\r\nimport UploadIconBlue from '@static/images/swimRegistration/upload-icon-blue.svg';\r\nimport EditPencilIcon from '@static/images/swimRegistration/edit-pencil-icon.svg';\r\nimport convertUtcToLocal from '@utilities/ConvertTimezone';\r\nimport TextError from '@modules/shared/components/reusable-components/text-error';\r\nimport SecureStorage from '@utilities/SecureStorage';\r\nimport PreviewPopup from './preview-popup';\r\nimport RenderStatusIcon from '../volunteer-registeration-preview/renderStatusIcon';\r\n\r\nconst { ALPHABETS, ALPHABETSWITHHYPHEN, PHONE, ZIP, DATE_FORMAT_FOR_DOCUMENT } =\r\n REGEX;\r\nconst { VOLUNTEER_TEXTBOX, ADDRESS_LENGTH, EMAIL_LENGTH } = FIELD_LENGTH;\r\n\r\nconst VolunteerRegisteration = props => {\r\n const {\r\n handleToGetCountries,\r\n handleVolunteerRegistrationData,\r\n handlegetVolunteerRegistrationPreview,\r\n VolunteerRegistrationPreviewSelectorData\r\n } = props;\r\n\r\n const eighteenYearsAgo = new Date();\r\n eighteenYearsAgo.setFullYear(eighteenYearsAgo.getFullYear() - 18);\r\n\r\n const SwimOfficialCertificationRef = useRef(null);\r\n const AthleticProtectionTrainingRef = useRef(null);\r\n const BackgroundScreeningRef = useRef(null);\r\n\r\n const [loader, setLoader] = useState(false);\r\n const [help, setHelp] = useState(false);\r\n const [redirect, setRedirect] = useState(false);\r\n const [countries, setCountries] = useState([]);\r\n const [states, setStates] = useState([]);\r\n const [selectedCountry, setSelectedCountry] = useState('');\r\n const [agreementAccepted, setAgreementAccepted] = useState(false);\r\n const [formSubmit, setFormSubmit] = useState(false);\r\n const [tandCacceptedName, setTandCacceptedName] = useState();\r\n const [termsAndCondition, setTermsAndCondition] = useState();\r\n const [tandCacceptedDateTime, setTandCacceptedDateTime] = useState(\r\n new Date().toISOString().substring(0, 10)\r\n );\r\n const tandCacceptedDateTimeValue = new Date().toISOString();\r\n const [backgroundScreeningError, setBackgroundScreeningError] = useState('');\r\n const [athleticProtectionTrainingError, setAthleticProtectionTrainingError] =\r\n useState('');\r\n const [swimOfficialCertificationError, setSwimOfficialCertificationError] =\r\n useState('');\r\n\r\n const [successPopup, setSuccessPopup] = useState(false);\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n const [redirectPath, setRedirectPath] = useState(\r\n '/volunteer/registration/preview'\r\n );\r\n const [backgroundScreeningSelected, setBackgroundScreeningSelected] =\r\n useState(false);\r\n const [\r\n athleticProtectionTrainingSelected,\r\n setAthleticProtectionTrainingSelected\r\n ] = useState(false);\r\n const [\r\n swimOfficialCertificationSelected,\r\n setSwimOfficialCertificationSelected\r\n ] = useState(false);\r\n const [errorFlag, setErrorFlag] = useState(false);\r\n const [nameErrorFlag, setNameErrorFlag] = useState(false);\r\n\r\n const [requestBackgroundScreening, setRequestBackgroundScreening] =\r\n useState(false);\r\n\r\n const [successMessage, setSuccessMessage] = useState(\r\n 'Data has been submitted successfully!'\r\n );\r\n\r\n const validationSchema = Yup.object({\r\n firstName: Yup.string()\r\n .nullable()\r\n .required('* First name is required.')\r\n .min(2, '* Please enter more than 1 characters.')\r\n .matches(\r\n ALPHABETSWITHHYPHEN,\r\n '* Please enter only characters and hyphens.'\r\n ),\r\n lastName: Yup.string()\r\n .nullable()\r\n .required('* Last name is required.')\r\n .min(2, '* Please enter more than 1 characters.')\r\n .matches(ALPHABETS, '* Please enter only characters.'),\r\n phoneNumber: Yup.string()\r\n .nullable()\r\n .matches(PHONE, '* Please enter valid Phone number.')\r\n .required('* Phone number is required.'),\r\n emailAddress: Yup.string()\r\n .nullable()\r\n .email('* Invalid email format.')\r\n .required('* Email is required.'),\r\n dateOfBirth: Yup.date()\r\n .required('* Date of birth is required.')\r\n .max(eighteenYearsAgo, '* You must be at least 18 years old.'),\r\n addressOne: Yup.string()\r\n .nullable()\r\n .required('* Address 1 is required.')\r\n .min(5, '* Please enter more than 4 characters.'),\r\n addressTwo: Yup.string()\r\n .nullable()\r\n .min(5, '* Please enter more than 4 characters.'),\r\n city: Yup.string()\r\n .nullable()\r\n .required('* City is required.')\r\n .min(3, '* Please enter more than 2 characters.'),\r\n country: Yup.string().nullable().required('* Country is required'),\r\n state: Yup.string().nullable().required('* State is required'),\r\n zipCode: Yup.string()\r\n .matches(ZIP, '* Enter valid Zip code.')\r\n .required('* Zip code is required.'),\r\n registerationFor: Yup.array()\r\n .nullable()\r\n .min(1, '* Please select minimum one option.')\r\n .required('* Please select minimum one option.'),\r\n isCertifiedSwimOfficial: Yup.string().when('registerationFor', {\r\n is: registerationFor =>\r\n registerationFor.includes('isSwimmingRegistration'),\r\n then: Yup.string().required('* Field is required.')\r\n })\r\n });\r\n\r\n const initialValues = {\r\n firstName: '',\r\n lastName: '',\r\n phoneNumber: '',\r\n emailAddress: '',\r\n addressOne: '',\r\n addressTwo: '',\r\n city: '',\r\n country: '',\r\n state: '',\r\n zipCode: '',\r\n registerationFor: [],\r\n isCertifiedSwimOfficial: '',\r\n SwimOfficialCertification: '',\r\n AthleticProtectionTraining: '',\r\n BackgroundScreening: '',\r\n dateOfBirth: ''\r\n };\r\n\r\n const editValues = {\r\n firstName: VolunteerRegistrationPreviewSelectorData?.data?.firstName,\r\n lastName: VolunteerRegistrationPreviewSelectorData?.data?.lastName,\r\n phoneNumber: VolunteerRegistrationPreviewSelectorData?.data?.phoneNumber,\r\n emailAddress: VolunteerRegistrationPreviewSelectorData?.data?.emailAddress,\r\n dateOfBirth: moment(\r\n VolunteerRegistrationPreviewSelectorData?.data?.birthDate\r\n ).format('YYYY-MM-DD'),\r\n addressOne: VolunteerRegistrationPreviewSelectorData?.data?.address1,\r\n addressTwo: VolunteerRegistrationPreviewSelectorData?.data?.address2,\r\n city: VolunteerRegistrationPreviewSelectorData?.data?.city,\r\n zipCode: VolunteerRegistrationPreviewSelectorData?.data?.zipCode,\r\n country: VolunteerRegistrationPreviewSelectorData?.data?.country,\r\n state: VolunteerRegistrationPreviewSelectorData?.data?.state,\r\n registerationFor:\r\n VolunteerRegistrationPreviewSelectorData?.data?.registrationIds,\r\n isCertifiedSwimOfficial: `${VolunteerRegistrationPreviewSelectorData?.data?.isCertifiedSwimOfficial}`\r\n };\r\n\r\n useEffect(() => {\r\n window.scroll(0, 0);\r\n setLoader(true);\r\n handleToGetCountries().then(res => {\r\n if (res.status === 200) {\r\n setCountries(res?.data?.data);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n });\r\n setLoader(true);\r\n handlegetVolunteerRegistrationPreview().then(res => {\r\n if (res.status === 200) {\r\n setTandCacceptedName(\r\n res?.data?.data?.tandCacceptedName\r\n ? res?.data?.data?.tandCacceptedName\r\n : ''\r\n );\r\n setTermsAndCondition(\r\n res?.data?.data?.termsAndCondition\r\n ? res?.data?.data?.termsAndCondition\r\n : false\r\n );\r\n setRequestBackgroundScreening(\r\n res?.data?.data?.requestedBackgroundScreening\r\n ? res?.data?.data?.requestedBackgroundScreening\r\n : false\r\n );\r\n if (res?.data?.data?.volunteerId === 0) {\r\n setRedirectPath('/home');\r\n }\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n });\r\n\r\n setSelectedCountry(VolunteerRegistrationPreviewSelectorData?.data?.country);\r\n }, []);\r\n\r\n useEffect(() => {\r\n const selectedCountryData = countries?.find(\r\n country => country.name === selectedCountry\r\n );\r\n if (selectedCountryData) {\r\n setStates(selectedCountryData.states);\r\n }\r\n }, [selectedCountry, countries]);\r\n const handleShowHelp = () => {\r\n setHelp(true);\r\n };\r\n const hideShowHelp = () => {\r\n setHelp(false);\r\n };\r\n const handletandCacceptedNameChange = e => {\r\n if (e.target.value) {\r\n setNameErrorFlag(false);\r\n }\r\n setTandCacceptedName(e.target.value);\r\n };\r\n\r\n const handleTermsAndConditionChange = e => {\r\n if (e.target.checked) {\r\n setErrorFlag(false);\r\n }\r\n setTermsAndCondition(e.target.checked);\r\n };\r\n\r\n const handleRequestBackgroundScreeningChange = e => {\r\n if (e.target.checked) {\r\n setErrorFlag(false);\r\n setBackgroundScreeningError('');\r\n }\r\n setRequestBackgroundScreening(e.target.checked);\r\n };\r\n\r\n const handletandCacceptedDateTimeChange = e => {\r\n setTandCacceptedDateTime(e.target.value);\r\n };\r\n\r\n const volunteerAttestationObject =\r\n VolunteerRegistrationPreviewSelectorData?.data?.volunteerDocuments?.find(\r\n item => item.documentTypeString === 'VolunteerAttestation'\r\n );\r\n const swimOfficialCertificationObject =\r\n VolunteerRegistrationPreviewSelectorData?.data?.volunteerDocuments?.find(\r\n item => item.documentTypeString === 'SwimOfficialCertification'\r\n );\r\n\r\n const backgroundScreeningObject =\r\n VolunteerRegistrationPreviewSelectorData?.data?.volunteerDocuments?.find(\r\n item => item.documentTypeString === ENUMS.BACKGROUND_SCREENING\r\n );\r\n\r\n const getDocumentStatus = () => {\r\n const documentTypes = {\r\n BackgroundScreening: null,\r\n AthleteProtectionTraining: null,\r\n SwimOfficialCertification: null\r\n };\r\n if (\r\n VolunteerRegistrationPreviewSelectorData?.data?.volunteerDocuments\r\n ?.lenght !== 0\r\n ) {\r\n const rowsValue =\r\n VolunteerRegistrationPreviewSelectorData?.data?.volunteerDocuments?.map(\r\n row => {\r\n const { documentTypeString, status } = row;\r\n documentTypes[documentTypeString] = status;\r\n return false;\r\n }\r\n );\r\n }\r\n return documentTypes;\r\n };\r\n\r\n const validateFileSize = (file, maxSize) => file && file.size > maxSize;\r\n\r\n const validateFileType = (file, allowedTypes) =>\r\n file && !allowedTypes.includes(file.type);\r\n\r\n const checkBackgroundScreeningEdit = () => {\r\n const volunteerDocumentStatus =\r\n VolunteerRegistrationPreviewSelectorData?.data?.volunteerDocuments[0]\r\n ?.status;\r\n\r\n const validStatusValues = [\r\n ENUMS.APPROVED,\r\n ENUMS.REJECTED,\r\n ENUMS.NEW,\r\n ENUMS.PENDING\r\n ];\r\n\r\n return validStatusValues.includes(volunteerDocumentStatus);\r\n };\r\n\r\n const validateDocument = (\r\n value,\r\n documentStatus,\r\n errorSetter,\r\n errorMessageValue\r\n ) => {\r\n if (!value || typeof value !== 'object') {\r\n if (!documentStatus || documentStatus === 'Rejected') {\r\n errorSetter(errorMessageValue);\r\n return false;\r\n }\r\n }\r\n return true;\r\n };\r\n\r\n const checkDocumentValidations = values => {\r\n let isFormValid = true;\r\n\r\n const documentStatus = getDocumentStatus();\r\n\r\n if (\r\n agreementAccepted === false &&\r\n (!volunteerAttestationObject ||\r\n volunteerAttestationObject?.status === 'Rejected')\r\n ) {\r\n setFormSubmit(true);\r\n isFormValid = false;\r\n }\r\n\r\n //* **** BACK-GROUND SCREENING *****/\r\n\r\n const hasBackgroundScreening =\r\n requestBackgroundScreening ||\r\n values.BackgroundScreening ||\r\n (backgroundScreeningObject?.url !== undefined &&\r\n backgroundScreeningObject.url !== '' &&\r\n backgroundScreeningObject.url !== null);\r\n\r\n if (!hasBackgroundScreening) {\r\n setBackgroundScreeningError(\r\n VALIDATION_MESSAGES.FILE_UPLOAD_OR_REQUEST_BS\r\n );\r\n isFormValid = false;\r\n }\r\n\r\n if (isFormValid) {\r\n if (validateFileSize(values.BackgroundScreening, 2097152)) {\r\n setBackgroundScreeningError(VALIDATION_MESSAGES.MAX_FILE_SIZE);\r\n isFormValid = false;\r\n }\r\n\r\n if (\r\n validateFileType(values.BackgroundScreening, [\r\n 'image/png',\r\n 'image/jpeg',\r\n 'application/pdf'\r\n ])\r\n ) {\r\n setBackgroundScreeningError(VALIDATION_MESSAGES.UPLOAD_VALID_FILE);\r\n isFormValid = false;\r\n }\r\n\r\n if (!requestBackgroundScreening) {\r\n if (\r\n !validateDocument(\r\n values.BackgroundScreening,\r\n documentStatus.BackgroundScreening,\r\n setBackgroundScreeningError,\r\n VALIDATION_MESSAGES.FILE_UPLOAD\r\n )\r\n ) {\r\n isFormValid = false;\r\n }\r\n }\r\n }\r\n\r\n //* **** ATHLETIC PROTECTION TRAINING *****/\r\n\r\n if (validateFileSize(values.AthleticProtectionTraining, 2097152)) {\r\n setAthleticProtectionTrainingError(VALIDATION_MESSAGES.MAX_FILE_SIZE);\r\n isFormValid = false;\r\n }\r\n if (\r\n validateFileType(values.AthleticProtectionTraining, [\r\n 'image/png',\r\n 'image/jpeg',\r\n 'application/pdf'\r\n ])\r\n ) {\r\n setAthleticProtectionTrainingError(VALIDATION_MESSAGES.UPLOAD_VALID_FILE);\r\n isFormValid = false;\r\n }\r\n\r\n if (\r\n !validateDocument(\r\n values.AthleticProtectionTraining,\r\n documentStatus.AthleteProtectionTraining,\r\n setAthleticProtectionTrainingError,\r\n VALIDATION_MESSAGES.FILE_UPLOAD\r\n )\r\n ) {\r\n isFormValid = false;\r\n }\r\n\r\n //* **** SWIM OFFICIAL CERTIFICATION *****/\r\n\r\n if (\r\n validateFileSize(values.SwimOfficialCertification, 2097152) &&\r\n values.isCertifiedSwimOfficial === 'true'\r\n ) {\r\n setSwimOfficialCertificationError(VALIDATION_MESSAGES.MAX_FILE_SIZE);\r\n isFormValid = false;\r\n }\r\n\r\n if (\r\n validateFileType(values.SwimOfficialCertification, [\r\n 'image/png',\r\n 'image/jpeg',\r\n 'application/pdf'\r\n ]) &&\r\n values.isCertifiedSwimOfficial === 'true'\r\n ) {\r\n setSwimOfficialCertificationError(VALIDATION_MESSAGES.UPLOAD_VALID_FILE);\r\n isFormValid = false;\r\n }\r\n if (\r\n !validateDocument(\r\n values.SwimOfficialCertification,\r\n documentStatus.SwimOfficialCertification,\r\n setSwimOfficialCertificationError,\r\n VALIDATION_MESSAGES.FILE_UPLOAD\r\n ) &&\r\n values.isCertifiedSwimOfficial === 'true'\r\n ) {\r\n isFormValid = false;\r\n }\r\n\r\n // Repeat the same pattern for other document types\r\n\r\n return isFormValid;\r\n };\r\n\r\n const setFormDataValues = values => {\r\n const formData = new FormData();\r\n const {\r\n firstName,\r\n lastName,\r\n phoneNumber,\r\n emailAddress,\r\n dateOfBirth,\r\n addressOne,\r\n addressTwo,\r\n city,\r\n zipCode,\r\n state,\r\n country,\r\n registerationFor,\r\n isCertifiedSwimOfficial\r\n } = values;\r\n\r\n formData.append('personId', SecureStorage.getItem(STORAGE_KEYS.PERSON_ID));\r\n formData.append(\r\n 'volunteerId',\r\n VolunteerRegistrationPreviewSelectorData?.data?.volunteerId\r\n );\r\n formData.append('firstName', firstName);\r\n formData.append('lastName', lastName);\r\n formData.append('phoneNumber', phoneNumber);\r\n formData.append('emailAddress', emailAddress);\r\n formData.append('birthDate', dateOfBirth);\r\n formData.append('address1', addressOne);\r\n formData.append('address2', addressTwo || '');\r\n formData.append('city', city);\r\n formData.append('zipCode', zipCode);\r\n formData.append('state', state);\r\n formData.append('country', country);\r\n formData.append('birthDate', dateOfBirth);\r\n\r\n registerationFor.forEach((value, index) =>\r\n formData.append(`registrationIds[${index}]`, value)\r\n );\r\n\r\n formData.append(\r\n 'isCertifiedSwimOfficial',\r\n isCertifiedSwimOfficial.toLowerCase() === 'true'\r\n );\r\n formData.append('tandCacceptedName', tandCacceptedName);\r\n formData.append('termsAndCondition', termsAndCondition);\r\n formData.append('tandCacceptedDateTime', tandCacceptedDateTimeValue);\r\n formData.append('requestedBackgroundScreening', requestBackgroundScreening);\r\n return formData;\r\n };\r\n\r\n const onSubmit = values => {\r\n if (!values?.registerationFor?.includes('isSwimmingRegistration')) {\r\n values.isCertifiedSwimOfficial = 'false';\r\n }\r\n\r\n if (!checkDocumentValidations(values)) return;\r\n\r\n setLoader(true);\r\n\r\n const formData = setFormDataValues(values);\r\n\r\n let i = 0;\r\n\r\n if (\r\n typeof values.BackgroundScreening === 'object' &&\r\n values.BackgroundScreening\r\n ) {\r\n formData.append(\r\n `volunteerDocuments[${i}].DocumentTypeString`,\r\n 'BackgroundScreening'\r\n );\r\n formData.append(\r\n `volunteerDocuments[${i}].File`,\r\n values.BackgroundScreening\r\n );\r\n i += 1;\r\n }\r\n\r\n if (\r\n typeof values.AthleticProtectionTraining === 'object' &&\r\n values.AthleticProtectionTraining\r\n ) {\r\n formData.append(\r\n `volunteerDocuments[${i}].DocumentTypeString`,\r\n 'AthleteProtectionTraining'\r\n );\r\n formData.append(\r\n `volunteerDocuments[${i}].File`,\r\n values.AthleticProtectionTraining\r\n );\r\n i += 1;\r\n }\r\n\r\n if (\r\n typeof values.SwimOfficialCertification === 'object' &&\r\n values.SwimOfficialCertification &&\r\n values.isCertifiedSwimOfficial === 'true'\r\n ) {\r\n formData.append(\r\n `volunteerDocuments[${i}].DocumentTypeString`,\r\n 'SwimOfficialCertification'\r\n );\r\n formData.append(\r\n `volunteerDocuments[${i}].File`,\r\n values.SwimOfficialCertification\r\n );\r\n i += 1;\r\n }\r\n\r\n if (VolunteerRegistrationPreviewSelectorData?.data?.volunteerId !== 0) {\r\n setSuccessMessage('Data has been updated successfully!');\r\n }\r\n\r\n handleVolunteerRegistrationData(formData).then(res => {\r\n if (res.status === 200 && res?.data?.isSuccess) {\r\n setLoader(false);\r\n setSuccessPopup(true);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n });\r\n };\r\n\r\n const showUploadFile = (isEdit, documentTypeValue) => {\r\n if (documentTypeValue === ENUMS.ATHLETE_PROTECTION_TRAINING)\r\n setAthleticProtectionTrainingSelected(isEdit);\r\n if (documentTypeValue === ENUMS.BACKGROUND_SCREENING)\r\n setBackgroundScreeningSelected(isEdit);\r\n if (documentTypeValue === ENUMS.SWIM_OFFICIAL_CERTIFICATION)\r\n setSwimOfficialCertificationSelected(isEdit);\r\n };\r\n\r\n const scrollToErrors = errors => {\r\n const errorKeys = Object.keys(errors);\r\n if (errorKeys.length > 0) {\r\n document.getElementsByName(errorKeys[0])[0].focus();\r\n }\r\n };\r\n\r\n const handleSetCountries = (e, setFieldValue) => {\r\n setSelectedCountry(e.target.value);\r\n setFieldValue('country', e.target.value);\r\n };\r\n\r\n const handleAgreement = () => {\r\n if (!termsAndCondition) {\r\n setErrorFlag(true);\r\n }\r\n if (tandCacceptedName === '') {\r\n setNameErrorFlag(true);\r\n }\r\n if (tandCacceptedName && termsAndCondition && tandCacceptedDateTime) {\r\n setAgreementAccepted(true);\r\n setFormSubmit(false);\r\n document.getElementById('submitModal').click();\r\n }\r\n };\r\n\r\n const handleBackgroundScreening = (event, setFieldValue) => {\r\n setFieldValue('BackgroundScreening', event.target.files[0]);\r\n setBackgroundScreeningError('');\r\n };\r\n\r\n const handleAthleticProtectionTraining = (event, setFieldValue) => {\r\n setFieldValue('AthleticProtectionTraining', event.target.files[0]);\r\n setAthleticProtectionTrainingError('');\r\n };\r\n\r\n const handleSwimOfficialCertification = (event, setFieldValue) => {\r\n setFieldValue('SwimOfficialCertification', event.target.files[0]);\r\n setSwimOfficialCertificationError('');\r\n };\r\n\r\n const renderUploadFile = (\r\n editSelectedFlag,\r\n documentTypeRef,\r\n setFieldValue,\r\n documentTypeError,\r\n handleEventMethod,\r\n handleDocumentSelectedFlag\r\n ) => (\r\n <>\r\n {\r\n handleEventMethod(event, setFieldValue);\r\n }}\r\n />\r\n {\r\n documentTypeRef.current.click();\r\n }}\r\n >\r\n {\r\n handleDocumentSelectedFlag(false);\r\n }}\r\n >\r\n Cancel\r\n \r\n )}\r\n \r\n );\r\n\r\n const renderErrorNote = documentTypeError => (\r\n {documentTypeError}
\r\n );\r\n const handleCancel = () => {\r\n setTandCacceptedName(\r\n VolunteerRegistrationPreviewSelectorData?.data?.tandCacceptedName\r\n );\r\n setTermsAndCondition(\r\n VolunteerRegistrationPreviewSelectorData?.data?.termsAndCondition\r\n );\r\n setErrorFlag(false);\r\n };\r\n\r\n const getBackgroundScreeningStatus = () => {\r\n const volunteerDocumentStatus =\r\n VolunteerRegistrationPreviewSelectorData?.data?.volunteerDocuments[0]\r\n ?.status;\r\n\r\n if ([ENUMS.DENIED].includes(volunteerDocumentStatus)) {\r\n return ENUMS.UNDER_REVIEW;\r\n }\r\n\r\n if ([ENUMS.SUCCESS].includes(volunteerDocumentStatus)) {\r\n return ENUMS.INITIATED;\r\n }\r\n return volunteerDocumentStatus;\r\n };\r\n\r\n return (\r\n \r\n \r\n HELP{/* */}\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n Volunteer Registration\r\n \r\n \r\n
\r\n
\r\n
\r\n {/* */}\r\n Back\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Volunteer Details\r\n
\r\n
\r\n {({ values, setFieldValue, errors }) => (\r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n Terms & conditions\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n I have read and agree to the terms and conditions\r\n \r\n \r\n {errorFlag && (\r\n \r\n * Please accept our terms and conditions.\r\n
\r\n )}\r\n \r\n
\r\n
\r\n \r\n Cancel\r\n \r\n \r\n Submit\r\n \r\n
\r\n
\r\n
\r\n {successPopup && (\r\n {\r\n setRedirect(true);\r\n }}\r\n />\r\n )}\r\n {redirect && {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n \r\n );\r\n};\r\n\r\nVolunteerRegisteration.propTypes = {\r\n handleToGetCountries: PropTypes.func.isRequired,\r\n handleVolunteerRegistrationData: PropTypes.func.isRequired,\r\n handlegetVolunteerRegistrationPreview: PropTypes.func.isRequired,\r\n VolunteerRegistrationPreviewSelectorData: PropTypes.objectOf(PropTypes.any)\r\n .isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleToGetCountries: getCountriesList,\r\n handleVolunteerRegistrationData: postVolunteerRegistrationData,\r\n handlegetVolunteerRegistrationPreview: getVolunteerRegistrationPreview\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n VolunteerCountriesListSelectorData: VolunteerCountriesListSelector(state),\r\n VolunteerRegistrationSelectorData: VolunteerRegistrationSelector(state),\r\n VolunteerRegistrationPreviewSelectorData:\r\n VolunteerRegistrationPreviewSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(VolunteerRegisteration));\r\n","import moment from 'moment';\r\n\r\nconst documentTitleType = {\r\n BackgroundScreening: 'Background Screenings ',\r\n AthleteProtectionTraining: 'Athlete Protection Training ',\r\n SwimOfficialCertification: 'Swim Official Certification ',\r\n VolunteerAttestation: 'Volunteer Attestation '\r\n};\r\n\r\nexport const getDocumentTitle = documentTypeValue => documentTitleType[documentTypeValue]\r\n ? documentTitleType[documentTypeValue]\r\n : '-';\r\n\r\nexport const getFileExtension = filename => {\r\n const ext = /^.+\\.([^.]+)$/.exec(filename);\r\n return ext === null ? '' : ext[1];\r\n};\r\n\r\nexport const getModule = (loggedInVolunteerUserModuleRoles, moduleName) => {\r\n if (loggedInVolunteerUserModuleRoles.length > 0) {\r\n const moduleData = loggedInVolunteerUserModuleRoles.find(module =>\r\n module?.moduleName?.includes(moduleName)\r\n );\r\n return moduleData;\r\n }\r\n return null;\r\n};\r\n\r\nexport const checkDateValidation = dateToCompare => {\r\n const currentDate = new Date();\r\n return moment(new Date(dateToCompare).toLocaleDateString()).isBefore(\r\n currentDate.toLocaleDateString()\r\n );\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport moment from 'moment';\r\nimport CrossIconBlue from '@static/images/cross-icon-blue.svg';\r\n\r\nconst VolunteerAttestationModal = props => {\r\n const { acceptedName, acceptedDateTime, acceptedTermsAndConditions } = props;\r\n\r\n const formattedDate = acceptedDateTime\r\n ? moment(acceptedDateTime).format('MM/DD/YYYY')\r\n : '-';\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n Terms & conditions\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n I have read and agree to the terms and conditions\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {setModalTitle()}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n HELP{/* */}\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n Volunteer Registration\r\n \r\n \r\n
\r\n
\r\n
\r\n {/* */}\r\n Back\r\n \r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.INSTRUCTIONS}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n\r\n
\r\n
\r\n Registered Date & Time -{/* */}\r\n
\r\n \r\n {moment(\r\n convertUtcToLocal(\r\n get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.registrationDate'\r\n )\r\n )\r\n ).format(PAGE_DATE_FORMAT)}\r\n \r\n
| Status\r\n
\r\n {/* {VolunteerRegistrationPreviewSelectorData?.data?.status ===\r\n 'Rejected' && ( */}\r\n
\r\n \r\n {(get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.status',\r\n '-'\r\n ) === ENUMS.NEW ||\r\n get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.status',\r\n '-'\r\n ) === ENUMS.PENDING) && (\r\n
\r\n Waiting for the approval\r\n
\r\n )}\r\n {get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.status',\r\n '-'\r\n ) === ENUMS.REJECTED && (\r\n
\r\n {get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.adminComment',\r\n '-'\r\n )}\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
Name
\r\n
\r\n {get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.firstName',\r\n '-'\r\n )}{' '}\r\n {get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.lastName',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
Date Of Birth
\r\n
\r\n {moment(\r\n get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.birthDate',\r\n '-'\r\n )\r\n ).format('MM/DD/YYYY')}\r\n
\r\n
\r\n
\r\n
Email Address
\r\n
\r\n {get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.emailAddress',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
Phone Number
\r\n
\r\n {get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.phoneNumber',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Address 1
\r\n
\r\n {get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.address1',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
Address 2
\r\n
\r\n {get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.address2',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
City
\r\n
\r\n {get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.city',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
ZIP Code
\r\n
\r\n {get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.zipCode',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
State
\r\n
\r\n {get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.state',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
Country
\r\n
\r\n {get(\r\n VolunteerRegistrationPreviewSelectorData,\r\n 'data.country',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Registration
\r\n
\r\n {VolunteerRegistrationPreviewSelectorData?.data?.registrationIds?.includes(\r\n ENUMS.IS_SWIMMING_REGISTRATION\r\n ) && (\r\n \r\n Swimming\r\n \r\n )}\r\n\r\n {VolunteerRegistrationPreviewSelectorData?.data?.registrationIds?.includes(\r\n ENUMS.IS_GYMNASTICS_REGISTRATION\r\n ) && (\r\n \r\n Gymnastics\r\n \r\n )}\r\n\r\n {VolunteerRegistrationPreviewSelectorData?.data?.registrationIds?.includes(\r\n ENUMS.IS_DIVING_REGISTRATION\r\n ) && (\r\n \r\n Diving\r\n \r\n )}\r\n {VolunteerRegistrationPreviewSelectorData?.data?.registrationIds?.includes(\r\n ENUMS.IS_PICKLE_BALL_REGISTRATION\r\n ) && (\r\n \r\n Pickleball\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n {popup && (\r\n
\r\n
\r\n
\r\n
\r\n One or more of your documents have been rejected or are\r\n expired. Please click edit to upload a new document and\r\n re-submit.\r\n \r\n
\r\n
\r\n )}\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n Document Type \r\n Status \r\n Comments \r\n Uploaded On \r\n Expiration Date \r\n Actions \r\n \r\n \r\n \r\n {VolunteerRegistrationPreviewSelectorData?.data?.volunteerDocuments?.map(\r\n row => (\r\n \r\n \r\n {getDocumentTitle(row?.documentTypeString)}\r\n \r\n \r\n \r\n \r\n {row?.comment ? row?.comment : '-'} \r\n \r\n {moment(\r\n convertUtcToLocal(get(row, 'uploadedOn'))\r\n ).format(DATE_FORMAT_FOR_DOCUMENT)}\r\n \r\n \r\n {row?.expiryDate\r\n ? setExpiryDateFormat(row?.expiryDate)\r\n : '-'}\r\n \r\n \r\n {row?.documentTypeString ===\r\n ENUMS.VOLUNTEER_ATTESTATION ? (\r\n \r\n \r\n \r\n \r\n ) : (\r\n <>\r\n {row?.url && row?.url !== '' && (\r\n \r\n openPDF(row.url, row.documentTypeString)\r\n }\r\n >\r\n \r\n \r\n \r\n )\r\n )}\r\n \r\n
\r\n
\r\n
\r\n \r\n Edit volunteer details\r\n \r\n
\r\n
\r\n
\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n {redirect && \r\n \r\n );\r\n }\r\n if (typeof status === 'string' && status === ENUMS.APPROVED) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n\r\n if (typeof status === 'string' && status === ENUMS.REJECTED) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n\r\n if (typeof status === 'string' && status === ENUMS.PENDING) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n };\r\n\r\n const handleExportFile = () => {\r\n setLoader(true);\r\n axios\r\n .get(\r\n `${getServicePath()}/Volunteer-Registration/api/VolunteerDashboard/ExportVolunterrs`,\r\n {\r\n responseType: 'blob',\r\n headers: {\r\n 'Content-Type': 'blob',\r\n 'Access-Control-Allow-Credentials': true,\r\n 'Access-Control-Allow-Origin': window.location.origin,\r\n 'Ocp-Apim-Subscription-Key': APP_LABELS.APIM_KEY,\r\n Authorization: `Bearer ${get(authToken, 'token', '')}`\r\n }\r\n }\r\n )\r\n .then(response => {\r\n const downloadUrl = window.URL.createObjectURL(\r\n new Blob([response.data])\r\n );\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.setAttribute('download', 'Volunteer-List.xlsx');\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const setColumnSorting = columnData => {\r\n if (columnData.isSorted) {\r\n if (columnData.isSortedDesc) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n return (\r\n \r\n \r\n );\r\n }\r\n return (\r\n <>\r\n {columnData.Header !== 'Summary' && columnData.Header !== '' ? (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n Volunteers ({data?.length})\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n \r\n Export\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {setColumnSorting(column)}\r\n
\r\n \r\n ))}\r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n {cell.column.Header === 'Status' &&\r\n getRowStatus(cell.value)}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n No records found!\r\n
\r\n )}\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n previousPage()}\r\n disabled={!canPreviousPage}\r\n >\r\n \r\n\r\n {[...Array(pageCount).keys()].map(count => {\r\n if (\r\n count >= (pageIndex > 25 ? pageIndex - 25 : 0) &&\r\n count <= (pageIndex < 25 ? 24 : pageIndex)\r\n ) {\r\n return (\r\n \r\n gotoPage(count)}\r\n >\r\n {count + 1}\r\n \r\n \r\n );\r\n }\r\n return null;\r\n })}\r\n\r\n \r\n nextPage()}\r\n disabled={!canNextPage}\r\n >\r\n {'Next '}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n setLoader: PropTypes.func.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: []\r\n};\r\nTable.propTypes = {\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\nconst mapStateToProps = state => ({\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\nexport default connect(mapStateToProps, null)(Table);\r\n","const VOLUNTEER_TABLE_COLUMNS = [\r\n {\r\n Header: 'Volunteer Name',\r\n accessor: 'VolunteerName',\r\n className: 'notranslate ymca-word-break ymca-text-primary'\r\n },\r\n {\r\n Header: 'YMCA',\r\n accessor: 'YMCA',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Registration For',\r\n accessor: 'RegistrationFor',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Status',\r\n accessor: 'Status',\r\n className: 'notranslate statusShow'\r\n },\r\n {\r\n Header: 'Last Updated On',\r\n accessor: 'UpdatedDateTime',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: '',\r\n accessor: 'DetailPage'\r\n }\r\n];\r\n\r\nexport default VOLUNTEER_TABLE_COLUMNS;\r\n","/* eslint-disable jsx-a11y/click-events-have-key-events */\r\nimport React, { useEffect, useState } from 'react';\r\nimport get from 'lodash.get';\r\nimport { connect } from 'react-redux';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport moment from 'moment';\r\nimport {\r\n getVolunteerAdminDashboardList,\r\n getVolunteerAdminDashboardTableList\r\n} from '@redux/swim-registration/volunteer-admin-dashboard/actions';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport { APP_LABELS, STORAGE_KEYS } from '@config/app-config';\r\n\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport convertUtcToLocal from '@utilities/ConvertTimezone';\r\n\r\nimport PurpleIconDark from '@static/images/swimRegistration/purple-icon-dark.svg';\r\nimport PurpleIconLight from '@static/images/swimRegistration/purple-icon-light.svg';\r\nimport NewVolunteerIconDark from '@static/images/swimRegistration/new-volunteer-icon-dark.svg';\r\nimport NewVolunteerIconLight from '@static/images/swimRegistration/new-volunteer-icon-light.svg';\r\nimport ApprovedIconDark from '@static/images/swimRegistration/approved-icon-dark.svg';\r\nimport ApprovedIconLight from '@static/images/swimRegistration/approved-icon-light.svg';\r\nimport PendingIconDark from '@static/images/swimRegistration/pending-icon-dark.svg';\r\nimport PendingIconLight from '@static/images/swimRegistration/pending-icon-light.svg';\r\nimport RejectedDarkIcon from '@static/images/swimRegistration/rejected-icon-dark.svg';\r\nimport RejectedLightIcon from '@static/images/swimRegistration/rejected-icon-light.svg';\r\n\r\nimport SecureStorage from '@utilities/SecureStorage';\r\nimport Table from './table';\r\nimport VOLUNTEER_TABLE_COLUMNS from './volunteer-table-column';\r\n\r\nconst VolunteerAdminDashboard = props => {\r\n const {\r\n handleGetVolunteerAdminDashboardTable,\r\n handleGetVolunteerAdminDashboard,\r\n LoginUserData\r\n } = props;\r\n const dateFormatForDocument = 'MMM DD, YYYY | hh:mm a';\r\n const [volunteerCount, setVolunteerCount] = useState([]);\r\n const [volunteerList, setVolunteerList] = useState({});\r\n\r\n const [noOfVolunteers, setNoOfVolunteers] = useState(false);\r\n const [newVolunteerData, setNewVolunteerData] = useState(false);\r\n const [approvedVolunteerData, setApprovedVolunteerData] = useState(false);\r\n const [rejectedVolunteerData, setRejectedVolunteerData] = useState(false);\r\n const [pendingVolunteerData, setPendingVolunteerData] = useState(false);\r\n const [loader, setLoader] = useState(false);\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n\r\n useEffect(() => {\r\n window.scroll(0, 0);\r\n SecureStorage.setItem(STORAGE_KEYS.DASHBOARD_URL, '/volunteer/dashboard');\r\n setLoader(true);\r\n handleGetVolunteerAdminDashboard()\r\n .then(result => {\r\n if (result?.data?.isSuccess) {\r\n setVolunteerCount(result?.data?.data);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorPopup(true);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n setErrorPopup(true);\r\n });\r\n setLoader(true);\r\n handleGetVolunteerAdminDashboardTable()\r\n .then(result => {\r\n if (result?.data?.isSuccess) {\r\n setVolunteerList(result?.data?.data);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorPopup(true);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n setErrorPopup(true);\r\n });\r\n }, []);\r\n\r\n const handleKipClick = KpiTitle => {\r\n if (KpiTitle === 'No of Volunteers') {\r\n setNoOfVolunteers(true);\r\n setNewVolunteerData(false);\r\n setApprovedVolunteerData(false);\r\n setRejectedVolunteerData(false);\r\n setPendingVolunteerData(false);\r\n }\r\n\r\n if (KpiTitle === 'New Volunteers') {\r\n setNoOfVolunteers(false);\r\n setNewVolunteerData(true);\r\n setApprovedVolunteerData(false);\r\n setRejectedVolunteerData(false);\r\n setPendingVolunteerData(false);\r\n }\r\n\r\n if (KpiTitle === 'Approved') {\r\n setNoOfVolunteers(false);\r\n setNewVolunteerData(false);\r\n setApprovedVolunteerData(true);\r\n setRejectedVolunteerData(false);\r\n setPendingVolunteerData(false);\r\n }\r\n\r\n if (KpiTitle === 'Rejected') {\r\n setNoOfVolunteers(false);\r\n setNewVolunteerData(false);\r\n setApprovedVolunteerData(false);\r\n setRejectedVolunteerData(true);\r\n setPendingVolunteerData(false);\r\n }\r\n\r\n if (KpiTitle === 'Pending') {\r\n setNoOfVolunteers(false);\r\n setNewVolunteerData(false);\r\n setApprovedVolunteerData(false);\r\n setRejectedVolunteerData(false);\r\n setPendingVolunteerData(true);\r\n }\r\n };\r\n\r\n const getVolunteerListForTable = volunteerData => {\r\n const volunteerLists = {\r\n New: [],\r\n Approved: [],\r\n Rejected: [],\r\n Pending: []\r\n };\r\n\r\n if (volunteerData && volunteerData.length > 0) {\r\n volunteerData.map(record => {\r\n const { status } = record;\r\n volunteerLists[status].push(record);\r\n });\r\n }\r\n\r\n let tableData = volunteerData;\r\n if (noOfVolunteers) {\r\n tableData = volunteerData;\r\n }\r\n\r\n if (newVolunteerData) {\r\n tableData = volunteerLists.New;\r\n }\r\n\r\n if (approvedVolunteerData) {\r\n tableData = volunteerLists.Approved;\r\n }\r\n\r\n if (rejectedVolunteerData) {\r\n tableData = volunteerLists.Rejected;\r\n }\r\n\r\n if (pendingVolunteerData) {\r\n tableData = volunteerLists.Pending;\r\n }\r\n\r\n if (tableData && tableData.length > 0) {\r\n return tableData?.map(data => {\r\n const location = {\r\n pathname: `/volunteer/preview/${data.volunteerId}`,\r\n state: data\r\n };\r\n\r\n return {\r\n VolunteerName: `${get(data, 'firstName')} ${get(\r\n data,\r\n 'lastName',\r\n '-'\r\n )}`,\r\n YMCA: data?.associationName ? data?.associationName : '-',\r\n RegistrationFor: (\r\n <>\r\n {data?.registrationIds?.includes('isSwimmingRegistration') && (\r\n \r\n Swimming \r\n \r\n )}\r\n {data?.registrationIds?.includes('isGymnasticsRegistration') && (\r\n \r\n Gymnastics \r\n \r\n )}\r\n {data?.registrationIds?.includes('isDivingRegistration') && (\r\n \r\n Diving\r\n \r\n )}\r\n {data?.registrationIds?.includes('isPickleballRegistration') && (\r\n \r\n Pickleball\r\n \r\n )}\r\n \r\n ),\r\n Status: get(data, 'status'),\r\n UpdatedDateTime: get(data, 'updatedDate', null)\r\n ? moment(convertUtcToLocal(get(data, 'updatedDate'))).format(\r\n dateFormatForDocument\r\n )\r\n : '-',\r\n\r\n DetailPage: (\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
Welcome! \r\n \r\n {`${get(\r\n LoginUserData,\r\n 'user.firstName',\r\n 'User'\r\n )} ${get(LoginUserData, 'user.lastName', '')}`}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/* */}\r\n Back\r\n \r\n
\r\n
\r\n {/*
*/}\r\n
\r\n \r\n
\r\n
handleKipClick('No of Volunteers')}\r\n >\r\n \r\n
\r\n\r\n
\r\n
\r\n {volunteerCount?.totalsVolunteers}\r\n \r\n
No. of Volunteers
\r\n
\r\n
\r\n
\r\n
handleKipClick('New Volunteers')}\r\n >\r\n \r\n
\r\n\r\n
\r\n
\r\n {volunteerCount?.newVolunteers}\r\n \r\n
New Volunteers
\r\n
\r\n
\r\n
\r\n
handleKipClick('Approved')}\r\n >\r\n \r\n
\r\n\r\n
\r\n
\r\n {volunteerCount?.approvedVolunteers}\r\n \r\n
Approved
\r\n
\r\n
\r\n
\r\n
handleKipClick('Pending')}\r\n >\r\n \r\n
\r\n\r\n
\r\n
\r\n {volunteerCount?.pendingVolunteers}\r\n \r\n
Pending
\r\n
\r\n
\r\n
\r\n
handleKipClick('Rejected')}\r\n >\r\n \r\n
\r\n\r\n
\r\n
\r\n {volunteerCount?.rejectedVolunteers}\r\n \r\n
Rejected
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={APP_LABELS.COMMON_ERROR_MESSAGE}\r\n showErrorPopup={errorPopup}\r\n />\r\n \r\n );\r\n};\r\n\r\nVolunteerAdminDashboard.propTypes = {\r\n handleGetVolunteerAdminDashboard: PropTypes.func.isRequired,\r\n handleGetVolunteerAdminDashboardTable: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n handleGetVolunteerAdminDashboard: getVolunteerAdminDashboardList,\r\n handleGetVolunteerAdminDashboardTable: getVolunteerAdminDashboardTableList\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(VolunteerAdminDashboard));\r\n","import {\r\n GET_VOLUNTEER_DETAILS_BY_PERSON_ID,\r\n POST_VOLUNTEER_APPROVAL,\r\n POST_VOLUNTEER_DOCUMENT_APPROVAL,\r\n POST_VOLUNTEER_INITIATE_BACKGROUND_SCREENING,\r\n POST_VOLUNTEER_CANCEL_INITIATED_BACKGROUND_SCREENING\r\n} from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getVolunteerAdminPreviewList =\r\n volunteerId => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_VOLUNTEER_DETAILS_BY_PERSON_ID(volunteerId),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.VOLUNTEER_ADMIN_PREVIEW_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.VOLUNTEER_ADMIN_PREVIEW_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const postVolunteerApprovalData = payloadBody => (dispatch, getState) =>\r\n asyncRequest({\r\n url: POST_VOLUNTEER_APPROVAL(),\r\n method: 'POST',\r\n data: payloadBody,\r\n successAction: data => ({\r\n type: types.VOLUNTEER_ADMIN_APPROVAL_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.VOLUNTEER_ADMIN_APPROVAL_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const postVolunteerDocumentApprovalData =\r\n payloadBody => (dispatch, getState) =>\r\n asyncRequest({\r\n url: POST_VOLUNTEER_DOCUMENT_APPROVAL(),\r\n method: 'POST',\r\n data: payloadBody,\r\n successAction: data => ({\r\n type: types.VOLUNTEER_ADMIN_DOCUMENT_APPROVAL_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.VOLUNTEER_ADMIN_DOCUMENT_APPROVAL_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\nexport const postVolunteerInitiateBackgroundScreening =\r\n payloadBody => (dispatch, getState) =>\r\n asyncRequest({\r\n url: POST_VOLUNTEER_INITIATE_BACKGROUND_SCREENING(),\r\n method: 'POST',\r\n data: payloadBody,\r\n successAction: data => ({\r\n type: types.VOLUNTEER_ADMIN_INITIATE_BACKGROUND_SCREENING_APPROVAL_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.VOLUNTEER_ADMIN_INITIATE_BACKGROUND_SCREENING_APPROVAL_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n export const postVolunteerCancelInitiatedBackgroundScreening =\r\n payloadBody => (dispatch, getState) =>\r\n asyncRequest({\r\n url: POST_VOLUNTEER_CANCEL_INITIATED_BACKGROUND_SCREENING(),\r\n method: 'POST',\r\n data: payloadBody,\r\n successAction: data => ({\r\n type: types.VOLUNTEER_ADMIN_CANCEL_INITIATED_BACKGROUND_SCREENING_APPROVAL_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.VOLUNTEER_ADMIN_CANCEL_INITIATED_BACKGROUND_SCREENING_APPROVAL_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n ","export const VolunteerAdminPreviewSelector = ({\r\n VolunteerAdminPreviewStore: { VolunteerAdminPreviewList }\r\n}) => VolunteerAdminPreviewList;\r\n\r\nexport const VolunteerAdminApprovalSelector = ({\r\n VolunteerAdminApprovalStore: { VolunteerAdminApprovalData }\r\n}) => VolunteerAdminApprovalData;\r\n\r\nexport const VolunteerAdminDocumentApprovalSelector = ({\r\n VolunteerAdminDocumentApprovalStore: { VolunteerAdminDocumentApprovalData }\r\n}) => VolunteerAdminDocumentApprovalData;\r\n\r\nexport const VolunteerInitiateBackgroundScreeningSelector = ({\r\n VolunteerInitiateBackgroundScreeningStore: {\r\n VolunteerInitiateBackgroundScreeningData\r\n }\r\n}) => VolunteerInitiateBackgroundScreeningData;\r\n\r\nexport const VolunteerCancelInitiatedBackgroundScreeningSelector = ({\r\n VolunteerCancelInitiatedBackgroundScreeningStore: {\r\n VolunteerCancelInitiatedBackgroundScreeningData\r\n }\r\n}) => VolunteerCancelInitiatedBackgroundScreeningData;","export default __webpack_public_path__ + \"download-icon-arrow.svg\";","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport { postVolunteerDocumentApprovalData } from '@redux/swim-registration/volunteer-admin-preview/actions';\r\nimport { VolunteerAdminDocumentApprovalSelector } from '@redux/swim-registration/volunteer-admin-preview/selectors';\r\nimport crossicon from '@static/images/cross-icon-blue.svg';\r\n\r\nconst RejectModal = props => {\r\n const {\r\n handlePostVolunteerDocumentApproval,\r\n documentDetail,\r\n volunteerID,\r\n setLoader,\r\n handleVolunteerAdminPreview,\r\n editDecision\r\n } = props;\r\n\r\n const [comment, setComment] = useState('');\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n const [errorFlag, setErrorFlag] = useState(false);\r\n\r\n useEffect(() => {\r\n const commentValue =\r\n documentDetail?.comment != null ? documentDetail?.comment : '';\r\n\r\n setComment(commentValue);\r\n }, [documentDetail]);\r\n\r\n const handleComments = e => {\r\n if (e.target.value) {\r\n setErrorFlag(false);\r\n }\r\n setComment(e.target.value);\r\n };\r\n\r\n const onSubmit = (commentsValue, documentDetailObject) => {\r\n setLoader(true);\r\n if (commentsValue === '') {\r\n setErrorFlag(true);\r\n setLoader(false);\r\n return;\r\n }\r\n const objectPayload = {\r\n volunteerDocumentId: documentDetailObject?.volunteerDocumentId,\r\n documentTypeId: documentDetailObject?.documentTypeId,\r\n volunteerId: volunteerID,\r\n comment: commentsValue,\r\n status: 'Rejected'\r\n };\r\n setErrorFlag(false);\r\n\r\n handlePostVolunteerDocumentApproval(objectPayload).then(res => {\r\n if (res.status === 200 && res?.data?.isSuccess) {\r\n setComment('');\r\n setLoader(false);\r\n handleVolunteerAdminPreview(true);\r\n editDecision(false);\r\n document.getElementById('rejectModal').click();\r\n } else {\r\n setLoader(false);\r\n editDecision(false);\r\n document.getElementById('rejectModal').click();\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n });\r\n };\r\n const handleCancel = () => {\r\n setComment('');\r\n setErrorFlag(false);\r\n };\r\n\r\n // THIS BELOW CODE IS FOR DISABLE TEXT_AREA INPUT FIELD\r\n // const disableInput = () => {\r\n // let disableFlag = false;\r\n // if (\r\n // documentDetail?.documentTypeString === 'BackgroundScreening' &&\r\n // documentDetail?.status === 'Denied'\r\n // ) {\r\n // disableFlag = true;\r\n // }\r\n // return disableFlag;\r\n // };\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n
\r\n Add Comments for Rejection\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n Comments\r\n \r\n * Please enter comments.
\r\n )}\r\n \r\n
\r\n
\r\n\r\n
\r\n onSubmit(comment, documentDetail)}\r\n >\r\n Reject\r\n \r\n \r\n Cancel\r\n \r\n
\r\n
{\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n \r\n );\r\n};\r\n\r\nRejectModal.propTypes = {\r\n volunteerID: PropTypes.string.isRequired,\r\n documentDetail: PropTypes.objectOf(PropTypes.any).isRequired,\r\n setLoader: PropTypes.func.isRequired,\r\n handleVolunteerAdminPreview: PropTypes.func.isRequired,\r\n handlePostVolunteerDocumentApproval: PropTypes.func.isRequired,\r\n editDecision: PropTypes.func.isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handlePostVolunteerDocumentApproval: postVolunteerDocumentApprovalData\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n VolunteerAdminDocumentApprovalSelectorData:\r\n VolunteerAdminDocumentApprovalSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(RejectModal));\r\n","import React, { useEffect, useState } from 'react';\r\nimport moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { postVolunteerDocumentApprovalData } from '@redux/swim-registration/volunteer-admin-preview/actions';\r\nimport { VolunteerAdminDocumentApprovalSelector } from '@redux/swim-registration/volunteer-admin-preview/selectors';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport crossicon from '@static/images/cross-icon-blue.svg';\r\nimport { checkDateValidation } from '@state/utils/utilities';\r\n\r\nconst ApproveModal = props => {\r\n const {\r\n handlePostVolunteerDocumentApproval,\r\n documentDetail,\r\n volunteerID,\r\n setLoader,\r\n handleVolunteerAdminPreview,\r\n editDecision\r\n } = props;\r\n const [expiryDateTime, setExpiryDateTime] = useState(\r\n new Date().toISOString().substring(0, 10)\r\n );\r\n\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const [errorFlag, setErrorFlag] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n const minDate = new Date(\r\n new Date().getTime() - new Date().getTimezoneOffset() * 60000\r\n )\r\n .toISOString()\r\n .split('T')[0];\r\n const maxDate = new Date(\r\n new Date(9999, 11, 31).getTime() - new Date().getTimezoneOffset() * 60000\r\n )\r\n .toISOString()\r\n .split('T')[0];\r\n\r\n useEffect(() => {\r\n const expiryDateTime1 = documentDetail?.expiryDate\r\n ? moment(documentDetail?.expiryDate).format('YYYY-MM-DD')\r\n : new Date().toISOString().substring(0, 10);\r\n\r\n setExpiryDateTime(expiryDateTime1);\r\n }, [documentDetail]);\r\n\r\n const handleExpiryDateTimeChange = e => {\r\n if (e.target.value) {\r\n setErrorFlag(false);\r\n }\r\n setExpiryDateTime(e.target.value);\r\n };\r\n\r\n const onSubmit = () => {\r\n setLoader(true);\r\n if (expiryDateTime === '') {\r\n setErrorFlag(true);\r\n setLoader(false);\r\n return;\r\n }\r\n if (checkDateValidation(expiryDateTime)) {\r\n setLoader(false);\r\n return;\r\n }\r\n\r\n const objectPayload = {\r\n volunteerDocumentId: documentDetail.volunteerDocumentId,\r\n documentTypeId: documentDetail.documentTypeId,\r\n volunteerId: volunteerID,\r\n status: 'Approved',\r\n expiryDate: expiryDateTime\r\n };\r\n setErrorFlag(false);\r\n handlePostVolunteerDocumentApproval(objectPayload).then(res => {\r\n if (res.status === 200 && res?.data?.isSuccess) {\r\n setLoader(false);\r\n handleVolunteerAdminPreview(true);\r\n editDecision(false);\r\n document.getElementById('approveModal').click();\r\n setExpiryDateTime(new Date().toISOString().substring(0, 10));\r\n } else {\r\n setLoader(false);\r\n editDecision(false);\r\n document.getElementById('approveModal').click();\r\n setExpiryDateTime(new Date().toISOString().substring(0, 10));\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n });\r\n };\r\n const handleCancel = () => {\r\n document.getElementById('approveModal').click();\r\n setErrorFlag(false);\r\n setExpiryDateTime(new Date().toISOString().substring(0, 10));\r\n };\r\n\r\n // THIS BELOW CODE IS FOR DISABLE DATE INPUT FIELD\r\n // const disableDateInput = () => {\r\n // let disablFlag = false;\r\n // if (\r\n // documentDetail?.documentTypeString === 'BackgroundScreening' &&\r\n // documentDetail?.status === 'Success'\r\n // ) {\r\n // disablFlag = true;\r\n // }\r\n // return disablFlag;\r\n // };\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n onSubmit()}\r\n >\r\n Add\r\n \r\n \r\n Cancel\r\n \r\n
\r\n
{\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n \r\n );\r\n};\r\n\r\nApproveModal.propTypes = {\r\n volunteerID: PropTypes.string.isRequired,\r\n documentDetail: PropTypes.objectOf(PropTypes.any).isRequired,\r\n setLoader: PropTypes.func.isRequired,\r\n handleVolunteerAdminPreview: PropTypes.func.isRequired,\r\n handlePostVolunteerDocumentApproval: PropTypes.func.isRequired,\r\n editDecision: PropTypes.func.isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handlePostVolunteerDocumentApproval: postVolunteerDocumentApprovalData\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n VolunteerAdminDocumentApprovalSelectorData:\r\n VolunteerAdminDocumentApprovalSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(ApproveModal));\r\n","import React, { useEffect, useState } from 'react';\r\nimport moment from 'moment';\r\nimport axios from 'axios';\r\nimport get from 'lodash.get';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport { connect } from 'react-redux';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport {\r\n getVolunteerAdminPreviewList,\r\n postVolunteerApprovalData,\r\n postVolunteerInitiateBackgroundScreening,\r\n postVolunteerCancelInitiatedBackgroundScreening\r\n} from '@redux/swim-registration/volunteer-admin-preview/actions';\r\nimport { VolunteerAdminPreviewSelector } from '@redux/swim-registration/volunteer-admin-preview/selectors';\r\nimport { GET_DOWNLOAD_FILE_PREVIEW } from '@config/api-config';\r\nimport { APP_LABELS, ENUMS, REGEX } from '@config/app-config';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport ViewIcon from '@static/images/swimRegistration/view-icon.svg';\r\nimport DownloadIconArrow from '@static/images/swimRegistration/download-icon-arrow.svg';\r\nimport EditPencilIcon from '@static/images/swimRegistration/edit-pencil-icon.svg';\r\nimport convertUtcToLocal from '@utilities/ConvertTimezone';\r\nimport { getDocumentTitle } from '@state/utils/utilities';\r\nimport InitiateIcon from '@static/images/swimRegistration/initiate-icon.svg';\r\nimport RejectModal from './reject-modal';\r\nimport ApproveModal from './approve-modal';\r\nimport PreviewModal from '../volunteer-registeration-preview/preview-modal';\r\nimport RenderStatusIcon from '../volunteer-registeration-preview/renderStatusIcon';\r\nimport VolunteerAttestationModal from '../volunteer-registeration-preview/volunteer-attestation-modal';\r\n\r\nconst { PAGE_DATE_FORMAT, DATE_FORMAT_FOR_DOCUMENT, EXPIRY_DATE_FORMAT } =\r\n REGEX;\r\n\r\nconst VolunteerAdminPreview = props => {\r\n const {\r\n handleGetVolunteerAdminPreview,\r\n handlePostVolunteerApprovalPreview,\r\n handlePostVolunteerInitiateBackgroundScreening,\r\n VolunteerAdminPreviewSelectorData,\r\n handlePostVolunteerCancelInitiatedBackgroundScreening,\r\n computedMatch\r\n } = props;\r\n\r\n const [loader, setLoader] = useState(false);\r\n const [revertAction, setRevertAction] = useState(false);\r\n const [isEditDecisionSelected, setIsEditDecisionSelected] = useState(false);\r\n const [documentType, setDocumentType] = useState();\r\n const [fileURI, setFileURI] = useState();\r\n const [documentTitle, setDocumentTitle] = useState();\r\n const [isPdfViewer, setIsPdfViewer] = useState(true);\r\n const [addComment, setAddComment] = useState(null);\r\n const [commentError, setCommentError] = useState(false);\r\n const [formButtonDisable, setFormButtonDisable] = useState(true);\r\n const [selectedDocumentDetail, setSelectedDocumentDetail] = useState();\r\n const [redirect, setRedirect] = useState(false);\r\n const [successPopup, setSuccessPopup] = useState(false);\r\n const [successMessage, setSuccessMessage] = useState('');\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n\r\n const authToken = JSON.parse(sessionStorage.getItem('token'));\r\n\r\n const [initiateSuccessPopup, setInitiateSuccessPopup] = useState(false);\r\n const [initiateCancelSuccessPopup, setInitiateCancelSuccessPopup] =\r\n useState(false);\r\n const [showAttentionPopup, setShowAttentionPopup] = useState(false);\r\n const [showCancelAttentionPopup, setShowCancelAttentionPopup] =\r\n useState(false);\r\n const handleCloseAttentionPopup = () => setShowAttentionPopup(false);\r\n const handleShowAttentionPopup = () => setShowAttentionPopup(true);\r\n\r\n const handleCloseCancelAttentionPopup = () =>\r\n setShowCancelAttentionPopup(false);\r\n const handleShowCancelAttentionPopup = () =>\r\n setShowCancelAttentionPopup(true);\r\n\r\n const handleFormSubmissionButton = data => {\r\n const status = data?.volunteerDocuments?.map(row => row.status);\r\n if (status.includes(ENUMS.REJECTED)) {\r\n setFormButtonDisable(true);\r\n }\r\n if (status.every(x => x === ENUMS.APPROVED)) {\r\n setFormButtonDisable(false);\r\n } else {\r\n setFormButtonDisable(true);\r\n }\r\n };\r\n\r\n const handleVolunteerAdminPreview = () => {\r\n setLoader(true);\r\n handleGetVolunteerAdminPreview(\r\n get(computedMatch, 'params.volunteerID')\r\n ).then(res => {\r\n if (res.status === 200) {\r\n handleFormSubmissionButton(res.data.data);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n window.scroll(0, 0);\r\n handleVolunteerAdminPreview();\r\n setIsEditDecisionSelected(false);\r\n }, []);\r\n\r\n const getFileExtension = filename => {\r\n const ext = /^.+\\.([^.]+)$/.exec(filename);\r\n return ext === null ? '' : ext[1];\r\n };\r\n\r\n const openPDF = async (fileName, documentTypeString) => {\r\n setDocumentTitle(documentTypeString);\r\n setLoader(true);\r\n const URI = `${GET_DOWNLOAD_FILE_PREVIEW(fileName)}`;\r\n const extn = getFileExtension(fileName)\r\n ? getFileExtension(fileName).toLowerCase()\r\n : '';\r\n let typeValue = 'application/pdf';\r\n // code for image files\r\n if (extn === 'png' || extn === 'jpg' || extn === 'jpeg') {\r\n setIsPdfViewer(false);\r\n typeValue = `image/${extn}`;\r\n } else {\r\n setIsPdfViewer(true);\r\n }\r\n axios\r\n .get(URI, {\r\n responseType: 'arraybuffer',\r\n headers: {\r\n multipartFormData: false,\r\n 'Access-Control-Allow-Credentials': true,\r\n 'Access-Control-Allow-Origin': window.location.origin,\r\n 'Ocp-Apim-Subscription-Key': APP_LABELS.APIM_KEY,\r\n Authorization: `Bearer ${get(authToken, 'token', '')}`\r\n }\r\n })\r\n .then(response => {\r\n const bytes = new Uint8Array(response.data); // use this if data is raw bytes else directly pass resData\r\n const blob = new window.Blob([bytes], { type: typeValue });\r\n const downloadUrl = window.URL.createObjectURL(blob);\r\n setFileURI(downloadUrl);\r\n setLoader(false);\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n });\r\n };\r\n\r\n const handleDownloadFile = filePath => {\r\n const extractFileName = filePath.split('/');\r\n setLoader(true);\r\n axios\r\n .get(GET_DOWNLOAD_FILE_PREVIEW(filePath), {\r\n responseType: 'blob',\r\n headers: {\r\n 'Content-Type': 'blob',\r\n 'Access-Control-Allow-Credentials': true,\r\n 'Access-Control-Allow-Origin': window.location.origin,\r\n 'Ocp-Apim-Subscription-Key': APP_LABELS.APIM_KEY,\r\n Authorization: `Bearer ${get(authToken, 'token', '')}`\r\n }\r\n })\r\n .then(response => {\r\n const fileName = extractFileName[extractFileName.length - 1];\r\n const downloadUrl = window.URL.createObjectURL(\r\n new Blob([response.data])\r\n );\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.setAttribute('download', fileName);\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoader(false);\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n });\r\n };\r\n\r\n const handleSelectedDocumentDetails = documentDetail => {\r\n setSelectedDocumentDetail(documentDetail);\r\n };\r\n\r\n const handleFormSubmission = status => {\r\n setLoader(true);\r\n if (addComment === null && status === 'Rejected') {\r\n setCommentError(true);\r\n setLoader(false);\r\n return;\r\n }\r\n\r\n const payload = {\r\n volunteerId: VolunteerAdminPreviewSelectorData?.data?.volunteerId,\r\n comment: addComment,\r\n status\r\n };\r\n\r\n handlePostVolunteerApprovalPreview(payload).then(res => {\r\n if (res.status === 200) {\r\n setLoader(false);\r\n setSuccessPopup(true);\r\n if (status === 'Rejected') {\r\n setSuccessMessage('Documents have been rejected successfully!');\r\n }\r\n if (status === 'Approved') {\r\n setSuccessMessage('Documents have been approved successfully! ');\r\n }\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n });\r\n };\r\n\r\n const handleAddComment = e => {\r\n setAddComment(e.target.value);\r\n };\r\n\r\n const setExpiryDateFormat = expiryDate =>\r\n moment(expiryDate).format(EXPIRY_DATE_FORMAT);\r\n\r\n const editDecision = flag => {\r\n setIsEditDecisionSelected(flag);\r\n setDocumentType();\r\n };\r\n\r\n const showApproveReject = (isEdit, documentTypeValue) => {\r\n setIsEditDecisionSelected(isEdit);\r\n setDocumentType(documentTypeValue);\r\n };\r\n\r\n const handlePostVolunteerInitiateAction = () => {\r\n setLoader(true);\r\n const payload = {\r\n initiateBackgroundScreening: true,\r\n volunteerId: VolunteerAdminPreviewSelectorData?.data?.volunteerId,\r\n personId: VolunteerAdminPreviewSelectorData?.data?.personId,\r\n firstName: VolunteerAdminPreviewSelectorData?.data?.firstName,\r\n lastName: VolunteerAdminPreviewSelectorData?.data?.lastName,\r\n dob: VolunteerAdminPreviewSelectorData?.data?.birthDate,\r\n email: VolunteerAdminPreviewSelectorData?.data?.emailAddress,\r\n state: VolunteerAdminPreviewSelectorData?.data?.state,\r\n country: VolunteerAdminPreviewSelectorData?.data?.country\r\n };\r\n handlePostVolunteerInitiateBackgroundScreening(payload).then(res => {\r\n if (res?.status === 200) {\r\n if (res?.data?.status === 200) {\r\n setLoader(false);\r\n handleVolunteerAdminPreview();\r\n editDecision(false);\r\n setInitiateSuccessPopup(true);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.data?.message);\r\n setErrorPopup(true);\r\n }\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.message ? res?.message : res?.title);\r\n setErrorPopup(true);\r\n }\r\n });\r\n };\r\n\r\n const handlePostCancelVolunteerInitiateAction = () => {\r\n setLoader(true);\r\n const payload = {\r\n volunteerId: VolunteerAdminPreviewSelectorData?.data?.volunteerId,\r\n documentTypeId:\r\n VolunteerAdminPreviewSelectorData?.data?.volunteerDocuments[0]\r\n .documentTypeId,\r\n status: 'New'\r\n };\r\n handlePostVolunteerCancelInitiatedBackgroundScreening(payload).then(res => {\r\n if (res?.status === 200) {\r\n if (res?.data?.isSuccess === true) {\r\n setLoader(false);\r\n handleVolunteerAdminPreview();\r\n editDecision(false);\r\n setInitiateCancelSuccessPopup(true);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.data?.message);\r\n setErrorPopup(true);\r\n }\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.message ? res?.message : res?.title);\r\n setErrorPopup(true);\r\n }\r\n });\r\n };\r\n\r\n const handleInitiatePopup = () => {\r\n handlePostVolunteerInitiateAction();\r\n setShowAttentionPopup(false);\r\n };\r\n const handleCancelInitiatePopup = () => {\r\n handlePostCancelVolunteerInitiateAction();\r\n setShowCancelAttentionPopup(false);\r\n };\r\n const renderApproveButton = row => (\r\n handleSelectedDocumentDetails(row)}\r\n >\r\n Approve \r\n \r\n );\r\n\r\n const renderRejectButton = row => (\r\n handleSelectedDocumentDetails(row)}\r\n >\r\n Reject \r\n \r\n );\r\n\r\n const BackgroundScreeningCheck = row =>\r\n ENUMS.BACKGROUND_SCREENING === row?.documentTypeString;\r\n\r\n // THIS BELOW CODE IS COMMENTED ONLY FOR PHASE-I DEVELOPMENT PURPOSE\r\n\r\n const renderInitiateButton = row => {\r\n const validStatusValues = [\r\n ENUMS.APPROVED,\r\n ENUMS.REJECTED,\r\n ENUMS.PENDING,\r\n ENUMS.NEW\r\n ];\r\n return (\r\n ENUMS.BACKGROUND_SCREENING === row?.documentTypeString &&\r\n validStatusValues.includes(row?.status) && (\r\n <>\r\n {/* | */}\r\n\r\n \r\n \r\n \r\n \r\n \r\n )\r\n );\r\n };\r\n\r\n const renderCancelInitiateButton = row => {\r\n const validStatusValues = [ENUMS.INITIATED];\r\n return (\r\n ENUMS.BACKGROUND_SCREENING === row?.documentTypeString &&\r\n validStatusValues.includes(row?.status) && (\r\n \r\n Cancel\r\n \r\n )\r\n );\r\n };\r\n const renderEditButton = row => {\r\n const validStatusValues = [ENUMS.APPROVED, ENUMS.REJECTED];\r\n\r\n return (\r\n validStatusValues.includes(row?.status) &&\r\n documentType !== row?.documentTypeString && (\r\n showApproveReject(true, row?.documentTypeString)}\r\n >\r\n Edit \r\n \r\n )\r\n );\r\n };\r\n\r\n const renderPreviewButton = () => (\r\n \r\n openPDF(row.url, row.documentTypeString)}\r\n >\r\n handleDownloadFile(row.url)}\r\n >\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
Volunteer Details \r\n \r\n
\r\n
\r\n
\r\n {/* */}\r\n Back\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Registered Date & Time -{/* */}\r\n \r\n \r\n {moment(\r\n convertUtcToLocal(\r\n get(\r\n VolunteerAdminPreviewSelectorData,\r\n 'data.registrationDate'\r\n )\r\n )\r\n ).format(PAGE_DATE_FORMAT)}\r\n \r\n | Status\r\n
\r\n
\r\n {isFormStatusApprovedOrRejected && (\r\n <>\r\n {!revertAction && (\r\n
setRevertAction(true)}\r\n >\r\n Edit action \r\n \r\n )}\r\n {revertAction && (\r\n setRevertAction(false)}\r\n >\r\n Cancel \r\n \r\n )}\r\n \r\n )}\r\n \r\n
\r\n {get(VolunteerAdminPreviewSelectorData, 'data.status', '-') ===\r\n ENUMS.REJECTED && (\r\n
\r\n {get(\r\n VolunteerAdminPreviewSelectorData,\r\n 'data.adminComment',\r\n '-'\r\n )}\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
Name
\r\n
\r\n {get(\r\n VolunteerAdminPreviewSelectorData,\r\n 'data.firstName',\r\n '-'\r\n )}{' '}\r\n {get(\r\n VolunteerAdminPreviewSelectorData,\r\n 'data.lastName',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
Date Of Birth
\r\n
\r\n {moment(\r\n get(\r\n VolunteerAdminPreviewSelectorData,\r\n 'data.birthDate',\r\n '-'\r\n )\r\n ).format('MM/DD/YYYY')}\r\n
\r\n
\r\n
\r\n
Email Address
\r\n
\r\n {get(\r\n VolunteerAdminPreviewSelectorData,\r\n 'data.emailAddress',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
Phone Number
\r\n
\r\n {get(\r\n VolunteerAdminPreviewSelectorData,\r\n 'data.phoneNumber',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Address 1
\r\n
\r\n {get(\r\n VolunteerAdminPreviewSelectorData,\r\n 'data.address1',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
Address 2
\r\n
\r\n {VolunteerAdminPreviewSelectorData?.data?.address2\r\n ? VolunteerAdminPreviewSelectorData?.data?.address2\r\n : '-'}\r\n
\r\n
\r\n
\r\n
City
\r\n
\r\n {get(VolunteerAdminPreviewSelectorData, 'data.city', '-')}\r\n
\r\n
\r\n
\r\n
ZIP Code
\r\n
\r\n {get(\r\n VolunteerAdminPreviewSelectorData,\r\n 'data.zipCode',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
State
\r\n
\r\n {get(\r\n VolunteerAdminPreviewSelectorData,\r\n 'data.state',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
Country
\r\n
\r\n {get(\r\n VolunteerAdminPreviewSelectorData,\r\n 'data.country',\r\n '-'\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Registration
\r\n
\r\n {VolunteerAdminPreviewSelectorData?.data?.registrationIds?.includes(\r\n ENUMS.IS_SWIMMING_REGISTRATION\r\n ) && (\r\n \r\n Swimming\r\n \r\n )}\r\n\r\n {VolunteerAdminPreviewSelectorData?.data?.registrationIds?.includes(\r\n ENUMS.IS_GYMNASTICS_REGISTRATION\r\n ) && (\r\n \r\n Gymnastics\r\n \r\n )}\r\n\r\n {VolunteerAdminPreviewSelectorData?.data?.registrationIds?.includes(\r\n ENUMS.IS_DIVING_REGISTRATION\r\n ) && (\r\n \r\n Diving\r\n \r\n )}\r\n {VolunteerAdminPreviewSelectorData?.data?.registrationIds?.includes(\r\n ENUMS.IS_PICKLE_BALL_REGISTRATION\r\n ) && (\r\n \r\n Pickleball\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Document Type \r\n Uploaded On \r\n Expiry Date \r\n Comments \r\n Status \r\n Actions \r\n \r\n \r\n \r\n {VolunteerAdminPreviewSelectorData?.data?.volunteerDocuments?.map(\r\n row => (\r\n \r\n {getDocumentTitle(row?.documentTypeString)} \r\n \r\n {moment(\r\n convertUtcToLocal(get(row, 'uploadedOn'))\r\n ).format(DATE_FORMAT_FOR_DOCUMENT)}\r\n \r\n \r\n {row?.expiryDate\r\n ? setExpiryDateFormat(row?.expiryDate)\r\n : '-'}\r\n \r\n {row?.comment ? row?.comment : '-'} \r\n \r\n \r\n\r\n \r\n {row?.documentTypeString ===\r\n ENUMS.VOLUNTEER_ATTESTATION ? (\r\n renderPreviewButton()\r\n ) : (\r\n <>\r\n {row?.url &&\r\n row?.url !== '' &&\r\n renderPreviewAndDownloadButton(row)}\r\n \r\n )}\r\n\r\n {(isFormStatusNotApprovedOrRejected ||\r\n revertAction) && (\r\n <>\r\n {/* | */}\r\n {checkDocumentTypeStatusAndEditAction(row) && (\r\n <>\r\n {BackgroundScreeningCheck(row) ? (\r\n // <>\r\n // {row?.url && (\r\n // <>\r\n // \r\n // |\r\n // \r\n // {row?.status !== ENUMS.DENIED &&\r\n // renderApproveButton(row)}\r\n // {renderRejectButton(row)}\r\n // \r\n // )}\r\n // \r\n // -------------------------------\r\n <>\r\n {row?.url && (\r\n | \r\n )}\r\n {row?.status !== ENUMS.DENIED &&\r\n renderApproveButton(row)}\r\n {renderRejectButton(row)}\r\n \r\n ) : (\r\n // -------------------------------\r\n <>\r\n | \r\n {renderApproveButton(row)}\r\n {renderRejectButton(row)}\r\n \r\n )}\r\n {/* // THIS BELOW CODE IS COMMENTED ONLY FOR PHASE-I DEVELOPMENT PURPOSE */}\r\n {renderInitiateButton(row)}\r\n \r\n )}\r\n {renderCancelInitiateButton(row)}\r\n {renderEditButton(row)}\r\n \r\n )}\r\n \r\n \r\n )\r\n )}\r\n \r\n
\r\n
\r\n {((VolunteerAdminPreviewSelectorData?.data?.status !==\r\n ENUMS.APPROVED &&\r\n VolunteerAdminPreviewSelectorData?.data?.status !==\r\n ENUMS.REJECTED) ||\r\n revertAction) && (\r\n <>\r\n
Comments \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n * please enter comments\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n handleFormSubmission('Rejected')}\r\n >\r\n Reject\r\n \r\n handleFormSubmission('Approved')}\r\n disabled={formButtonDisable}\r\n >\r\n Approve\r\n \r\n
\r\n \r\n )}\r\n
\r\n
{\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n {successPopup && (\r\n {\r\n setRedirect(true);\r\n }}\r\n />\r\n )}\r\n {/* Attention Modal */}\r\n handleInitiatePopup()}\r\n cancelButtonName=\"No\"\r\n onCancel={handleCloseAttentionPopup}\r\n />\r\n {/* Cancel Attention Modal */}\r\n handleCancelInitiatePopup()}\r\n cancelButtonName=\"No\"\r\n onCancel={handleCloseCancelAttentionPopup}\r\n />\r\n {initiateSuccessPopup && (\r\n {\r\n setInitiateSuccessPopup(false);\r\n }}\r\n />\r\n )}\r\n {initiateCancelSuccessPopup && (\r\n {\r\n setInitiateCancelSuccessPopup(false);\r\n }}\r\n />\r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nVolunteerAdminPreview.propTypes = {\r\n handleGetVolunteerAdminPreview: PropTypes.func.isRequired,\r\n handlePostVolunteerApprovalPreview: PropTypes.func.isRequired,\r\n handlePostVolunteerInitiateBackgroundScreening: PropTypes.func.isRequired,\r\n handlePostVolunteerCancelInitiatedBackgroundScreening:\r\n PropTypes.func.isRequired,\r\n VolunteerAdminPreviewSelectorData: PropTypes.objectOf(PropTypes.any)\r\n .isRequired,\r\n computedMatch: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetVolunteerAdminPreview: getVolunteerAdminPreviewList,\r\n handlePostVolunteerApprovalPreview: postVolunteerApprovalData,\r\n handlePostVolunteerInitiateBackgroundScreening:\r\n postVolunteerInitiateBackgroundScreening,\r\n handlePostVolunteerCancelInitiatedBackgroundScreening:\r\n postVolunteerCancelInitiatedBackgroundScreening\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n VolunteerAdminPreviewSelectorData: VolunteerAdminPreviewSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(VolunteerAdminPreview));\r\n","export { default as VolunteerRegisteration } from './volunteer-registeration';\r\nexport { default as VolunteerRegisterationPreview } from './volunteer-registeration-preview';\r\nexport { default as VolunteerAdminDashboard } from './volunteer-admin-dashboard';\r\nexport { default as VolunteerAdminPreview } from './volunteer-admin-preview';\r\n\r\n","export * from './components';","import { CDP_DASHBOARD_URLS } from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getCdpAssociateDashboard =\r\n (associationNumber, programid, showHidden) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_DASHBOARD_URLS.ASSOCIATION(associationNumber, programid, showHidden),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_CDP_ASSOCIATE_DASHBOARD_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_CDP_ASSOCIATE_DASHBOARD_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const saveCdpAssociation = payload => dispatch => {\r\n dispatch({\r\n type: types.SAVE_CDP_ASSOCIATION,\r\n payload\r\n });\r\n};\r\n\r\n\r\nexport const checkHipaaCertificate = () => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_DASHBOARD_URLS.HIPAA_CERTIFICATE(),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.CHECK_HIPAA_CERTIFICATE_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.CHECK_HIPAA_CERTIFICATE_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\n\r\nexport const updateViewStatus = (cdpDataFetchId, status) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_DASHBOARD_URLS.UPDATE_VIEW_STATUS(cdpDataFetchId, status),\r\n method: 'POST',\r\n successAction: data => ({\r\n type: types.POST_STATUS_UPDATE_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.POST_STATUS_UPDATE_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });","import { CDP_UPLOAD_URLS, GET_CDP_WELLD_FETCH } from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getCdpWellDFetchAction =\r\n (DataSystem, Program, associationNumber) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_CDP_WELLD_FETCH(DataSystem, Program, associationNumber),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.POST_CDP_WELLD_FETCH_SUCCESS,\r\n async: true,\r\n payload: { result: data },\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.POST_CDP_WELLD_FETCH_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const postCdpFileAction = payload => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_UPLOAD_URLS.DS_UPLOAD(),\r\n method: 'POST',\r\n data: payload,\r\n successAction: data => ({\r\n type: types.POST_CDP_SOLERA_FILE_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.POST_CDP_SOLERA_FILE_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const postCdpRedcapFetchAction = payloadBody => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_UPLOAD_URLS.REDCAP_FETCH(),\r\n method: 'POST',\r\n data: payloadBody,\r\n successAction: data => ({\r\n type: types.POST_CDP_REDCAP_FETCH_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.POST_CDP_REDCAP_FETCH_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getIsImportedMsgAction =\r\n (dataSystemId, programId, associationNumber) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_UPLOAD_URLS.IS_IMPORTED(\r\n dataSystemId,\r\n programId,\r\n associationNumber\r\n ),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_CDP_IS_IMPORTED_MSG_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_CDP_IS_IMPORTED_MSG_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getProgramsAction = associationNumber => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_UPLOAD_URLS.PROGRAM(associationNumber),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_CDP_PROGRAM_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_CDP_PROGRAM_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getDolProgramsAction = () => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_UPLOAD_URLS.DOLPROGRAM(),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_CDP_PROGRAM_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_CDP_PROGRAM_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getDolTypesAction = () => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_UPLOAD_URLS.DOLTYPES(),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_CDP_PROGRAM_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_CDP_PROGRAM_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getDataSystemsAction = Program => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_UPLOAD_URLS.DATASYSTEM(Program),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_CDP_DATASYSTEM_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_CDP_DATASYSTEM_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const updateSubmissionDateAction =\r\n (programId, associationNumber) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_UPLOAD_URLS.UPDATE_SUBMISSION_DATE(programId, associationNumber),\r\n method: 'POST',\r\n successAction: data => ({\r\n type: types.UPDATE_SUBMISSION_DATE_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.UPDATE_SUBMISSION_DATE_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const selectedDataSystemAction = payload => dispatch => {\r\n dispatch({\r\n type: types.SELECTED_DATA_SYSTEM,\r\n payload\r\n });\r\n};\r\n\r\nexport const selectedProgramAction = payload => dispatch => {\r\n dispatch({\r\n type: types.SELECTED_PROGRAM,\r\n payload\r\n });\r\n};\r\n\r\nexport const detailPageTypeAction = payload => dispatch => {\r\n dispatch({\r\n type: types.DETAIL_PAGE_TYPE,\r\n payload\r\n });\r\n};\r\n\r\nexport const saveCdpFetchIdAction = payload => dispatch => {\r\n dispatch({\r\n type: types.SAVE_CDP_FETCH_ID,\r\n payload\r\n });\r\n};\r\n\r\nexport const saveFetchTypeAction = payload => dispatch => {\r\n dispatch({\r\n type: types.SAVE_FETCH_TYPE,\r\n payload\r\n });\r\n};\r\n","import { CDP_DASHBOARD_URLS } from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getCdpAdminDashboard =\r\n (majorGroupId, programId) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_DASHBOARD_URLS.DASHBOARD(majorGroupId, programId),\r\n method: 'GET',\r\n // data: payloadBody,\r\n successAction: data => ({\r\n type: types.GET_CDP_ADMIN_DASHBOARD_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_CDP_ADMIN_DASHBOARD_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getCdpAdminDashboardKIP = () => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_DASHBOARD_URLS.ADMIN_DASHBOARD_KPI(),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_CDP_ADMIN_DASHBOARD_KPI_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_CDP_ADMIN_DASHBOARD_KPI_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getCdpAdminDashboardCards = () => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_DASHBOARD_URLS.DASHBOARD(),\r\n method: 'GET',\r\n // data: payloadBody,\r\n successAction: data => ({\r\n type: types.GET_CDP_ADMIN_DASHBOARD_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_CDP_ADMIN_DASHBOARD_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getAssociationByNumber =\r\n associationNumber => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_DASHBOARD_URLS.ASSOCIATION_BY_NUMBER(associationNumber),\r\n successAction: data => ({\r\n type: types.GET_ASSOCIATION_BY_NUMBER_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_ASSOCIATION_BY_NUMBER_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","import { useState } from 'react';\r\nimport CryptoJS from 'crypto-js';\r\n\r\nconst HASH_KEY = process.env.REACT_APP_STORAGE_SECRET_KEY;\r\n\r\nfunction useSessionStorage(key, initialValue) {\r\n const [storedValue, setStoredValue] = useState(() => {\r\n if (typeof window === 'undefined') {\r\n return initialValue;\r\n }\r\n try {\r\n const encodedWord = CryptoJS.enc.Utf8.parse(key);\r\n const encryptedKey = CryptoJS.enc.Base64.stringify(encodedWord);\r\n const item = window.sessionStorage.getItem(encryptedKey);\r\n const decyptedValue = CryptoJS.AES.decrypt(item, HASH_KEY).toString(\r\n CryptoJS.enc.Utf8\r\n );\r\n return item ? JSON.parse(decyptedValue) : initialValue;\r\n } catch (error) {\r\n return initialValue;\r\n }\r\n });\r\n\r\n const setValue = value => {\r\n try {\r\n const valueToStore =\r\n value instanceof Function ? value(storedValue) : value;\r\n const encodedWord = CryptoJS.enc.Utf8.parse(key);\r\n const encryptedKey = CryptoJS.enc.Base64.stringify(encodedWord);\r\n const encyptedValue = CryptoJS.AES.encrypt(\r\n JSON.stringify(valueToStore),\r\n HASH_KEY\r\n );\r\n setStoredValue(encyptedValue);\r\n if (typeof window !== 'undefined') {\r\n window.sessionStorage.setItem(encryptedKey, encyptedValue);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n return [storedValue, setValue];\r\n}\r\n\r\nexport default useSessionStorage;\r\n","const FileMimeType = {\r\n 'text/csv': 'csv',\r\n 'application/msword': 'doc',\r\n 'application/vnd.ms-excel': 'xls',\r\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': 'xlsx',\r\n 'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'docx'\r\n};\r\n\r\nexport default FileMimeType;","const UserService = {\r\n getTokenStore: () => {\r\n const tokenString = sessionStorage.getItem(\"token\");\r\n if (tokenString) {\r\n const token = JSON.parse(tokenString);\r\n return token;\r\n }\r\n return null;\r\n },\r\n\r\n getToken: () => {\r\n const data = UserService.getTokenStore();\r\n if (data) {\r\n const { token } = data;\r\n return token;\r\n }\r\n return null;\r\n },\r\n\r\n getUser: () => {\r\n const data = UserService.getTokenStore();\r\n if (data) {\r\n const { user } = data;\r\n return user;\r\n }\r\n return null;\r\n },\r\n\r\n getAssociation: () => {\r\n const data = UserService.getUser();\r\n if (data) {\r\n const { associations } = data;\r\n return associations;\r\n }\r\n return null;\r\n },\r\n\r\n getUserName: () => {\r\n const data = UserService.getUser();\r\n if (data) {\r\n const { userName } = data;\r\n return userName;\r\n }\r\n return null;\r\n },\r\n\r\n getFullName: () => {\r\n const data = UserService.getUser();\r\n if (data) {\r\n const fulName = `${data.firstName} ${data.lastName}`;\r\n return fulName;\r\n }\r\n return null;\r\n }\r\n}\r\n\r\nexport default UserService;","export default __webpack_public_path__ + \"Blood-Pressure-Self-Monitoring-Colored.svg\";","export default __webpack_public_path__ + \"Blood-Pressure-Self-Monitoring-white.svg\";","export default __webpack_public_path__ + \"YMCA-Diabetes-Prevention-Program-Colored.svg\";","export default __webpack_public_path__ + \"YMCA-Diabetes-Prevention-Program-white.svg\";","export default __webpack_public_path__ + \"Enhance-Fitness-Colored.svg\";","export default __webpack_public_path__ + \"Enhance-Fitness-white.svg\";","export default __webpack_public_path__ + \"Healthy-Weight-your-Child-Colored.svg\";","export default __webpack_public_path__ + \"Healthy-Weight-your-Child-White.svg\";","export default __webpack_public_path__ + \"LS-dark-(2).svg\";","export default __webpack_public_path__ + \"LS-light-(2).svg\";","export default __webpack_public_path__ + \"YWP-dark.svg\";","export default __webpack_public_path__ + \"YWP-light.svg\";","export default __webpack_public_path__ + \"rejected-icon.svg\";","export default __webpack_public_path__ + \"upload-icon-yellow.svg\";","import React from 'react';\r\nimport moment from 'moment';\r\nimport { Link } from 'react-router-dom';\r\nimport { CDP } from '@config/app-config';\r\nimport NotStarted from '@static/images/rejected-icon.svg';\r\nimport UploadedIconDark from '@static/images/upload-icon-yellow.svg';\r\nimport SuccessModalIcon from '@static/images/success-tick-icon.svg';\r\n\r\nconst successHtml = () => (\r\n \r\n
\r\n
{CDP.DASHBOARD.success} \r\n
\r\n
\r\n
{CDP.DASHBOARD.error} \r\n
\r\n
\r\n
{CDP.DASHBOARD.inProgress} \r\n
onLinkClick(v.row)}\r\n >\r\n View Details\r\n \r\n );\r\n }\r\n return <>Not applicable;\r\n }\r\n },\r\n {\r\n Header: 'Data System',\r\n accessor: 'dataSystemName',\r\n className: 'notranslate ymca-word-break ymca-ellipse ymca-text-primary'\r\n },\r\n {\r\n Header: 'Program',\r\n className: 'notranslate',\r\n accessor: (row) => {\r\n if (row?.programName === 'YWP') {\r\n return `${row?.programDisplayName} - ${row?.typeName}`;\r\n }\r\n return row?.programDisplayName;\r\n }\r\n },\r\n {\r\n Header: 'Created By',\r\n className: 'notranslate',\r\n accessor: (row) =>\r\n row.createdByName ? row.createdByName : row.createdBy\r\n },\r\n {\r\n Header: 'Created Date & Time',\r\n accessor: (row) => moment.utc(row.createdDate).local().format('DD MMM YYYY, hh:mm a'),\r\n className: 'notranslate',\r\n sortType: dateTimeSort\r\n },\r\n {\r\n Header: 'Status',\r\n className: '',\r\n accessor: 'statusName',\r\n Cell: (c) => <>{getStatusHtml(c.value)}\r\n },\r\n {\r\n Header: 'File',\r\n accessor: 'fileName',\r\n className: 'ymca-text-primary',\r\n disableSortBy: true,\r\n Cell: (v) => {\r\n if (v.value) {\r\n return (\r\n downloadFile(v.value, v.row)}\r\n className=\"btn btn-link table-link p-0 custom-align d-flex align-items-center text-decoration-none\">\r\n Not applicable
;\r\n }\r\n },\r\n {\r\n Header: 'Action',\r\n accessor: \"isHidden\",\r\n\r\n Cell: (v) => {\r\n const canHidden = v.row.original.status === \"E\" || v.row.original.status === \"P\";\r\n if (canHidden) {\r\n return (\r\n onShowHideClick(v.row.original)}\r\n className={`btn btn-link text-decoration-none show-button-hidden-row ${v.value ? 'text-info' : 'text-danger'}`}>\r\n {v.value ? <> \r\n );\r\n }\r\n return <>;\r\n }\r\n }\r\n];\r\n\r\nexport default ASSOCIATE_DASHBOARD_COLUMNS;\r\n","export default __webpack_public_path__ + \"first-icon.svg\";","export default __webpack_public_path__ + \"Last-icon.svg\";","/* eslint-disable no-nested-ternary */\r\nimport React from 'react';\r\nimport {\r\n useTable,\r\n useGlobalFilter,\r\n usePagination,\r\n useSortBy\r\n} from 'react-table';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\n\r\nimport SearchIcon from '@static/images/search-icon.svg';\r\nimport PreviousIcon from '@static/images/previous-icon.svg';\r\nimport NextIcon from '@static/images/Next-icon.svg';\r\nimport SortUpIcon from '@static/images/sorting-icon-up.svg';\r\nimport SortDownIcon from '@static/images/sorting-icon-down.svg';\r\nimport FirstIcon from '@static/images/first-icon.svg';\r\nimport LastIcon from '@static/images/Last-icon.svg';\r\n\r\nconst Table = props => {\r\n const {\r\n rows,\r\n headers,\r\n hiddenColumns,\r\n noRecordMessage,\r\n title,\r\n showCount,\r\n onShowRecordsClick,\r\n getRowProps,\r\n autoResetSortBy,\r\n autoResetPage,\r\n autoResetFilters,\r\n autoResetGlobalFilter,\r\n hiddenRecordCount,\r\n showHideButtonText\r\n } =\r\n props;\r\n const columns = headers;\r\n const data = rows || [];\r\n\r\n const {\r\n getTableProps,\r\n getTableBodyProps,\r\n headerGroups,\r\n page,\r\n nextPage,\r\n previousPage,\r\n canNextPage,\r\n canPreviousPage,\r\n gotoPage,\r\n pageCount,\r\n prepareRow,\r\n state,\r\n setGlobalFilter,\r\n setPageSize,\r\n rows: filteredRows\r\n } = useTable(\r\n {\r\n columns,\r\n data,\r\n disableSortRemove: true,\r\n defaultCanSort: true,\r\n autoResetSortBy,\r\n autoResetPage,\r\n autoResetFilters,\r\n autoResetGlobalFilter,\r\n initialState: {\r\n // Use your own data structure and add as many columns that need sorting by default\r\n // sortBy: [{ uploadedDateTime: data.uploadedDateTime, desc: true }],\r\n pageSize: 25,\r\n hiddenColumns: hiddenColumns || []\r\n }\r\n },\r\n useGlobalFilter,\r\n useSortBy,\r\n usePagination\r\n );\r\n const { globalFilter, pageIndex, pageSize } = state;\r\n\r\n const onBtnClick = () => {\r\n onShowRecordsClick()\r\n }\r\n\r\n const caluclatePageEntries = () => {\r\n if (data?.length > 0) return pageSize * (pageIndex + 1) - pageSize + 1;\r\n return 0;\r\n };\r\n\r\n const caluclatePageToEntries = () => {\r\n let toCount = data.length > 0 ? pageSize * (pageIndex + 1) : 0;\r\n if (filteredRows.length < toCount) {\r\n toCount = filteredRows.length;\r\n }\r\n return toCount;\r\n };\r\n\r\n const caluclatePageOfEntries = () => {\r\n let retrunValue = filteredRows?.length;\r\n if (globalFilter) {\r\n retrunValue = `${retrunValue} (filtered)`;\r\n }\r\n return retrunValue;\r\n };\r\n const getSortedDesc = isSortedDesc =>\r\n isSortedDesc ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n {title} {showCount ? `(${data.length})` : ''}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n onBtnClick()}\r\n style={{ height: '50px' }} >{showHideButtonText} {hiddenRecordCount > 0 ? `(${hiddenRecordCount})` : '(0)'} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {column.isSorted ? (\r\n getSortedDesc(column?.isSortedDesc)\r\n ) : (\r\n <>\r\n {column.Header !== 'Summary' &&\r\n column.Header !== '' ? (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n {\r\n setPageSize(Number(e.target.value));\r\n }}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
Entries Per Page
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {caluclatePageEntries()} to {caluclatePageToEntries()} of{' '}\r\n {caluclatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n setLoader: PropTypes.func.isRequired,\r\n getRowProps: PropTypes.objectOf(PropTypes.any).isRequired,\r\n autoResetSortBy: PropTypes.bool.isRequired,\r\n autoResetPage: PropTypes.bool.isRequired,\r\n autoResetFilters: PropTypes.bool.isRequired,\r\n autoResetGlobalFilter: PropTypes.bool.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: '',\r\n showCount: false\r\n};\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string,\r\n showCount: PropTypes.bool,\r\n onShowRecordsClick: PropTypes.func.isRequired,\r\n hiddenRecordCount: PropTypes.number.isRequired,\r\n showHideButtonText: PropTypes.string.isRequired\r\n};\r\n\r\nexport default connect()(Table);\r\n","export default __webpack_public_path__ + \"calender-icon-gray.svg\";","export default __webpack_public_path__ + \"calender-icon-Green.svg\";","export default __webpack_public_path__ + \"calender-icon-orange.svg\";","export default __webpack_public_path__ + \"calender-icon-red.svg\";","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport moment from 'moment';\r\nimport { CDP } from '@config/app-config';\r\n\r\nimport CalenderIconGray from '@static/images/calender-icon-gray.svg';\r\nimport CalenderIconGreen from '@static/images/calender-icon-Green.svg';\r\nimport CalenderIconOrange from '@static/images/calender-icon-orange.svg';\r\nimport CalenderIconRed from '@static/images/calender-icon-red.svg';\r\n\r\nconst DueDate = props => {\r\n const { DPPDueDateData } = props;\r\n const [allProgramDueDate, setAllProgramDueDate] = useState([]);\r\n\r\n const setDueDates = kpiDataSummary => {\r\n const allProgramDates = [];\r\n // eslint-disable-next-line no-unused-expressions\r\n kpiDataSummary?.forEach(SummaryDates => {\r\n allProgramDates.push(SummaryDates);\r\n });\r\n setAllProgramDueDate(allProgramDates);\r\n };\r\n\r\n const getCalenderImage = statusValue => {\r\n switch (statusValue) {\r\n case CDP.DUE_DATE_STATUS.UPCOMING:\r\n return CalenderIconGray;\r\n case CDP.DUE_DATE_STATUS.COMPLETED:\r\n return CalenderIconGreen;\r\n case CDP.DUE_DATE_STATUS.TODAY:\r\n return CalenderIconOrange;\r\n case CDP.DUE_DATE_STATUS.OVERDUE:\r\n return CalenderIconRed;\r\n default:\r\n return CalenderIconGray;\r\n }\r\n };\r\n\r\n const getCalenderClass = statusValue => {\r\n switch (statusValue) {\r\n case CDP.DUE_DATE_STATUS.UPCOMING:\r\n return '';\r\n case CDP.DUE_DATE_STATUS.COMPLETED:\r\n return 'completed-date';\r\n case CDP.DUE_DATE_STATUS.TODAY:\r\n return 'warning-date';\r\n case CDP.DUE_DATE_STATUS.OVERDUE:\r\n return 'alert-date';\r\n default:\r\n return '';\r\n }\r\n };\r\n\r\n const showAllDueDates = (dueDate) => (\r\n \r\n {dueDate.programName === CDP.PROGRAM_NAMES.DPP && (\r\n
\r\n
\r\n Please submit a program to date file for your YMCA’s Diabetes Prevention Program on January 15th and on July 15th every year.\r\n\r\n
\r\n
\r\n )}\r\n\r\n
\r\n
\r\n
\r\n {dueDate.programDescription}\r\n
\r\n
\r\n
\r\n
\r\n {dueDate?.submissionDates.map(date => (\r\n <>\r\n {dueDate.programName === CDP.PROGRAM_NAMES.DPP &&\r\n (
\r\n
\r\n ORG CODE: {date?.orgCode}\r\n
\r\n
)}\r\n
\r\n
\r\n \r\n
\r\n \r\n ))}\r\n
\r\n
\r\n
\r\n
Upcoming Due Dates
\r\n
\r\n
\r\n {allProgramDueDate.map(date => date?.submissionDates?.length > 0 && showAllDueDates(date))}\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\nToaster.propTypes = {\r\n status: PropTypes.string.isRequired,\r\n closeTime: PropTypes.number\r\n};\r\nToaster.defaultProps = {\r\n closeTime: 5000,\r\n message: status == APP_LABELS.STATUS_COMPLETED ? 'Data has been saved successfully!.' : 'Error occured while processing request!.'\r\n};\r\nexport default Toaster;\r\n","import axios from 'axios';\r\nimport get from 'lodash.get';\r\nimport PropTypes from 'prop-types';\r\nimport React, { useEffect, useState } from 'react';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport { CDP_DASHBOARD_URLS } from '@config/api-config';\r\nimport { APP_LABELS, CDP, STORAGE_KEYS } from '@config/app-config';\r\nimport {\r\n getCdpAssociateDashboard,\r\n saveCdpAssociation,\r\n updateViewStatus\r\n} from '@redux/chronic-disease-program/associate-dashboard/actions';\r\nimport {\r\n detailPageTypeAction,\r\n saveCdpFetchIdAction,\r\n saveFetchTypeAction\r\n} from '@redux/chronic-disease-program/upload-data/actions';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport { getAssociationByNumber } from '@redux/chronic-disease-program/admin-dashboard/actions';\r\n\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\n\r\nimport useSessionStorage from '@hooks/useSessionStorage';\r\nimport FileMimeType from '@utilities/FileMimeTypes';\r\nimport SecureStorage from '@utilities/SecureStorage';\r\nimport userService from '@utilities/user-service';\r\n\r\nimport BPSDARK from '@static/images/Blood-Pressure-Self-Monitoring-Colored.svg';\r\nimport BPSLIGHT from '@static/images/Blood-Pressure-Self-Monitoring-white.svg';\r\nimport DPPDARK from '@static/images/YMCA-Diabetes-Prevention-Program-Colored.svg';\r\nimport DPPLIGHT from '@static/images/YMCA-Diabetes-Prevention-Program-white.svg';\r\nimport EFDARK from '@static/images/Enhance-Fitness-Colored.svg';\r\nimport EFLIGHT from '@static/images/Enhance-Fitness-white.svg';\r\nimport HWDARK from '@static/images/Healthy-Weight-your-Child-Colored.svg';\r\nimport HWLIGHT from '@static/images/Healthy-Weight-your-Child-White.svg';\r\nimport LSDARK from '@static/images/LS-dark-(2).svg';\r\nimport LSLIGHT from '@static/images/LS-light-(2).svg';\r\nimport YWPDARK from '@static/images/YWP-dark.svg';\r\nimport YWPLIGHT from '@static/images/YWP-light.svg';\r\nimport Breadcrumb from '@static/images/breadcrumb-icon.svg';\r\nimport exclamation from '@static/images/exclamation.png';\r\n\r\nimport ASSOCIATEDASHBOARDCOLUMNS from './associate-dashboard-columns';\r\nimport Table from './table';\r\nimport DueDate from '../due-date';\r\nimport Toaster from '@modules/shared/components/reusable-components/toaster';\r\n\r\nconst CDPAssociatedashboard = props => {\r\n const {\r\n handelGetCdpAssociateDashboard,\r\n handelDetailPageTypeAction,\r\n handelSaveCdpFetchIdAction,\r\n handelSaveFetchTypeAction,\r\n handelGetAssociationByNumber,\r\n handelSaveCdpAssociation,\r\n handleUpdateViewStatus,\r\n location\r\n } = props;\r\n\r\n const initalTableState = {\r\n autoResetSortBy: true,\r\n autoResetPage: true,\r\n autoResetFilters: true,\r\n autoResetGlobalFilter: true\r\n }\r\n\r\n const authToken = JSON.parse(sessionStorage.getItem('token'));\r\n\r\n const [loader, setLoader] = useState(false);\r\n const [totalRecordsDisplay, setTotalRecordsDisplay] = useState();\r\n const [kpiData, setKpiData] = useState();\r\n const [selectedKPI, setSelectedKPI] = useState('');\r\n const [dueDateData, setDueDateData] = useState([]);\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n const [associationName, setAssociationName] = useState('');\r\n const [associationNumber, setAssociationNumber] = useState('');\r\n const [initialProgramId, setInitialProgramId] = useState(0);\r\n const [tableState, setTableState] = useState(initalTableState);\r\n const [toastStatus, setToastStatus] = useState({ status: '', message: '' });\r\n const [hiddenRecordCountUi, setHiddenRecordCountUi] = useState(0);\r\n const [showHideButtonText, setShowHideButtonText] = useState(\"Show Hidden Records\");\r\n const [isHiddenRecordShowing, setIsHiddenRecordShowing] = useState(false);\r\n\r\n\r\n const [association, setAssociation] = useSessionStorage(\r\n CDP.STORAGE_KEYS.ASSOCIATION_DATA,\r\n {}\r\n );\r\n const activeKPICard = JSON.parse(sessionStorage.getItem('selectedKPI')) || {\r\n programName: CDP.PROGRAM_NAMES.DPP\r\n };\r\n\r\n useEffect(() => {\r\n if (kpiData) {\r\n const fileteredDueDateData = kpiData.filter(\r\n card => card.programName === selectedKPI\r\n );\r\n setDueDateData(fileteredDueDateData);\r\n if (fileteredDueDateData && fileteredDueDateData?.length > 0) {\r\n setInitialProgramId(fileteredDueDateData[0].programId);\r\n }\r\n }\r\n }, [selectedKPI, kpiData]);\r\n\r\n const getAssociationName = async (kpiprogramID, showHidden = false) => {\r\n setLoader(true);\r\n let request;\r\n if (location?.state?.associationNumber) {\r\n request = location.state.associationNumber;\r\n } else if (association?.associationNumber) {\r\n request = association.associationNumber;\r\n } else if (sessionStorage.getItem(STORAGE_KEYS.YUSA_SELECTED_ASSOCIATE)) {\r\n const data = JSON.parse(\r\n sessionStorage.getItem(STORAGE_KEYS.YUSA_SELECTED_ASSOCIATE)\r\n );\r\n request = data.associationNumber;\r\n } else {\r\n [request] = userService.getAssociation();\r\n }\r\n const dashboardResponse = await handelGetCdpAssociateDashboard(\r\n request,\r\n kpiprogramID || '',\r\n showHidden\r\n );\r\n const response = await handelGetAssociationByNumber(request);\r\n if (dashboardResponse.status === 200) {\r\n setTotalRecordsDisplay(\r\n dashboardResponse?.data?.data?.changeLogdetails?.details\r\n );\r\n setKpiData(dashboardResponse?.data?.data?.summeray);\r\n setHiddenRecordCountUi(dashboardResponse?.data?.data?.hiddenRecordCount);\r\n } else {\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n setAssociation(response?.data);\r\n setAssociationName(response?.data.yName);\r\n setAssociationNumber(request);\r\n handelSaveCdpAssociation(response?.data);\r\n setLoader(false);\r\n };\r\n\r\n useEffect(async () => {\r\n window.scrollTo(0, 0);\r\n setSelectedKPI(activeKPICard?.programName || CDP.PROGRAM_NAMES.DPP);\r\n await getAssociationName(activeKPICard?.programId || '');\r\n }, []);\r\n\r\n const getFileName = (row, fileName, type) => {\r\n let setFileName;\r\n let contentType = type;\r\n if (!contentType) {\r\n // eslint-disable-next-line prefer-destructuring\r\n contentType = fileName.split('.')[1];\r\n }\r\n if (\r\n row.original.dataSystemName === CDP.DATA_SYSTEM_NAMES.SOLERA ||\r\n row.original.dataSystemName === CDP.DATA_SYSTEM_NAMES.THIRDPARTY_GENERIC\r\n ) {\r\n setFileName =\r\n row.original.dataSystemName === CDP.DATA_SYSTEM_NAMES.SOLERA\r\n ? `${CDP.DATA_SYSTEM_NAMES.SOLERA}-${row.original.createdDate}.${contentType}`\r\n : `${CDP.DATA_SYSTEM_NAMES.THIRDPARTY_GENERIC}-${row.original.createdDate}.${contentType}`;\r\n } else if (row.original.dataSystemName === CDP.DATA_SYSTEM_NAMES.HABITNU) {\r\n setFileName = `${CDP.DATA_SYSTEM_NAMES.HABITNU}-${row.original.createdDate}.${contentType}`;\r\n } else if (row.original.dataSystemName === CDP.DATA_SYSTEM_NAMES.OCHI) {\r\n setFileName = `${CDP.DATA_SYSTEM_NAMES.OCHI}-${row.original.createdDate}.${contentType}`;\r\n } else if (row.original.dataSystemName === CDP.DATA_SYSTEM_NAMES.DOL) {\r\n setFileName = `${CDP.DATA_SYSTEM_NAMES.DOL}-${row.original.createdDate}.${contentType}`;\r\n } else if (row.original.dataSystemName === CDP.DATA_SYSTEM_NAMES.WELLD) {\r\n setFileName = `${CDP.DATA_SYSTEM_NAMES.WELLD}-${row.original.createdDate}.${contentType}`;\r\n } else if (row.original.dataSystemName === CDP.DATA_SYSTEM_NAMES.ODES) {\r\n setFileName = `${CDP.DATA_SYSTEM_NAMES.ODES}-${row.original.createdDate}.${contentType}`;\r\n }\r\n return setFileName;\r\n };\r\n\r\n const downloadFile = (fileName, row) => {\r\n setLoader(true);\r\n axios\r\n .get(CDP_DASHBOARD_URLS.DOWNLOAD_FILE(fileName), {\r\n responseType: 'blob',\r\n headers: {\r\n 'Content-Type': 'blob',\r\n 'Access-Control-Allow-Credentials': true,\r\n 'Access-Control-Allow-Origin': window.location.origin,\r\n 'Ocp-Apim-Subscription-Key': '3c92bec8b5df41c99f31bd7fc2057dd3',\r\n Authorization: `Bearer ${get(authToken, 'token', '')}`\r\n }\r\n })\r\n .then(response => {\r\n const fileExtension = FileMimeType[response.headers['content-type']];\r\n const fileContentName = getFileName(row, fileName, fileExtension);\r\n const downloadUrl = window.URL.createObjectURL(\r\n new Blob([response.data])\r\n );\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.setAttribute('download', fileContentName);\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const onLinkClick = data => {\r\n SecureStorage.setItem(STORAGE_KEYS.FETCH_ID, data.original.cdpDataFetchId);\r\n handelDetailPageTypeAction(CDP.DETAIL_PAGE_TYPE.VIEW);\r\n handelSaveCdpFetchIdAction(data.original.cdpDataFetchId);\r\n handelSaveFetchTypeAction(data.original.dataSystemName || '');\r\n };\r\n\r\n const getKpiClasses = programValue => {\r\n switch (programValue) {\r\n case CDP.PROGRAM_NAMES.DPP:\r\n return `${activeKPICard.programName === programValue\r\n ? 'ymca-diabetes-prevention-card-active'\r\n : 'ymca-diabetes-prevention-card'\r\n }`;\r\n case CDP.PROGRAM_NAMES.BPSM:\r\n return `${activeKPICard.programName === programValue\r\n ? 'ymca-bp-monitoring-card-active'\r\n : 'ymca-bp-monitoring-card'\r\n }`;\r\n case CDP.PROGRAM_NAMES.EF:\r\n return `${activeKPICard.programName === programValue\r\n ? 'ymca-fitness-card-active'\r\n : 'ymca-fitness-card'\r\n }`;\r\n case CDP.PROGRAM_NAMES.HWYC:\r\n return `${activeKPICard.programName === programValue\r\n ? 'ymca-child-health-card-active'\r\n : 'ymca-child-health-card'\r\n }`;\r\n case CDP.PROGRAM_NAMES.LS:\r\n return `${activeKPICard.programName === programValue\r\n ? 'ymca-strong-life-card-active'\r\n : 'ymca-strong-life-card'\r\n }`;\r\n case CDP.PROGRAM_NAMES.YWP:\r\n return `${activeKPICard.programName === programValue\r\n ? 'ymca-youth-workforce-card-active'\r\n : 'ymca-youth-workforce-card'\r\n }`;\r\n default:\r\n return 'ymca-diabetes-prevention-card';\r\n }\r\n };\r\n\r\n const getKpiDarkIcon = programValue => {\r\n switch (programValue) {\r\n case CDP.PROGRAM_NAMES.DPP:\r\n return DPPDARK;\r\n case CDP.PROGRAM_NAMES.BPSM:\r\n return BPSDARK;\r\n case CDP.PROGRAM_NAMES.EF:\r\n return EFDARK;\r\n case CDP.PROGRAM_NAMES.HWYC:\r\n return HWDARK;\r\n case CDP.PROGRAM_NAMES.LS:\r\n return LSDARK;\r\n case CDP.PROGRAM_NAMES.YWP:\r\n return YWPDARK;\r\n default:\r\n return DPPDARK;\r\n }\r\n };\r\n\r\n const getKpiLightIcon = programValue => {\r\n switch (programValue) {\r\n case CDP.PROGRAM_NAMES.DPP:\r\n return DPPLIGHT;\r\n case CDP.PROGRAM_NAMES.BPSM:\r\n return BPSLIGHT;\r\n case CDP.PROGRAM_NAMES.EF:\r\n return EFLIGHT;\r\n case CDP.PROGRAM_NAMES.HWYC:\r\n return HWLIGHT;\r\n case CDP.PROGRAM_NAMES.LS:\r\n return LSLIGHT;\r\n case CDP.PROGRAM_NAMES.YWP:\r\n return YWPLIGHT;\r\n default:\r\n return DPPLIGHT;\r\n }\r\n };\r\n\r\n const handleKpiCards = kpi => {\r\n sessionStorage.setItem(\r\n 'selectedKPI',\r\n JSON.stringify({\r\n programName: kpi.programName,\r\n programId: kpi.programId\r\n })\r\n );\r\n setSelectedKPI(kpi.programName);\r\n getAssociationName(kpi.programId);\r\n };\r\n\r\n const displayLsOrEf = (kpi) => {\r\n switch (kpi.programDescription) {\r\n case CDP.PROGRAM_FULL_NAME.LS:\r\n return ( LIVESTRONG® at the YMCA );\r\n case CDP.PROGRAM_FULL_NAME.EF:\r\n return ( Enhance® Fitness );\r\n default:\r\n return (<>{kpi.programDescription});\r\n }\r\n }\r\n\r\n const resetInitialTableState = () => {\r\n setTableState({\r\n autoResetFilters: true,\r\n autoResetGlobalFilter: true,\r\n autoResetPage: true,\r\n autoResetSortBy: true\r\n });\r\n }\r\n\r\n const onShowHideClick = async (row) => {\r\n const { cdpDataFetchId, isHidden } = row;\r\n const status = !isHidden;\r\n const response = await handleUpdateViewStatus(cdpDataFetchId, status);\r\n if (response.status === 200 && response.data.success) {\r\n const { hiddenRecordCount, recordDto } = response.data.result;\r\n setHiddenRecordCountUi(hiddenRecordCount);\r\n setTableState({\r\n autoResetFilters: false, autoResetGlobalFilter: false,\r\n autoResetPage: false, autoResetSortBy: false\r\n });\r\n totalRecordsDisplay.find(c => c.cdpDataFetchId === cdpDataFetchId).isHidden = recordDto.isHidden;\r\n setTotalRecordsDisplay(totalRecordsDisplay);\r\n if (status && !isHiddenRecordShowing) {\r\n const filteredRecords = totalRecordsDisplay?.filter(c => c.cdpDataFetchId !== cdpDataFetchId);\r\n setTotalRecordsDisplay(filteredRecords);\r\n }\r\n\r\n // if (status && !isHiddenRecordShowing) {\r\n // const filteredRecords = totalRecordsDisplay?.filter(c => c.cdpDataFetchId !== cdpDataFetchId);\r\n // setTotalRecordsDisplay(filteredRecords);\r\n // } else if (totalRecordsDisplay?.length > 0) {\r\n // totalRecordsDisplay.find(c => c.cdpDataFetchId === cdpDataFetchId).isHidden = !status;\r\n // setTotalRecordsDisplay(totalRecordsDisplay);\r\n // }\r\n resetInitialTableState();\r\n\r\n setToastStatus({\r\n status: APP_LABELS.STATUS_COMPLETED,\r\n message: status ? CDP.MESSAGES.updateStatusSuccess : CDP.MESSAGES.updateStatusShowSuccess\r\n });\r\n\r\n } else {\r\n setToastStatus({\r\n status: APP_LABELS.STATUS_FAILED,\r\n message: CDP.MESSAGES.updateStatusFailure\r\n });\r\n }\r\n setToastStatus({ status: '', message: {} });\r\n }\r\n\r\n const showHiddenRecords = async () => {\r\n let programId = activeKPICard?.programId || 0;\r\n if (!activeKPICard || !activeKPICard?.programId) {\r\n programId = initialProgramId;\r\n }\r\n if (programId) {\r\n await getAssociationName(programId, !isHiddenRecordShowing);\r\n setIsHiddenRecordShowing(!isHiddenRecordShowing);\r\n }\r\n }\r\n\r\n const getRowProps = (row, data) => ({\r\n className: data.row.original.isHidden ? \"hidden-row\" : ''\r\n });\r\n\r\n useEffect(() => {\r\n if (isHiddenRecordShowing) {\r\n setShowHideButtonText(\"Hide Hidden Records\");\r\n } else {\r\n setShowHideButtonText(\"Show Hidden Records\");\r\n }\r\n }, [isHiddenRecordShowing]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n {associationName}\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {associationName && <>{associationName} ({associationNumber})}\r\n \r\n \r\n
\r\n
\r\n {kpiData !== null && totalRecordsDisplay !== null && (\r\n \r\n + Upload New Data\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n \r\n {kpiData?.map(kpi => (\r\n
\r\n {\r\n handleKpiCards(kpi);\r\n }}\r\n type=\"button\"\r\n className={`card stats-card-sm ${getKpiClasses(\r\n kpi.programName\r\n )}`}\r\n >\r\n \r\n
\r\n\r\n
\r\n
\r\n {displayLsOrEf(kpi)}\r\n
\r\n
\r\n
\r\n {kpiData === null && (\r\n
\r\n
\r\n
\r\n
{CDP.MESSAGES.NotPartofAssociation} \r\n
\r\n
\r\n )}\r\n\r\n {dueDateData?.length > 0 && (\r\n
\r\n )}\r\n \r\n
{\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n \r\n );\r\n};\r\n\r\nCDPAssociatedashboard.propTypes = {\r\n handelGetCdpAssociateDashboard: PropTypes.func.isRequired,\r\n handelDetailPageTypeAction: PropTypes.func.isRequired,\r\n handelSaveCdpFetchIdAction: PropTypes.func.isRequired,\r\n handelSaveFetchTypeAction: PropTypes.func.isRequired,\r\n handelGetAssociationByNumber: PropTypes.func.isRequired,\r\n handelSaveCdpAssociation: PropTypes.func.isRequired,\r\n handleUpdateViewStatus: PropTypes.func.isRequired,\r\n location: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handelGetCdpAssociateDashboard: getCdpAssociateDashboard,\r\n handelDetailPageTypeAction: detailPageTypeAction,\r\n handelSaveCdpFetchIdAction: saveCdpFetchIdAction,\r\n handelSaveFetchTypeAction: saveFetchTypeAction,\r\n handelGetAssociationByNumber: getAssociationByNumber,\r\n handelSaveCdpAssociation: saveCdpAssociation,\r\n handleUpdateViewStatus: updateViewStatus\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n loginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(CDPAssociatedashboard));\r\n","export const cdpFetchSelector = (state) => ({\r\n cdpFecthResult: state.cdpDetailsStore.cdpFecthResult\r\n})\r\n\r\nexport const detailPageTypeSelector = ({ persistedUploadDataStore }) => ({\r\n detailPageType: persistedUploadDataStore.detailPageType\r\n})\r\n\r\nexport const getCdpPopoverSelector = (state) => {\r\n return {\r\n popoverDetails: state.cdpDetailsStore.popoverDetails\r\n };\r\n};","export const selectedDataSystemSelector = ({ persistedUploadDataStore }) => {\r\n return {\r\n dataSystem: persistedUploadDataStore.dataSystem\r\n };\r\n};\r\n\r\nexport const selectedProgramSelector = ({ persistedUploadDataStore }) => {\r\n return {\r\n program: persistedUploadDataStore.program\r\n };\r\n};\r\n\r\nexport const isImportedSelector = ({ persistedUploadDataStore }) => {\r\n return {\r\n progrisImportedMsgam: persistedUploadDataStore.isImportedMsg\r\n };\r\n};\r\n\r\nexport const cdpDataSelector = ({ uploadDataStore }) => {\r\n return {\r\n cdpData: uploadDataStore.cdpData\r\n };\r\n};\r\n\r\nexport const cdpDataFetchIdSelector = ({ persistedUploadDataStore }) => {\r\n return {\r\n cdpFetchId: persistedUploadDataStore.cdpFetchId\r\n };\r\n};\r\n\r\nexport const cdpDataFetchTypeSelector = ({ persistedUploadDataStore }) => {\r\n return {\r\n fetchType: persistedUploadDataStore.fetchType\r\n };\r\n};\r\n\r\nexport const cdpWelldFetchSelector = ({ uploadDataStore }) => {\r\n return {\r\n cdpwelldfetch: uploadDataStore.cdpwelldfetch\r\n };\r\n};\r\n","import { asyncRequest } from '@config/http-config';\r\nimport {\r\n CDP_DETAIL_URLS,\r\n POST_CDP_WELLD_IMPORT\r\n} from '@config/api-config';\r\n\r\nimport { CDP } from '@config/app-config';\r\nimport * as types from './types';\r\n\r\nconst getDetails = (\r\n cdpDataFetch,\r\n dispatch,\r\n getState,\r\n dataSystemEnum,\r\n programEnum,\r\n type\r\n) =>\r\n asyncRequest({\r\n url: CDP_DETAIL_URLS.CDP_DS_DETAIL(\r\n cdpDataFetch.cdpDataFetchId,\r\n dataSystemEnum,\r\n programEnum,\r\n type\r\n ),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_CDP_FETCH_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_CDP_FETCH_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nconst getRedcapFetch = async (\r\n cdpDataFetchId,\r\n dispatch,\r\n getState,\r\n programEnum\r\n) =>\r\n asyncRequest({\r\n url: CDP_DETAIL_URLS.REDCAP_DETAIL(cdpDataFetchId, programEnum),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_CDP_FETCH_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_CDP_FETCH_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getCdpFetchDetailsAction =\r\n (cdpDataFetch, fetchType, dataSystemEnum, type, programEnum) =>\r\n (dispatch, getState) => {\r\n switch (fetchType) {\r\n case CDP.DATA_SYSTEM_NAMES.REDCAP:\r\n return getRedcapFetch(\r\n cdpDataFetch.cdpDataFetchId,\r\n dispatch,\r\n getState,\r\n programEnum\r\n );\r\n\r\n case CDP.DATA_SYSTEM_NAMES.DOL:\r\n case CDP.DATA_SYSTEM_NAMES.SOLERA:\r\n case CDP.DATA_SYSTEM_NAMES.OCHI:\r\n case CDP.DATA_SYSTEM_NAMES.HABITNU:\r\n case CDP.DATA_SYSTEM_NAMES.THIRDPARTY_GENERIC:\r\n case CDP.DATA_SYSTEM_NAMES.WELLD:\r\n case CDP.DATA_SYSTEM_NAMES.ODES:\r\n return getDetails(\r\n cdpDataFetch,\r\n dispatch,\r\n getState,\r\n dataSystemEnum,\r\n programEnum,\r\n type\r\n );\r\n default:\r\n break;\r\n }\r\n };\r\n\r\nexport const getCdpDataFetchAction = cdpDataFetchId => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_DETAIL_URLS.CDP_DATA_FETCH(cdpDataFetchId),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_CDP_DATA_FETCH_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_CDP_DATA_FETCH_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const postRedCapImportAction = payloadBody => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_DETAIL_URLS.REDCAP_IMPORT(),\r\n method: 'POST',\r\n data: payloadBody,\r\n successAction: data => ({\r\n type: types.POST_CDP_REDCAP_IMPORT_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.POST_CDP_REDCAP_IMPORT_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const postSoleraImportAction = payloadBody => (dispatch, getState) =>\r\n asyncRequest({\r\n url: CDP_DETAIL_URLS.CDP_DS_IMPORT(),\r\n method: 'POST',\r\n data: payloadBody,\r\n successAction: data => ({\r\n type: types.POST_CDP_SOLERA_IMPORT_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.POST_CDP_SOLERA_IMPORT_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const postWellDImportAction = payloadBody => (dispatch, getState) =>\r\n asyncRequest({\r\n url: POST_CDP_WELLD_IMPORT(),\r\n method: 'POST',\r\n data: payloadBody,\r\n successAction: data => ({\r\n type: types.POST_CDP_WELLD_IMPORT_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.POST_CDP_WELLD_IMPORT_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\n\r\nexport const setPopoverDetails = payload => (dispatch) =>\r\n dispatch({\r\n type: types.SET_POPOVER_DETAILS,\r\n payload\r\n });","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport BreadcrumbIcon from '../../static/images/breadcrumb-icon.svg';\r\n\r\nconst Breadcrumbs = props => {\r\n const { pathName } = props;\r\n return (\r\n \r\n \r\n \r\n Dashboard \r\n \r\n \r\n {pathName} \r\n \r\n \r\n );\r\n};\r\n\r\nBreadcrumbs.propTypes = {\r\n pathName: PropTypes.objectOf(PropTypes.any).isRequired,\r\n};\r\n\r\nexport default Breadcrumbs;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport Breadcrumbs from './breadcrumb';\r\n\r\nconst PageHeader = props => {\r\n const { pathName, onBackClick } = props;\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
onBackClick(e)} >\r\n \r\n
\r\n );\r\n};\r\n\r\nPageHeader.propTypes = {\r\n pathName: PropTypes.objectOf(PropTypes.any).isRequired,\r\n onBackClick: PropTypes.func.isRequired\r\n};\r\n\r\nexport default PageHeader;\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport PageHeader from './page-header';\r\n\r\nconst PageContainer = props => {\r\n const { title, pathName, onBackClick } = props;\r\n const [instructions, setInstructions] = useState('');\r\n\r\n useEffect(() => {\r\n if (window.location.pathname.includes('upload')) {\r\n setInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.[\r\n 'chronic-disease-program'\r\n ]?.Instruction\r\n );\r\n } else {\r\n setInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.[\r\n 'chronic-disease-program-view-details'\r\n ]?.Instruction\r\n );\r\n }\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n
{title} \r\n
\r\n
Instructions
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {getSorted(column)}\r\n
\r\n \r\n ))}\r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n {\r\n setPageSize(Number(e.target.value));\r\n }}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
Entries Per Page
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {caluclatePageEntries()} to {caluclatePageToEntries()} of{' '}\r\n {caluclatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n setLoader: PropTypes.func.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!'\r\n};\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string\r\n};\r\n\r\nexport default connect()(Table);\r\n","export default __webpack_public_path__ + \"approved-icon-dark.svg\";","export default __webpack_public_path__ + \"approved-icon-light.svg\";","export default __webpack_public_path__ + \"rejected-icon-light.svg\";","export default __webpack_public_path__ + \"failed-icon-light-color-change.svg\";","export default __webpack_public_path__ + \"failed-icon-dark.svg\";","export default __webpack_public_path__ + \"details-dark.svg\";","export default __webpack_public_path__ + \"details-light.svg\";","export default __webpack_public_path__ + \"Duplicate_Color.svg\";","export default __webpack_public_path__ + \"Duplicate_white.svg\";","import React, { useEffect, useState } from 'react';\r\nimport ApprovedIconDark from '@static/images/approved-icon-dark.svg';\r\nimport ApprovedIconlight from '@static/images/approved-icon-light.svg';\r\nimport RejectedDarkIcon from '@static/images/swimRegistration/rejected-icon-dark.svg';\r\nimport RejectedIconlight from '@static/images/rejected-icon-light.svg';\r\nimport DeleteIconDark from '@static/images/failed-icon-light-color-change.svg';\r\nimport DeleteIconlight from '@static/images/failed-icon-dark.svg';\r\nimport detailsdark from '@static/images/details-dark.svg';\r\nimport detailslight from '@static/images/details-light.svg';\r\nimport duplicateColor from '@static/images/Duplicate_Color.svg';\r\nimport duplicateWhite from '@static/images/Duplicate_white.svg';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst CdpStatCard = props => {\r\n const { rows, redcapClass, kipClick, classes } = props;\r\n const [card, setCard] = useState('');\r\n const [cardData, setCardData] = useState([]);\r\n\r\n const initData = () => {\r\n const totalRecords = [];\r\n\r\n for (let index = 0; index < rows?.records?.length; index += 1) {\r\n const record = rows?.records[index];\r\n if (record?.deletE_IND !== true) {\r\n totalRecords.push(record);\r\n }\r\n }\r\n const data = [];\r\n data.push(\r\n {\r\n title: rows.validRecords?.length + rows.invalidRecords?.length,\r\n subTitle: 'Total Records',\r\n lightIcon: detailslight,\r\n darkIcon: detailsdark,\r\n hoverClass: 'volunteers',\r\n data: totalRecords,\r\n key: '1'\r\n },\r\n {\r\n title: rows.validRecords?.length,\r\n subTitle: 'Valid Records',\r\n lightIcon: ApprovedIconlight,\r\n darkIcon: ApprovedIconDark,\r\n hoverClass: 'approved',\r\n data: rows.validRecords,\r\n key: '2'\r\n },\r\n {\r\n title: rows.invalidRecords?.length,\r\n subTitle: 'Invalid Records',\r\n darkIcon: RejectedDarkIcon,\r\n lightIcon: RejectedIconlight,\r\n hoverClass: 'rejected',\r\n data: rows.invalidRecords,\r\n key: '3'\r\n },\r\n {\r\n title: rows.deletedRecords?.length,\r\n subTitle: 'Deleted Records',\r\n darkIcon: DeleteIconDark,\r\n lightIcon: DeleteIconlight,\r\n hoverClass: 'deleted',\r\n data: rows.deletedRecords,\r\n key: '4'\r\n },\r\n {\r\n title: rows.duplicateRecords?.length,\r\n subTitle: 'Duplicate Records',\r\n darkIcon: duplicateColor,\r\n lightIcon: duplicateWhite,\r\n hoverClass: 'deleted new-staff',\r\n data: rows.duplicateRecords,\r\n key: '5'\r\n }\r\n );\r\n\r\n setCardData(data);\r\n setCard('1');\r\n };\r\n\r\n useEffect(() => {\r\n if (rows) {\r\n initData();\r\n }\r\n }, [rows]);\r\n\r\n const setActive = stat => {\r\n setCard(stat.key);\r\n kipClick(stat.data, stat.key);\r\n };\r\n\r\n const checkActive = stat => {\r\n if (stat.key === card) {\r\n return 'active';\r\n }\r\n return '';\r\n };\r\n\r\n return (\r\n \r\n \r\n {cardData.map(stat => (\r\n
\r\n setActive(stat)}\r\n >\r\n \r\n
\r\n
\r\n\r\n {stat.lightIcon && (\r\n
\r\n )}\r\n
\r\n\r\n
\r\n
{stat.title} \r\n
{stat.subTitle}
\r\n
\r\n
\r\n );\r\n};\r\nCdpStatCard.propTypes = {\r\n rows: PropTypes.objectOf(PropTypes.any).isRequired,\r\n redcapClass: PropTypes.objectOf(PropTypes.any).isRequired,\r\n kipClick: PropTypes.func.isRequired,\r\n classes: PropTypes.objectOf(PropTypes.any).isRequired\r\n}\r\nexport default CdpStatCard;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport crossiconblue from '@static/images/cross-icon-blue.svg';\r\n\r\nconst Modal = props => {\r\n const { id, classNames, popupTitle, showClose, children } = props;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n
{popupTitle}
\r\n {showClose && (\r\n
\r\n \r\n
\r\n
\r\n
{title} \r\n
\r\n
\r\n \r\n {Object?.entries(data)?.map(([field, error]) => (\r\n \r\n {field} \r\n {error} \r\n \r\n ))}\r\n \r\n
\r\n
\r\n
Error Summary \r\n \r\n
\r\n \r\n {errorSummary &&\r\n Object.keys(errorSummary)\r\n .filter(c => c !== CDP.ErrorRowIndexField)\r\n .map(key => (\r\n \r\n {key} \r\n {errorSummary[key]} \r\n \r\n ))}\r\n \r\n
\r\n
\r\n
{key}
\r\n
\r\n {popupData[key] ? buildRow(key, popupData) : '-'}\r\n
\r\n
\r\n {summaryContent()}\r\n {items}\r\n \r\n );\r\n};\r\n\r\nViewDetails.propTypes = {\r\n popupTitle: PropTypes.string.isRequired,\r\n popupData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n dataSystem: PropTypes.string,\r\n programName: PropTypes.string.isRequired\r\n};\r\n\r\nViewDetails.defaultProps = {\r\n dataSystem: ''\r\n};\r\n\r\nexport default ViewDetails;\r\n","import React from 'react';\r\nimport moment from 'moment';\r\nimport { APP_LABELS } from '@config/app-config';\r\n\r\nconst getViewDetailsCell = ({ value, row }, viewDetalsPopup) => (\r\n viewDetalsPopup(row.original)}\r\n className=\"btn btn-link table-link p-0 custom-align\"\r\n data-bs-toggle=\"modal\"\r\n data-bs-target=\"#exampleModal\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n);\r\n\r\nconst getActionCell = viewDetalsPopup => ({\r\n Header: 'Action',\r\n accessor: 'viewDetails',\r\n Cell: ({ value, row }) => getViewDetailsCell({ value, row }, viewDetalsPopup)\r\n});\r\n\r\nexport const OCHI_BPSM_COLUMNS = viewDetalsPopup => [\r\n getActionCell(viewDetalsPopup),\r\n {\r\n Header: 'ASSN',\r\n accessor: 'assn',\r\n className: 'notranslate ymca-word-break'\r\n },\r\n {\r\n Header: 'RECORD ID',\r\n accessor: 'recordId',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'SEX',\r\n accessor: 'sex',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'AGE',\r\n accessor: 'age',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'ETHNICITY',\r\n accessor: 'ethnicity',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'EDUCATION',\r\n accessor: 'education',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'VISIT DATE',\r\n accessor: 'visitDate',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'SYSTOLIC',\r\n accessor: 'systolic',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'DIASTOLIC',\r\n accessor: 'diastolic',\r\n className: 'notranslate'\r\n }\r\n];\r\n\r\nexport const SOLERA_TABLE_COLUMNS = viewDetalsPopup => [\r\n getActionCell(viewDetalsPopup),\r\n {\r\n Header: 'ORGCODE',\r\n accessor: 'orgcode',\r\n className: 'notranslate ymca-word-break'\r\n },\r\n {\r\n Header: 'PARTICIP',\r\n accessor: 'particip',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'STATE',\r\n accessor: 'state',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'GLUCTEST',\r\n accessor: 'gluctest',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'GDM',\r\n accessor: 'gdm',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'RISKTEST',\r\n accessor: 'risktest',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: ' AGE',\r\n accessor: 'age',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: ' DATE',\r\n accessor: 'date',\r\n className: 'notranslate',\r\n Cell: ({ value }) => moment(value).format('DD MMM YYYY')\r\n },\r\n {\r\n Header: 'WEIGHT',\r\n accessor: 'weight',\r\n className: 'notranslate'\r\n }\r\n];\r\n\r\n\r\nexport const WELLD_TABLE_COLUMNS = viewDetalsPopup => [\r\n getActionCell(viewDetalsPopup),\r\n {\r\n Header: 'ORGCODE',\r\n accessor: 'orgcode',\r\n className: 'notranslate ymca-word-break'\r\n },\r\n {\r\n Header: 'PARTICIP',\r\n accessor: 'particip',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'STATE',\r\n accessor: 'state',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'GLUCTEST',\r\n accessor: 'gluctest',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'GDM',\r\n accessor: 'gdm',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'RISKTEST',\r\n accessor: 'risktest',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: ' AGE',\r\n accessor: 'age',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: ' DATE',\r\n accessor: 'date',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: ' WEIGHT',\r\n accessor: 'weight',\r\n className: 'notranslate'\r\n }\r\n];\r\n\r\nexport const DOL_PL_COLUMNS = viewDetalsPopup => [\r\n getActionCell(viewDetalsPopup),\r\n {\r\n Header: 'Particip Id',\r\n accessor: 'participId',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Age',\r\n accessor: 'age',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Gender',\r\n accessor: 'gender',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'EnrollDate',\r\n accessor: 'enrollDate',\r\n className: 'notranslate',\r\n Cell: ({ value }) => {\r\n if (value) return moment(value).format('DD MMM YYYY');\r\n return '';\r\n }\r\n },\r\n {\r\n Header: 'Exit Date',\r\n accessor: 'exitDate',\r\n className: 'notranslate',\r\n Cell: ({ value }) => {\r\n if (value) return moment(value).format('DD MMM YYYY');\r\n return '';\r\n }\r\n }\r\n];\r\n\r\nexport const DOL_PARTICIPANT_COLUMNS = viewDetalsPopup => [\r\n getActionCell(viewDetalsPopup),\r\n {\r\n Header: 'Association',\r\n accessor: 'assoc',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Zip',\r\n accessor: 'zip',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Pop Served',\r\n accessor: 'popServed',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Other Pop',\r\n accessor: 'otherPop',\r\n className: 'notranslate'\r\n }\r\n];\r\n\r\nexport const DOL_PARTNERSHIP_COLUMNS = viewDetalsPopup => [\r\n getActionCell(viewDetalsPopup),\r\n {\r\n Header: 'Association',\r\n accessor: 'assoc',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Work Dev',\r\n accessor: 'workDev',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Employer',\r\n accessor: 'employer',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Trade Assoc',\r\n accessor: 'tradeAssoc',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Labor',\r\n accessor: 'labor',\r\n className: 'notranslate'\r\n }\r\n];\r\n\r\nexport const EF_COLUMNS = viewDetalsPopup => [\r\n getActionCell(viewDetalsPopup),\r\n {\r\n Header: 'ASSN',\r\n accessor: 'assn',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'RECORD ID',\r\n accessor: 'recordId',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'SEX',\r\n accessor: 'sex',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'AGE',\r\n accessor: 'age',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'ETHNICITY',\r\n accessor: 'ethnicity',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'EDUCATION',\r\n accessor: 'education',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'SESSION DATE',\r\n accessor: 'sessionDate',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'CHAIRSTAND',\r\n accessor: 'chairstand',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'ARMCURL',\r\n accessor: 'armcurl',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'UPANDGO',\r\n accessor: 'upandgo',\r\n className: 'notranslate'\r\n }\r\n];\r\n\r\nexport const LS_COLUMNS = viewDetalsPopup => [\r\n getActionCell(viewDetalsPopup),\r\n {\r\n Header: 'ASSN',\r\n accessor: 'assn',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'RECORD ID',\r\n accessor: 'recordId',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'SEX',\r\n accessor: 'sex',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'AGE',\r\n accessor: 'age',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'ETHNICITY',\r\n accessor: 'ethnicity',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'EDUCATION',\r\n accessor: 'education',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'SESSION DATE',\r\n accessor: 'sessionDate',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'SESSION ID',\r\n accessor: 'sessId',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'LEGPRESS',\r\n accessor: 'legpress',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'CHESTPRESS',\r\n accessor: 'chestpress',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'SIXMINWALK',\r\n accessor: 'sixMinWalk',\r\n className: 'notranslate'\r\n }\r\n];\r\n\r\nexport const HW_COLUMNS = viewDetalsPopup => [\r\n getActionCell(viewDetalsPopup),\r\n {\r\n Header: 'ASSN',\r\n accessor: 'assn',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'RECORD ID',\r\n accessor: 'recordId',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'SEX',\r\n accessor: 'childSex',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'AGE',\r\n accessor: 'childAge',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'ETHNICITY',\r\n accessor: 'childEthnicity',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'EDUCATION',\r\n accessor: 'lunchEligibility',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'SESSION DATE',\r\n accessor: 'sessionDate',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'SESSION ID',\r\n accessor: 'sessId',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Height',\r\n accessor: 'childHeight',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Weight',\r\n accessor: 'childWeight',\r\n className: 'notranslate'\r\n }\r\n];","import { CDP } from '@config/app-config';\r\nimport {\r\n SOLERA_TABLE_COLUMNS,\r\n WELLD_TABLE_COLUMNS,\r\n DOL_PARTICIPANT_COLUMNS,\r\n DOL_PARTNERSHIP_COLUMNS,\r\n DOL_PL_COLUMNS,\r\n OCHI_BPSM_COLUMNS,\r\n EF_COLUMNS,\r\n LS_COLUMNS,\r\n HW_COLUMNS\r\n} from '@modules/chronic-disease-program/cdp-table-columns.jsx';\r\n\r\nconst CDP_COLUMNS = event => [\r\n { DPRP: SOLERA_TABLE_COLUMNS(event) },\r\n { [CDP.DOL_TYPE_NAMES.ParticipantLevel]: DOL_PL_COLUMNS(event) },\r\n { [CDP.DOL_TYPE_NAMES.AggregateParticipant]: DOL_PARTICIPANT_COLUMNS(event) },\r\n { [CDP.DOL_TYPE_NAMES.AggregatePartnership]: DOL_PARTNERSHIP_COLUMNS(event) },\r\n { [CDP.DATA_SYSTEM_NAMES.DOL]: SOLERA_TABLE_COLUMNS(event) },\r\n { [CDP.DATA_SYSTEM_NAMES.SOLERA]: SOLERA_TABLE_COLUMNS(event) },\r\n { [CDP.DATA_SYSTEM_NAMES.OCHI]: SOLERA_TABLE_COLUMNS(event) },\r\n { [CDP.DATA_SYSTEM_NAMES.HABITNU]: SOLERA_TABLE_COLUMNS(event) },\r\n { [CDP.DATA_SYSTEM_NAMES.THIRDPARTY_GENERIC]: SOLERA_TABLE_COLUMNS(event) },\r\n { [CDP.DATA_SYSTEM_NAMES.WELLD]: WELLD_TABLE_COLUMNS(event) },\r\n { BPSM_OCHI: OCHI_BPSM_COLUMNS(event) },\r\n { BPSM_DPRP: OCHI_BPSM_COLUMNS(event) },\r\n { EF: EF_COLUMNS(event) },\r\n { LS: LS_COLUMNS(event) },\r\n { HW: HW_COLUMNS(event) }\r\n];\r\n\r\nexport default CDP_COLUMNS;\r\n","import React, { useEffect, useState, useRef } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { CDP } from '@config/app-config';\r\nimport PropTypes from 'prop-types';\r\nimport Modal from '@modules/shared/components/reusable-components/model-popup';\r\nimport { setPopoverDetails } from '@redux/chronic-disease-program/details/actions';\r\n\r\nconst ErrorSummaryColumn = props => {\r\n const { errorKeys, errors, id, handelPopoverDetails } = props;\r\n const [showPopover, setShowPopover] = useState(false);\r\n const [activeCell, setActiveCell] = useState(undefined);\r\n const timerRef = useRef(null);\r\n\r\n\r\n const adjustPopoverPosition = (event) => {\r\n const cellRect = event.target.getBoundingClientRect();\r\n const windowWidth = window.innerWidth;\r\n const popoverWidth = 400;\r\n\r\n const initialLeft = cellRect.left + window.scrollX;\r\n const initialTop = (cellRect.bottom) + window.scrollY;\r\n let finalLeft = initialLeft;\r\n\r\n if (initialLeft + popoverWidth > windowWidth) {\r\n finalLeft = (windowWidth - popoverWidth);\r\n }\r\n handelPopoverDetails({ show: true, errors, position: { left: finalLeft - 300, top: initialTop } });\r\n }\r\n\r\n\r\n useEffect(() => {\r\n const handleResize = () => {\r\n if (showPopover && activeCell) {\r\n adjustPopoverPosition(activeCell);\r\n }\r\n };\r\n\r\n window.addEventListener('resize', handleResize);\r\n\r\n return () => window.removeEventListener('resize', handleResize);\r\n }, [activeCell]);\r\n\r\n useEffect(() => {\r\n const handleScroll = () => {\r\n if (activeCell) {\r\n adjustPopoverPosition(activeCell);\r\n }\r\n };\r\n\r\n window.addEventListener('scroll', handleScroll);\r\n return () => {\r\n window.removeEventListener('scroll', handleScroll);\r\n };\r\n }, [activeCell, showPopover]);\r\n\r\n\r\n const handleMouseEnter = (event) => {\r\n clearTimeout(timerRef.current);\r\n timerRef.current = setTimeout(() => {\r\n adjustPopoverPosition(event);\r\n setShowPopover(true);\r\n setActiveCell(event);\r\n }, 500);\r\n };\r\n\r\n const handleMouseLeave = () => {\r\n clearTimeout(timerRef.current);\r\n handelPopoverDetails({ show: false, undefined, position: { left: 0, top: 0 } });\r\n setShowPopover(false);\r\n setActiveCell(undefined);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {errorKeys.map(er => (\r\n \r\n [{er}]: {errors[er]}\r\n \r\n ))}\r\n\r\n \r\n\r\n {Object.keys(errors).length > 3 && (\r\n \r\n more..!\r\n \r\n )}\r\n\r\n {\r\n \r\n \r\n
\r\n
\r\n \r\n {errors &&\r\n Object.keys(errors)\r\n .filter(c => c !== CDP.ErrorRowIndexField)\r\n .map(key => (\r\n \r\n {key} \r\n {errors[key]} \r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n {\r\n
\r\n {popoverData && Object.keys(popoverData)\r\n .filter(c => c !== CDP.ErrorRowIndexField)\r\n .map(er => (\r\n \r\n [{er}] : \r\n {popoverData[er]} \r\n \r\n ))}\r\n
\r\n }\r\n
\r\n
\r\n
\r\n \r\n \r\n {populateTable()}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nRedcapDetails.propTypes = {\r\n cdpDetailView: PropTypes.objectOf(PropTypes.any).isRequired,\r\n fetchType: PropTypes.func.isRequired,\r\n programName: PropTypes.string.isRequired\r\n};\r\n\r\nexport default connect()(RedcapDetails);\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { CDP } from '@config/app-config';\r\nimport Table from './table';\r\nimport CdpStatCard from './cdp-stat-card';\r\nimport ViewDetails from './view-details';\r\nimport ManageColumns from './manage-columns';\r\n\r\n\r\nconst DolDetails = props => {\r\n const { cdpDetailView, fetchType, cdpDolType } = props;\r\n const [popupData, setPopupData] = useState({});\r\n const [activeCard, setActiveCard] = useState('');\r\n const [dolData, setDolData] = useState([]);\r\n\r\n useEffect(() => {\r\n setDolData(cdpDetailView?.records);\r\n }, [cdpDetailView]);\r\n\r\n const viewDetalsPopup = data => {\r\n setPopupData(data);\r\n };\r\n\r\n const populateTable = () => {\r\n const columns = ManageColumns({\r\n fetchType: cdpDolType,\r\n viewDetalsPopup,\r\n activeCard,\r\n dataSystem: CDP.DATA_SYSTEM_NAMES.DOL\r\n });\r\n return (\r\n <>\r\n {cdpDetailView && (\r\n \r\n
\r\n \r\n \r\n {populateTable()}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nDolDetails.propTypes = {\r\n cdpDetailView: PropTypes.objectOf(PropTypes.any).isRequired,\r\n fetchType: PropTypes.PropTypes.objectOf(PropTypes.any).isRequired,\r\n cdpDolType: PropTypes.PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nexport default DolDetails;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { CDP } from '@config/app-config';\r\nimport PropTypes from 'prop-types';\r\nimport Table from './table';\r\nimport CdpStatCard from './cdp-stat-card';\r\nimport ViewDetails from './view-details';\r\nimport ManageColumns from './manage-columns';\r\nimport CustomPopover from \"./error-popover\";\r\n\r\n\r\nconst Details = props => {\r\n const { cdpDetailView, fetchType, programName } = props;\r\n\r\n const [popupData, setPopupData] = useState({});\r\n const [cdpData, setCdpData] = useState([]);\r\n const [activeCard, setActiveCard] = useState('');\r\n const [isErrorCardClass, setIsErrorCardClass] = useState(false);\r\n\r\n\r\n\r\n useEffect(() => {\r\n const totalRecords = [];\r\n // eslint-disable-next-line no-unused-expressions\r\n cdpDetailView?.records?.forEach(record => {\r\n if (record?.deletE_IND !== true) {\r\n totalRecords.push(record);\r\n }\r\n });\r\n setCdpData(totalRecords);\r\n }, [cdpDetailView]);\r\n\r\n\r\n\r\n const viewDetalsPopup = data => {\r\n setPopupData(data);\r\n };\r\n\r\n const getColumns = () =>\r\n ManageColumns({ fetchType, viewDetalsPopup, activeCard, programName });\r\n\r\n const kipClick = (rows, key) => {\r\n setActiveCard(key);\r\n setCdpData(rows);\r\n if (key === \"3\") {\r\n setIsErrorCardClass(true);\r\n } else {\r\n setIsErrorCardClass(false);\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n Association\r\n
\r\n
\r\n {association?.yName}\r\n
\r\n
\r\n
\r\n
data System
\r\n
\r\n {cdpDataFetch?.dataSystem?.sourceSystemDisplayName}\r\n
\r\n
\r\n
\r\n
Program
\r\n
\r\n {cdpDataFetch?.program?.programDescription &&\r\n `${cdpDataFetch?.program?.programDescription || ''}`}\r\n
\r\n
\r\n {cdpDataFetch?.cdpDolType?.typeName && (\r\n
\r\n
Type
\r\n
\r\n {(cdpDataFetch?.cdpDolType?.typeName &&\r\n cdpDataFetch?.cdpDolType?.typeName?.toLowerCase()) ||\r\n ''}\r\n
\r\n
\r\n )}\r\n
\r\n
\r\n {loadComponent()}\r\n {!cdpDataFetch.isImported && (\r\n
\r\n \r\n
\r\n
\r\n
setIsConfirmCheck(e.target.checked)}\r\n value={isConfirmCheck}\r\n />\r\n \r\n {CDP.MESSAGES.CheckBoxConfirmationMessage}\r\n \r\n {showConfirmCheckMsg && (\r\n \r\n {CDP.MESSAGES.ImportErrorMessage}\r\n
\r\n )}\r\n \r\n
\r\n
onBackClick(e)}\r\n className=\"btn ymca-primary-outline-btn login-btn mt-0\"\r\n >\r\n Cancel\r\n \r\n \r\n {APP_LABELS.UPLOAD_DATA_IMPORT_DATA}\r\n \r\n {!canImport() && (\r\n \r\n \r\n )}\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n {programDueDate?.length > 0 && (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n Submit Chronic Disease Program Data\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n onNoReportClick()}\r\n >\r\n No Data To Report\r\n \r\n
\r\n
\r\n
\r\n
Instructions \r\n
\r\n \r\n
\r\n
\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n handleSubmissionConfirmClick()}\r\n onCancel={() => setShowConfirmation(false)}\r\n />\r\n \r\n );\r\n};\r\n\r\nCdpUploadData.propTypes = {\r\n handelGetDolTypesAction: PropTypes.func.isRequired,\r\n handelGetProgramsAction: PropTypes.func.isRequired,\r\n handelGetDataSystemsAction: PropTypes.func.isRequired,\r\n handelPostCdpFileAction: PropTypes.func.isRequired,\r\n handelDetailPageTypeAction: PropTypes.func.isRequired,\r\n handelSaveFetchTypeAction: PropTypes.func.isRequired,\r\n handelPostCdpRedcapFetchAction: PropTypes.func.isRequired,\r\n getIsImportedMsgFetch: PropTypes.func.isRequired,\r\n associationSelectorData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n history: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handelUpdateSubmissionAction: PropTypes.func.isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handelGetProgramsAction: getProgramsAction,\r\n handelGetDataSystemsAction: getDataSystemsAction,\r\n handelPostCdpFileAction: postCdpFileAction,\r\n handelDetailPageTypeAction: detailPageTypeAction,\r\n handelSaveFetchTypeAction: saveFetchTypeAction,\r\n handelGetDolTypesAction: getDolTypesAction,\r\n handelPostCdpRedcapFetchAction: postCdpRedcapFetchAction,\r\n getIsImportedMsgFetch: getIsImportedMsgAction,\r\n handelUpdateSubmissionAction: updateSubmissionDateAction\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n associationSelectorData: getCdpAssociationDueDateData(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withRouter(CdpUploadData));\r\n","export default __webpack_public_path__ + \"pending-status-icon.svg\";","export default __webpack_public_path__ + \"approved-icon.svg\";","import React from 'react';\r\nimport moment from 'moment';\r\n\r\nimport { APP_LABELS, CDP } from '@config/app-config';\r\nimport NotStarted from '@static/images/rejected-icon.svg';\r\nimport PendingIconDark from '@static/images/pending-status-icon.svg';\r\nimport SuccessModalIcon from '@static/images/approved-icon.svg';\r\n\r\nconst getViewDetailsLinkCell = ({ row }, viewDetalsPopup) => (\r\n viewDetalsPopup(row.original)}\r\n className=\"btn btn-link table-link p-0 custom-align\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n);\r\n\r\nconst getStatusImage = statusValue => {\r\n switch (statusValue) {\r\n case CDP.DUE_DATE_STATUS.COMPLETED:\r\n return SuccessModalIcon;\r\n case CDP.DUE_DATE_STATUS.OVERDUE:\r\n return NotStarted;\r\n case CDP.DUE_DATE_STATUS.UPCOMING:\r\n return PendingIconDark;\r\n default:\r\n return '';\r\n }\r\n};\r\n\r\nconst getStatusClass = statusValue => {\r\n switch (statusValue) {\r\n case CDP.DUE_DATE_STATUS.COMPLETED:\r\n return 'approved-status';\r\n case CDP.DUE_DATE_STATUS.OVERDUE:\r\n return 'rejected-status';\r\n case CDP.DUE_DATE_STATUS.UPCOMING:\r\n return 'pending-status';\r\n default:\r\n return '';\r\n }\r\n};\r\n\r\nconst ADMIN_DASHBOARD_COLUMNS = viewDetalsPopup => [\r\n {\r\n Header: 'Association Name',\r\n accessor: (row) =>\r\n `${row?.associationName} (${row?.associationNumber})`,\r\n className: 'notranslate ymca-word-break ymca-text-primary'\r\n },\r\n {\r\n Header: 'Due Date',\r\n accessor: 'orgCodes',\r\n className: 'notranslate',\r\n Cell: (c) => {\r\n if (c?.value) {\r\n return (\r\n \r\n {c.value?.map(val => (\r\n <>\r\n
\r\n {val.orgCode === null && val.submittedDate === null\r\n ? 'Paused Delivery'\r\n : ''}\r\n {val.orgCode !== null ? `${val.orgCode} -` : ''}\r\n {val.submittedDate !== null\r\n ? moment\r\n .utc(val.submittedDate)\r\n .local()\r\n .format('DD MMM YYYY')\r\n : ''}\r\n
\r\n
\r\n \r\n ))}\r\n
Paused Delivery );\r\n }\r\n },\r\n {\r\n Header: 'Status',\r\n accessor: row => (\r\n \r\n {row?.orgCodes?.map(val => (\r\n <>\r\n
\r\n
\r\n
\r\n {val.status}\r\n \r\n
\r\n {val.status === null && (\r\n
\r\n Paused Delivery \r\n
\r\n )}\r\n
\r\n \r\n ))}\r\n
\r\n \r\n ) : (\r\n \r\n \r\n );\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n {title} {showCount ? `(${data.length})` : ''}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n \r\n Export\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {column.isSorted ? (\r\n getSortedDesc(column?.isSortedDesc)\r\n ) : (\r\n <>\r\n {column.Header !== 'Summary' &&\r\n column.Header !== '' ? (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n {\r\n setPageSize(Number(e.target.value));\r\n }}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
Entries Per Page
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {caluclatePageEntries()} to {caluclatePageToEntries()} of{' '}\r\n {caluclatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n setLoader: PropTypes.func.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: '',\r\n showCount: false\r\n};\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string,\r\n showCount: PropTypes.bool,\r\n majorGroup: PropTypes.number.isRequired,\r\n program: PropTypes.number.isRequired\r\n};\r\n\r\nexport default connect()(Table);\r\n","import React, { useEffect, useState } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\n\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport { CDP, APP_LABELS } from '@config/app-config';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport {\r\n getCdpAdminDashboard,\r\n getCdpAdminDashboardKIP\r\n} from '@redux/chronic-disease-program/admin-dashboard/actions';\r\n\r\nimport BPSDARK from '@static/images/Blood-Pressure-Self-Monitoring-Colored.svg';\r\nimport BPSLIGHT from '@static/images/Blood-Pressure-Self-Monitoring-white.svg';\r\nimport DPPDARK from '@static/images/YMCA-Diabetes-Prevention-Program-Colored.svg';\r\nimport DPPLIGHT from '@static/images/YMCA-Diabetes-Prevention-Program-white.svg';\r\nimport EFDARK from '@static/images/Enhance-Fitness-Colored.svg';\r\nimport EFLIGHT from '@static/images/Enhance-Fitness-white.svg';\r\nimport HWDARK from '@static/images/Healthy-Weight-your-Child-Colored.svg';\r\nimport HWLIGHT from '@static/images/Healthy-Weight-your-Child-White.svg';\r\nimport LSDARK from '@static/images/LS-dark-(2).svg';\r\nimport LSLIGHT from '@static/images/LS-light-(2).svg';\r\nimport YWPDARK from '@static/images/YWP-dark.svg';\r\nimport YWPLIGHT from '@static/images/YWP-light.svg';\r\n\r\nimport ADMIN_DASHBOARD_COLUMNS from './columns';\r\nimport Table from './table';\r\n\r\nconst CDPAdminDashboard = props => {\r\n const { cdpAdminDashboard, loginUserData, handleCdpAdminDashboardKIP } =\r\n props;\r\n const [dashboardData, setDashboardData] = useState([]);\r\n const [loader, setLoader] = useState(false);\r\n const [kpiData, setKpiData] = useState();\r\n\r\n const [majorGroup, setMajorGroup] = useState();\r\n const [program, setProgram] = useState();\r\n\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n\r\n const getDashboardDetails = async () => {\r\n setLoader(true);\r\n let majorGroupId;\r\n let programId;\r\n const kipResponse = await handleCdpAdminDashboardKIP();\r\n if (kipResponse.status === 200) {\r\n setKpiData(kipResponse.data);\r\n [{ majorGroupId }] = kipResponse.data;\r\n [{ programId }] = kipResponse.data;\r\n } else {\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n\r\n handleAdminData(majorGroupId, programId);\r\n setLoader(false);\r\n };\r\n\r\n const handleAdminData = async (majorGroupIdPara, programIdPara) => {\r\n setLoader(true);\r\n setMajorGroup(majorGroupIdPara);\r\n setProgram(programIdPara);\r\n const response = await cdpAdminDashboard(majorGroupIdPara, programIdPara);\r\n if (response.status === 200) {\r\n setDashboardData(response.data);\r\n } else {\r\n setErrorMessage(APP_LABELS.COMMON_ERROR_MESSAGE);\r\n setErrorPopup(true);\r\n }\r\n setLoader(false);\r\n };\r\n\r\n useEffect(async () => {\r\n window.scrollTo(0, 0);\r\n await getDashboardDetails();\r\n sessionStorage.removeItem('selectedKPI');\r\n }, []);\r\n\r\n const onLinkClick = row => {\r\n props.history.push({\r\n pathname: '/cdp/associate/dashboard',\r\n state: { associationNumber: row.associationNumber }\r\n });\r\n sessionStorage.setItem('yusa_selected_associate', JSON.stringify(row));\r\n };\r\n\r\n const getKpiClasses = programValue => {\r\n switch (programValue) {\r\n case CDP.PROGRAM_FULL.DPP:\r\n return 'ymca-diabetes-prevention-card';\r\n case CDP.PROGRAM_FULL.BPSM:\r\n return 'ymca-bp-monitoring-card';\r\n case CDP.PROGRAM_FULL.EF:\r\n return 'ymca-fitness-card';\r\n case CDP.PROGRAM_FULL.HWYC:\r\n return 'ymca-child-health-card';\r\n case CDP.PROGRAM_FULL.LS:\r\n return 'ymca-strong-life-card';\r\n case CDP.PROGRAM_FULL.YWP:\r\n return 'ymca-youth-workforce-card';\r\n default:\r\n return 'ymca-diabetes-prevention-card';\r\n }\r\n };\r\n\r\n const getKpiDarkIcon = programValue => {\r\n switch (programValue) {\r\n case CDP.PROGRAM_FULL.DPP:\r\n return DPPDARK;\r\n case CDP.PROGRAM_FULL.BPSM:\r\n return BPSDARK;\r\n case CDP.PROGRAM_FULL.EF:\r\n return EFDARK;\r\n case CDP.PROGRAM_FULL.HWYC:\r\n return HWDARK;\r\n case CDP.PROGRAM_FULL.LS:\r\n return LSDARK;\r\n case CDP.PROGRAM_FULL.YWP:\r\n return YWPDARK;\r\n default:\r\n return DPPDARK;\r\n }\r\n };\r\n\r\n const getKpiLightIcon = programValue => {\r\n switch (programValue) {\r\n case CDP.PROGRAM_FULL.DPP:\r\n return DPPLIGHT;\r\n case CDP.PROGRAM_FULL.BPSM:\r\n return BPSLIGHT;\r\n case CDP.PROGRAM_FULL.EF:\r\n return EFLIGHT;\r\n case CDP.PROGRAM_FULL.HWYC:\r\n return HWLIGHT;\r\n case CDP.PROGRAM_FULL.LS:\r\n return LSLIGHT;\r\n case CDP.PROGRAM_FULL.YWP:\r\n return YWPLIGHT;\r\n default:\r\n return DPPLIGHT;\r\n }\r\n };\r\n\r\n const displayLsOrEf = (kpi) => {\r\n switch (kpi.displayName) {\r\n case CDP.PROGRAM_FULL_NAME.LS:\r\n return ( LIVESTRONG® at the YMCA );\r\n case CDP.PROGRAM_FULL_NAME.EF:\r\n return ( Enhance® Fitness );\r\n default:\r\n return (<>{kpi.displayName});\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
Welcome! \r\n \r\n {loginUserData?.user?.firstName}{' '}\r\n {loginUserData?.user?.lastName}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {kpiData?.map(kpi => (\r\n
\r\n \r\n handleAdminData(kpi.majorGroupId, kpi.programId)\r\n }\r\n type=\"button\"\r\n className={`card stats-card-sm ${getKpiClasses(\r\n kpi.programName\r\n )}`}\r\n >\r\n \r\n
\r\n\r\n
\r\n
\r\n {kpi.associationCount}\r\n \r\n
\r\n {displayLsOrEf(kpi)}\r\n
\r\n
\r\n
\r\n \r\n
\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n \r\n );\r\n};\r\n\r\nCDPAdminDashboard.propTypes = {\r\n cdpAdminDashboard: PropTypes.func.isRequired,\r\n handleCdpAdminDashboardKIP: PropTypes.func.isRequired,\r\n loginUserData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n history: PropTypes.objectOf(PropTypes.any).isRequired,\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n cdpAdminDashboard: getCdpAdminDashboard,\r\n handleCdpAdminDashboardKIP: getCdpAdminDashboardKIP\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n loginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withRouter(CDPAdminDashboard));\r\n","import React, { useEffect, useState } from 'react';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport get from 'lodash.get';\r\nimport PropTypes from 'prop-types';\r\n\r\n\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport {\r\n CDPAdminDashboard,\r\n CDPAssociatedashboard\r\n} from '@modules/chronic-disease-program/components/index';\r\nimport { APP_LABELS, CDP, STORAGE_KEYS } from '@config/app-config';\r\nimport SecureStorage from '@utilities/SecureStorage';\r\nimport {\r\n checkHipaaCertificate\r\n} from '@redux/chronic-disease-program/associate-dashboard/actions';\r\n\r\nconst CdpDashboard = props => {\r\n const [hippaCertificateStatus, setHipaaCertificateStatus] = useState(true);\r\n SecureStorage.setItem(STORAGE_KEYS.DASHBOARD_URL, '/cdp/dashboard');\r\n const { LoginUserData } = props;\r\n const loggedInUserRole = get(LoginUserData, 'user.role[0]', null);\r\n const {\r\n handleCheckHipaaCertificate\r\n } = props;\r\n\r\n const getCheckHipaaCertificate = async () => {\r\n const response = await handleCheckHipaaCertificate();\r\n if (response) {\r\n setHipaaCertificateStatus(response.data);\r\n }\r\n }\r\n\r\n useEffect(async () => {\r\n await getCheckHipaaCertificate();\r\n }, []);\r\n\r\n const hippaExpiryMessage = () => {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n {\r\n CDP.DASHBOARD.hippaExpiry\r\n }\r\n \r\n \r\n
\r\n
\r\n
;\r\n }\r\n } else {\r\n return <>{hippaExpiryMessage()};\r\n }\r\n };\r\n\r\n return <>{renderComponent()};\r\n};\r\n\r\nCdpDashboard.propTypes = {\r\n handleCheckHipaaCertificate: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n handleCheckHipaaCertificate: checkHipaaCertificate\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(CdpDashboard));\r\n","export { default as CDPAssociatedashboard } from './associate-dashboard';\r\nexport { default as CdpDetails } from './details';\r\nexport { default as CdpUploadData } from './upload-data';\r\n\r\nexport { default as CDPAdminDashboard } from './admin-dashboard';\r\nexport { default as CdpDashboard } from './dashboard';\r\n","export * from './components';","import { GET_USER_DETAILS } from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nconst getUserManagementTableList = AssociationId => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_USER_DETAILS(AssociationId),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.USER_MANAGEMENT_TABLE_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.USER_MANAGEMENT_TABLE_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport default getUserManagementTableList;\r\n","import React, { useMemo } from 'react';\r\nimport {\r\n useTable,\r\n useGlobalFilter,\r\n usePagination,\r\n useSortBy\r\n} from 'react-table';\r\nimport PropTypes from 'prop-types';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport { connect } from 'react-redux';\r\nimport axios from 'axios';\r\nimport get from 'lodash.get';\r\nimport { GET_USER_EXPORT_LIST_DOWNLOAD_PATH } from '@config/api-config';\r\nimport SearchIcon from '@static/images/search-icon.svg';\r\nimport PreviousIcon from '@static/images/previous-icon.svg';\r\nimport NextIcon from '@static/images/Next-icon.svg';\r\nimport SortUpIcon from '@static/images/sorting-icon-up.svg';\r\nimport SortDownIcon from '@static/images/sorting-icon-down.svg';\r\n\r\nconst Table = props => {\r\n const { rows, headers, setLoader } = props;\r\n const columns = useMemo(() => headers, []);\r\n const data = useMemo(() => rows, [rows]);\r\n const {\r\n getTableProps,\r\n getTableBodyProps,\r\n headerGroups,\r\n page,\r\n nextPage,\r\n previousPage,\r\n canNextPage,\r\n canPreviousPage,\r\n gotoPage,\r\n pageCount,\r\n prepareRow,\r\n state,\r\n setGlobalFilter\r\n } = useTable(\r\n {\r\n columns,\r\n data,\r\n disableSortRemove: true,\r\n defaultCanSort: true,\r\n initialState: {\r\n // Use your own data structure and add as many columns that need sorting by default\r\n sortBy: [{ uploadedDateTime: data.uploadedDateTime, desc: true }],\r\n pageSize: 25\r\n }\r\n },\r\n useGlobalFilter,\r\n useSortBy,\r\n usePagination\r\n );\r\n const { globalFilter, pageIndex } = state;\r\n const authToken = JSON.parse(sessionStorage.getItem('token'));\r\n\r\n const handleExportFile = () => {\r\n setLoader(true);\r\n axios\r\n .get(GET_USER_EXPORT_LIST_DOWNLOAD_PATH(), {\r\n responseType: 'blob',\r\n headers: {\r\n 'Content-Type': 'blob',\r\n 'Access-Control-Allow-Credentials': true,\r\n 'Access-Control-Allow-Origin': window.location.origin,\r\n 'Ocp-Apim-Subscription-Key': '3c92bec8b5df41c99f31bd7fc2057dd3',\r\n Authorization: `Bearer ${get(authToken, 'token', '')}`\r\n }\r\n })\r\n .then(response => {\r\n const downloadUrl = window.URL.createObjectURL(\r\n new Blob([response.data])\r\n );\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.setAttribute('download', 'Users-List.xlsx');\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const setColumnSorting = columnData => {\r\n if (columnData.isSorted) {\r\n if (columnData.isSorted) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n return (\r\n \r\n \r\n );\r\n }\r\n return (\r\n <>\r\n {columnData.Header !== 'Summary' && columnData.Header !== '' ? (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
Users ({data?.length}) \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n \r\n Export\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {setColumnSorting(column)}\r\n
\r\n \r\n ))}\r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n No records found!\r\n
\r\n )}\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n previousPage()}\r\n disabled={!canPreviousPage}\r\n >\r\n \r\n\r\n {[...Array(pageCount).keys()].map(count => {\r\n if (\r\n count >= (pageIndex > 25 ? pageIndex - 25 : 0) &&\r\n count <= (pageIndex < 25 ? 24 : pageIndex)\r\n ) {\r\n return (\r\n \r\n gotoPage(count)}\r\n >\r\n {count + 1}\r\n \r\n \r\n );\r\n }\r\n return '';\r\n })}\r\n\r\n \r\n nextPage()}\r\n disabled={!canNextPage}\r\n >\r\n {'Next '}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n setLoader: PropTypes.func.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: []\r\n};\r\nTable.propTypes = {\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\nconst mapStateToProps = state => ({\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\nexport default connect(mapStateToProps, null)(Table);\r\n","const USER_TABLE_COLUMNS = [\r\n {\r\n Header: 'Name',\r\n accessor: 'name',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Email Id',\r\n accessor: 'emailAddress',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Module',\r\n accessor: 'module',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Role',\r\n accessor: 'Role',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Status',\r\n accessor: 'status',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: '',\r\n accessor: 'DetailPage'\r\n }\r\n];\r\n\r\nexport default USER_TABLE_COLUMNS;\r\n","/* eslint-disable jsx-a11y/click-events-have-key-events */\r\nimport React, { useEffect, useState } from 'react';\r\nimport get from 'lodash.get';\r\nimport { connect } from 'react-redux';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport getUserManagementTableList from '@state/redux/user-management/user-table/actions';\r\nimport Table from './table';\r\nimport USER_TABLE_COLUMNS from './user-table-column';\r\n\r\nconst UserTable = props => {\r\n const { handleGetUserManagementTableList } = props;\r\n const [userManagementList, setUserManagementList] = useState({});\r\n\r\n const [loader, setLoader] = useState(false);\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n\r\n useEffect(() => {\r\n window.scroll(0, 0);\r\n setLoader(true);\r\n handleGetUserManagementTableList()\r\n .then(result => {\r\n if (result.status === 200) {\r\n setUserManagementList(result?.data?.users);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorPopup(true);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n setErrorPopup(true);\r\n });\r\n }, []);\r\n\r\n const setModuleData = userModuleRoles => {\r\n const selectedData = userModuleRoles?.map(module => module.modulename);\r\n return selectedData;\r\n };\r\n const getModuleRoleLength = userModuleRoles => {\r\n const selectedData = userModuleRoles?.map(module => module.roles.length);\r\n return selectedData;\r\n };\r\n\r\n const setRoleData = userModuleRoles => {\r\n const selectedData = [];\r\n const userModuleRolesData = JSON.parse(JSON.stringify(userModuleRoles));\r\n for (const module of userModuleRolesData) {\r\n for (const role of module.roles) {\r\n selectedData.push(role.roleName);\r\n }\r\n }\r\n return selectedData;\r\n };\r\n\r\n const processRole = roleList =>\r\n roleList?.map(role => (\r\n \r\n \r\n {role} \r\n \r\n
\r\n ));\r\n\r\n const processModule = (moduleList, moduleRoleLengthList) =>\r\n moduleList?.map((module, i) => (\r\n \r\n \r\n \r\n {module}\r\n \r\n \r\n
\r\n ));\r\n\r\n const getUserManagementListForTable = userManagementData => {\r\n const tableData = userManagementData;\r\n\r\n if (tableData && tableData.length > 0) {\r\n return tableData?.map(data => {\r\n const location = {\r\n pathname: `/userManagement/form/${data?.userId}`,\r\n state: data\r\n };\r\n const moduleData = setModuleData(data?.userModuleRoles);\r\n const roleData = setRoleData(data?.userModuleRoles);\r\n const moduleRoleLength = getModuleRoleLength(data?.userModuleRoles);\r\n return {\r\n DCHUserId: get(data, 'DCHUserId', '-'),\r\n personId: get(data, 'personId', '-'),\r\n emailAddress: data?.emailAddress,\r\n name: `${get(data, 'firstName')} ${get(data, 'lastName', '-')}`,\r\n associationId: get(data, 'associationId', '-'),\r\n associationName: get(data, 'associationName', '-'),\r\n module: processModule(moduleData, moduleRoleLength),\r\n Role: processRole(roleData),\r\n status: data?.userStatus ? (\r\n \r\n Active\r\n \r\n ) : (\r\n \r\n Inactive\r\n \r\n ),\r\n DetailPage: (\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n User Management\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n + Upload User Data\r\n \r\n \r\n Add User\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={APP_LABELS.COMMON_ERROR_MESSAGE}\r\n showErrorPopup={errorPopup}\r\n />\r\n \r\n );\r\n};\r\n\r\nUserTable.propTypes = {\r\n handleGetUserManagementTableList: PropTypes.func.isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetUserManagementTableList: getUserManagementTableList\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(React.memo(UserTable));\r\n","import {\r\n POST_USER_DETAILS,\r\n GET_USER_DETAILS_BY_USER_ID,\r\n GET_MODULES\r\n} from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const postUserRegistrationData = payloadBody => (dispatch, getState) =>\r\n asyncRequest({\r\n url: POST_USER_DETAILS(),\r\n method: 'POST',\r\n data: payloadBody,\r\n successAction: data => ({\r\n type: types.USER_REGISTRATION_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.USER_REGISTRATION_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getUserRegistrationDetails = userId => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_USER_DETAILS_BY_USER_ID(userId),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.USER_DETAILS_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.USER_DETAILS_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getModuleList = () => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_MODULES(),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.MODULE_LIST_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.MODULE_LIST_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const resetUserDetails = () => dispatch => {\r\n dispatch({ type: types.RESET_USER_DETAILS });\r\n};\r\n","export const UserRegistrationSelector = ({\r\n userRegistrationStore: { UserRegistrationData }\r\n}) => UserRegistrationData;\r\n\r\nexport const UserRegistrationDetailsSelector = ({\r\n userRegistrationDetailsStore: { UserRegistrationDetails }\r\n}) => UserRegistrationDetails;\r\n\r\nexport const ModuleListSelector = ({ moduleListStore: { ModuleList } }) =>\r\n ModuleList;\r\n","/* eslint-disable no-restricted-syntax */\r\n/* eslint-disable prefer-destructuring */\r\nimport React, { useEffect, useState } from 'react';\r\nimport * as Yup from 'yup';\r\nimport get from 'lodash.get';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { connect } from 'react-redux';\r\nimport { Loader } from 'react-loaders';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { Formik, Form, Field, ErrorMessage } from 'formik';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport { APP_LABELS, REGEX, FIELD_LENGTH } from '@config/app-config';\r\nimport {\r\n postUserRegistrationData,\r\n getUserRegistrationDetails,\r\n getModuleList,\r\n resetUserDetails\r\n} from '@redux/user-management/user-form/actions';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport TextError from '@modules/shared/components/reusable-components/text-error';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport { UserRegistrationDetailsSelector } from '@redux/user-management/user-form/selectors';\r\n\r\nconst { ALPHABETS, ALPHABETSWITHHYPHEN } = REGEX;\r\nconst { VOLUNTEER_TEXTBOX, EMAIL_LENGTH } = FIELD_LENGTH;\r\n\r\nconst UserForm = props => {\r\n const {\r\n handleGetModuleList,\r\n handlePostUserRegistrationData,\r\n handleGetUserRegistrationDetails,\r\n UserRegistrationDetailsSelectorData,\r\n handelResetUserDetails,\r\n computedMatch\r\n } = props;\r\n\r\n const [loader, setLoader] = useState(false);\r\n let isFormValid;\r\n const [moduleList, setModuleList] = useState([]);\r\n const [redirect, setRedirect] = useState(false);\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n const [successMessage, setSuccessMessage] = useState(\r\n 'User has been created successfully!'\r\n );\r\n const [successPopup, setSuccessPopup] = useState(false);\r\n\r\n const validationObj = {\r\n firstName: Yup.string()\r\n .nullable()\r\n .required('* First name is required.')\r\n .min(2, '* Please enter more than 1 characters.')\r\n .matches(\r\n ALPHABETSWITHHYPHEN,\r\n '* Please enter only characters and hyphens.'\r\n ),\r\n lastName: Yup.string()\r\n .nullable()\r\n .required('* Last name is required.')\r\n .min(2, '* Please enter more than 1 characters.')\r\n .matches(ALPHABETS, '* Please enter only characters.'),\r\n emailAddress: Yup.string()\r\n .nullable()\r\n .email('* Invalid email format.')\r\n .required('* Email is required.'),\r\n moduleCheck: Yup.array()\r\n .nullable()\r\n .min(1, '* Please select minimum one option.')\r\n .required('* Please select minimum one option.'),\r\n statusValue: Yup.string().required('* status is required')\r\n };\r\n let validationSchema = Yup.object(validationObj);\r\n\r\n const initialValues = {\r\n emailAddress: '',\r\n firstName: '',\r\n lastName: '',\r\n moduleCheck: [],\r\n statusValue: ''\r\n };\r\n\r\n const setRoleData = userModuleRoles => {\r\n const selectedData = [];\r\n const userModuleRolesData = JSON.parse(JSON.stringify(userModuleRoles));\r\n\r\n for (const role of userModuleRolesData.roles) {\r\n selectedData.push(role.roleName);\r\n }\r\n return selectedData;\r\n };\r\n\r\n const setModuleData = userModuleRoles => {\r\n const selectedData = [];\r\n const userModuleRolesData = JSON.parse(JSON.stringify(userModuleRoles));\r\n\r\n for (const module of userModuleRolesData) {\r\n selectedData.push(module.modulename);\r\n }\r\n return selectedData;\r\n };\r\n\r\n const setEditValue = () => {\r\n let editValues = {\r\n emailAddress: '',\r\n firstName: '',\r\n lastName: '',\r\n moduleCheck: [],\r\n statusValue: ''\r\n };\r\n if (UserRegistrationDetailsSelectorData?.user) {\r\n editValues = {\r\n emailAddress: UserRegistrationDetailsSelectorData?.user?.emailAddress,\r\n firstName: UserRegistrationDetailsSelectorData?.user?.firstName,\r\n lastName: UserRegistrationDetailsSelectorData?.user?.lastName,\r\n moduleCheck: setModuleData(\r\n UserRegistrationDetailsSelectorData?.user?.userModuleRoles\r\n ),\r\n statusValue:\r\n UserRegistrationDetailsSelectorData?.user?.userStatus?.toString()\r\n };\r\n\r\n const userData =\r\n UserRegistrationDetailsSelectorData?.user?.userModuleRoles;\r\n if (userData) {\r\n for (const module of userData) {\r\n editValues[`moduleId_${module.moduleId}_role`] = setRoleData(module);\r\n }\r\n }\r\n return editValues;\r\n }\r\n return editValues;\r\n };\r\n\r\n const handleUserDetails = () => {\r\n setLoader(true);\r\n handleGetUserRegistrationDetails(get(computedMatch, 'params.userID')).then(\r\n res => {\r\n if (res.status === 200) {\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n }\r\n );\r\n };\r\n\r\n useEffect(() => {\r\n window.scroll(0, 0);\r\n setLoader(true);\r\n handleGetModuleList().then(res => {\r\n if (res.status === 200) {\r\n setModuleList(res?.data?.modules);\r\n const moduleData = res?.data?.modules;\r\n\r\n if (moduleData) {\r\n for (const module of moduleData) {\r\n initialValues[`moduleId_${module.moduleId}_role`] = [];\r\n validationObj[`moduleId_${module.moduleId}_role`] = Yup.array()\r\n .nullable()\r\n .required('* Please select minimum one option.')\r\n .min(1, '* Please select minimum one option.');\r\n }\r\n }\r\n validationSchema = Yup.object(validationObj);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n });\r\n\r\n if (computedMatch?.params?.userID) {\r\n handleUserDetails();\r\n } else {\r\n handelResetUserDetails();\r\n }\r\n }, []);\r\n\r\n const processModuleList = values => {\r\n const moduleListData = JSON.parse(JSON.stringify(moduleList));\r\n const processedModule = [];\r\n\r\n for (const moduleName of values.moduleCheck) {\r\n const tempArray = moduleListData.filter(\r\n module => module.modulename === moduleName\r\n );\r\n if (tempArray.length > 0) processedModule.push(...tempArray);\r\n }\r\n\r\n return JSON.parse(JSON.stringify(processedModule));\r\n };\r\n\r\n const processModuleRoleList = (values, setFieldError) => {\r\n const selectedModuleList = processModuleList(values);\r\n\r\n let tempSelectedRoles = [];\r\n\r\n for (const module of selectedModuleList) {\r\n tempSelectedRoles = [];\r\n if (\r\n values.hasOwnProperty(`moduleId_${module.moduleId}_role`) &&\r\n values[`moduleId_${module.moduleId}_role`].length > 0\r\n ) {\r\n isFormValid = true;\r\n for (const roleValue of values[`moduleId_${module.moduleId}_role`]) {\r\n const tempRoleArray = module.roles.filter(\r\n role => role.roleName === roleValue\r\n );\r\n if (tempRoleArray.length > 0) {\r\n tempSelectedRoles.push(...tempRoleArray);\r\n } else {\r\n setLoader(false);\r\n isFormValid = false;\r\n return;\r\n }\r\n }\r\n } else {\r\n setLoader(false);\r\n setFieldError('moduleCheck', '* Please select role for module.');\r\n isFormValid = false;\r\n return;\r\n }\r\n module.roles = JSON.parse(JSON.stringify(tempSelectedRoles));\r\n }\r\n\r\n return selectedModuleList;\r\n };\r\n\r\n const onSubmit = (values, { setFieldError }) => {\r\n setLoader(true);\r\n\r\n const PayloadObject = {\r\n emailAddress: values.emailAddress,\r\n firstName: values.firstName,\r\n lastName: values.lastName,\r\n userStatus: values.statusValue === 'true',\r\n userModuleRoles: processModuleRoleList(values, setFieldError)\r\n };\r\n if (computedMatch?.params?.userID) {\r\n PayloadObject.userId = computedMatch?.params?.userID;\r\n setSuccessMessage('User information has been updated successfully!');\r\n }\r\n if (isFormValid === false) {\r\n setLoader(false);\r\n return;\r\n }\r\n\r\n handlePostUserRegistrationData(PayloadObject).then(res => {\r\n if (res.status === 200 && res?.data?.isSuccess) {\r\n setLoader(false);\r\n setSuccessPopup(true);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n });\r\n };\r\n\r\n const scrollToErrors = errors => {\r\n const errorKeys = Object.keys(errors);\r\n if (errorKeys.length > 0) {\r\n document.getElementsByName(errorKeys[0])[0].focus();\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
User Management \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n User Details\r\n
\r\n
\r\n {({ values, errors }) => (\r\n \r\n
\r\n * Please fill required fields.\r\n
\r\n )}\r\n\r\n \r\n scrollToErrors(errors)}\r\n >\r\n Submit\r\n \r\n \r\n Cancel\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n {redirect && {\r\n setRedirect(true);\r\n }}\r\n />\r\n )}\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n \r\n );\r\n};\r\n\r\nUserForm.propTypes = {\r\n handleGetModuleList: PropTypes.func.isRequired,\r\n handlePostUserRegistrationData: PropTypes.func.isRequired,\r\n handleGetUserRegistrationDetails: PropTypes.func.isRequired,\r\n UserRegistrationDetailsSelectorData: PropTypes.objectOf(PropTypes.any)\r\n .isRequired,\r\n handelResetUserDetails: PropTypes.func.isRequired,\r\n computedMatch: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handelResetUserDetails: resetUserDetails,\r\n handleGetModuleList: getModuleList,\r\n handlePostUserRegistrationData: postUserRegistrationData,\r\n handleGetUserRegistrationDetails: getUserRegistrationDetails\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n UserRegistrationDetailsSelectorData: UserRegistrationDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(UserForm));\r\n","import { USER_MANAGEMENT_UPLOAD_FILE } from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nconst getUserManagementUploadFile = uploadFileData => (dispatch, getState) =>\r\n asyncRequest({\r\n url: USER_MANAGEMENT_UPLOAD_FILE(),\r\n method: 'POST',\r\n data: uploadFileData,\r\n successAction: data => ({\r\n type: types.USER_MANAGEMENT_UPLOAD_FILE_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.USER_MANAGEMENT_UPLOAD_FILE_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport default getUserManagementUploadFile;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport erroricon from '@static/images/error-icon.svg';\r\nimport crossicon from '@static/images/cross-icon-blue.svg';\r\n\r\nconst ErrorPopup = props => {\r\n const { handleCloseErrorPopup, errorMessage, showErrorPopup } = props;\r\n\r\n const modal = {\r\n background: 'rgb(0 0 0 / 0.5)'\r\n };\r\n\r\n const showHideClassName = showErrorPopup ? 'modal d-block' : 'modal d-none';\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
{\r\n handleCloseErrorPopup();\r\n }}\r\n >\r\n \r\n
\r\n
\r\n
{APP_LABELS.ERROR} \r\n
\r\n {errorMessage !== ''\r\n ? errorMessage\r\n : APP_LABELS.COMMON_ERROR_MESSAGE}\r\n
\r\n
\r\n {\r\n handleCloseErrorPopup();\r\n }}\r\n >\r\n {APP_LABELS.CLOSE}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.UPLOAD_USER_MANAGEMENT_DATA}\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {APP_LABELS.INSTRUCTIONS}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {redirect &&
}\r\n
\r\n \r\n\r\n {/* Upload wait Modal */}\r\n \r\n \r\n );\r\n }\r\n return (\r\n \r\n \r\n );\r\n }\r\n return (\r\n <>\r\n {columnData.Header === 'Name' ||\r\n columnData.Header === 'Email Id' ||\r\n columnData.Header === 'Status' ||\r\n columnData.Header === 'Record Type' ? (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n \r\n );\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {setColumnSorting(column)}\r\n
\r\n \r\n ))}\r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n previousPage()}\r\n disabled={!canPreviousPage}\r\n >\r\n \r\n {[...Array(pageCount).keys()].map(count => {\r\n if (\r\n count >= (pageIndex > 25 ? pageIndex - 25 : 0) &&\r\n count <= (pageIndex < 25 ? 24 : pageIndex)\r\n ) {\r\n return (\r\n \r\n gotoPage(count)}\r\n >\r\n {count + 1}\r\n \r\n \r\n );\r\n }\r\n return '';\r\n })}\r\n \r\n nextPage()}\r\n disabled={!canNextPage}\r\n >\r\n {'Next '}\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n datarows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n checkbox: PropTypes.bool,\r\n onSelectedRowsChange: PropTypes.func.isRequired,\r\n selectedRows: PropTypes.arrayOf(PropTypes.any),\r\n\r\n onSelectedRowsChangeStaff: PropTypes.func.isRequired,\r\n selectedRowsChangeStaff: PropTypes.arrayOf(PropTypes.any)\r\n};\r\n\r\nTable.defaultProps = {\r\n datarows: [],\r\n headers: [],\r\n checkbox: false,\r\n selectedRows: [],\r\n selectedRowsChangeStaff: []\r\n};\r\n\r\nexport default Table;\r\n","const ErrorColumns = [\r\n {\r\n Header: 'Name',\r\n accessor: 'name',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Email Id',\r\n accessor: 'emailAddress',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Errors Found',\r\n accessor: 'errorSummary'\r\n }\r\n];\r\n\r\nexport default ErrorColumns;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport get from 'lodash.get';\r\nimport getUserManagementImportData from '@redux/user-management/user-file-import-data/actions';\r\nimport UserManagementUploadFileSelector from '@redux/user-management/user-file-upload/selectors';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport KpiCard from '@modules/shared/components/reusable-components/kpi-card';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport totalrecordpurpleicon from '@static/images/total-staff-purple-icon.svg';\r\nimport totalrecordwhiteicon from '@static/images/total-staff-white-icon.svg';\r\nimport totalrecordvoileticon from '@static/images/total-staff-voilet-icon.svg';\r\nimport errorrecordvoileticon from '@static/images/invalid-record-voilet-icon.svg';\r\nimport existingrecordpinkicon from '@static/images/un-changed-pink-icon.svg';\r\nimport existingrecordwhiteicon from '@static/images/Un-Changed-white-icon.svg';\r\nimport newrecordyellowicon from '@static/images/new-staff-yellow-icon.svg';\r\nimport newrecordwhiteicon from '@static/images/new-staff-white-icon.svg';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport warningiconmedium from '@static/images/warning-icon-medium.svg';\r\nimport TotalUsersTableColumns from './total-users-columns';\r\nimport TableColumns from './table-columns';\r\nimport Table from './table';\r\nimport ErrorColumns from './error-columns';\r\n\r\nconst UploadData = props => {\r\n const { UploadStaffData, handleImportData } = props;\r\n const [showSuccessPopup, setshowSuccessPopup] = useState(false);\r\n const [checkBox, setCheckBox] = useState(false);\r\n const [enableButton, setEnableButton] = useState(true);\r\n const [selectedRowsChangeStaff] = useState();\r\n const [key, setKey] = useState('newrecord');\r\n const [newRecordsDetails, setNewRecordsDetails] = useState();\r\n const [existingRecordsDetails, setExistingRecordsDetails] = useState();\r\n const [totalRecordsDetails, setTotalRecordsDetails] = useState();\r\n const [errorRecordsDetails, setErrorRecordsDetails] = useState();\r\n const [redirect, setRedirect] = useState(false);\r\n const [redirectUrl, setRedirectUrl] = useState('');\r\n const [showErrorPopup, setShowErrorPopup] = useState(false);\r\n const [showMessage, setShowMessage] = useState('');\r\n const [loader, setLoader] = useState(false);\r\n const [showTotalRecords, setShowTotalRecords] = useState('show active');\r\n const [showNewRecords, setShowNewRecords] = useState('');\r\n const [showErrorRecords, setShowErrorRecords] = useState('');\r\n const [showExistingRecords, setShowExistingRecords] = useState('');\r\n const [activeTotalRecords, setActiveTotalRecords] = useState('active');\r\n const [activeNewRecords, setActiveNewRecords] = useState('');\r\n const [activeErrorRecords, setActiveErrorRecords] = useState('');\r\n const [activeExistingRecords, setActiveExistingRecords] = useState('');\r\n const [instructions, setInstructions] = useState(false);\r\n\r\n useEffect(() => {\r\n const NewRecordsDetailRow = get(\r\n UploadStaffData,\r\n 'data.segregatedList.NewUsers',\r\n []\r\n ).map(v => ({\r\n ...v,\r\n name: `${v.firstName} ${v.lastName}`\r\n }));\r\n setNewRecordsDetails(NewRecordsDetailRow);\r\n\r\n const ExistingRecordsDetailRow = get(\r\n UploadStaffData,\r\n 'data.segregatedList.ExistedUsers',\r\n []\r\n ).map(v => ({\r\n ...v,\r\n name: `${v.firstName} ${v.lastName}`\r\n }));\r\n setExistingRecordsDetails(ExistingRecordsDetailRow);\r\n\r\n const ErrorRecordsDetailsRow = get(\r\n UploadStaffData,\r\n 'data.segregatedList.Error',\r\n []\r\n ).map(v => ({\r\n ...v,\r\n name: `${v.firstName} ${v.lastName ? v.lastName : ''}`,\r\n errorSummary: v.errorSummary\r\n .split(',')\r\n .map(item => {item}
)\r\n }));\r\n setErrorRecordsDetails(ErrorRecordsDetailsRow);\r\n\r\n const TotalRecordsDetailsRow = get(\r\n UploadStaffData,\r\n 'data.segregatedList.TotalUsers',\r\n []\r\n ).map(v => ({\r\n ...v,\r\n name: `${v.firstName} ${v.lastName ? v.lastName : ''}`,\r\n recordType: (\r\n \r\n {v.recordType}{' '}\r\n \r\n )\r\n }));\r\n\r\n setInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.[\r\n 'user-update-review'\r\n ]?.Instruction\r\n );\r\n\r\n setTotalRecordsDetails(TotalRecordsDetailsRow);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (key === 'totalrecords') {\r\n setShowTotalRecords('show active');\r\n setShowNewRecords('');\r\n setShowErrorRecords('');\r\n setShowExistingRecords('');\r\n setActiveTotalRecords('active');\r\n setActiveNewRecords('');\r\n setActiveErrorRecords('');\r\n setActiveExistingRecords('');\r\n } else if (key === 'newrecord') {\r\n setShowTotalRecords('');\r\n setShowNewRecords('show active');\r\n setShowErrorRecords('');\r\n setShowExistingRecords('');\r\n setActiveNewRecords('active');\r\n setActiveTotalRecords('');\r\n setActiveErrorRecords('');\r\n setActiveExistingRecords('');\r\n } else if (key === 'errorrecords') {\r\n setShowTotalRecords('');\r\n setShowNewRecords('');\r\n setShowErrorRecords('show active');\r\n setShowExistingRecords('');\r\n setActiveNewRecords('');\r\n setActiveTotalRecords('');\r\n setActiveErrorRecords('active');\r\n setActiveExistingRecords('');\r\n } else if (key === 'existingrecords') {\r\n setShowTotalRecords('');\r\n setShowNewRecords('');\r\n setShowErrorRecords('');\r\n setShowExistingRecords('show active');\r\n setActiveNewRecords('');\r\n setActiveTotalRecords('');\r\n setActiveErrorRecords('');\r\n setActiveExistingRecords('active');\r\n }\r\n }, [key]);\r\n\r\n const redirectToDashBoard = () => {\r\n setRedirectUrl('/userManagement/dashboard');\r\n setRedirect(true);\r\n };\r\n\r\n const postImportDataFile = () => {\r\n setEnableButton(true);\r\n setLoader(true);\r\n const finalData = [\r\n ...get(UploadStaffData, 'data.segregatedList.NewUsers', [])\r\n ];\r\n const obj = {\r\n usersImport: finalData\r\n };\r\n\r\n handleImportData(obj).then(res => {\r\n if (res.status === 200) {\r\n if (res.data?.success === 'Success') {\r\n setshowSuccessPopup(true);\r\n setShowMessage(res.data?.message);\r\n } else {\r\n setShowErrorPopup(true);\r\n setShowMessage(res.data?.message);\r\n }\r\n } else {\r\n setShowErrorPopup(true);\r\n setShowMessage(res?.message);\r\n }\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const handelCheckBox = event => {\r\n setCheckBox(event.target.checked);\r\n\r\n if (event.target.checked) {\r\n setEnableButton(false);\r\n } else {\r\n setEnableButton(true);\r\n }\r\n };\r\n\r\n const handleCloseErrorPopup = () => {\r\n setShowErrorPopup(false);\r\n setRedirectUrl('/userManagement/upload/file');\r\n setRedirect(true);\r\n };\r\n const onkipclick = type => {\r\n setKey(type);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
User Update Review \r\n \r\n
\r\n
\r\n {APP_LABELS.INSTRUCTIONS}\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n onkipclick('totalrecords')}\r\n cardName=\"Total Users\"\r\n cardValue={get(\r\n UploadStaffData,\r\n 'data.fileUploadSummary.totalUsers',\r\n 'Total Users'\r\n )}\r\n />\r\n
\r\n
\r\n onkipclick('newrecord')}\r\n cardClass=\"col-lg-3\"\r\n cardHoverClass=\"w-auto new-staff c-pointer\"\r\n cardName=\"New Users\"\r\n cardValue={get(\r\n UploadStaffData,\r\n 'data.fileUploadSummary.newUsers',\r\n 'New Users'\r\n )}\r\n />\r\n
\r\n
\r\n onkipclick('existingrecords')}\r\n cardClass=\"col-lg-3 \"\r\n cardHoverClass=\"w-auto profiles c-pointer\"\r\n cardName=\"Existing Users\"\r\n cardValue={get(\r\n UploadStaffData,\r\n 'data.fileUploadSummary.existedUsers',\r\n 'Existing Users'\r\n )}\r\n />\r\n
\r\n
\r\n onkipclick('errorrecords')}\r\n cardClass=\"col-lg-3\"\r\n cardHoverClass=\"w-auto branches c-pointer\"\r\n cardName=\"Error Records\"\r\n cardValue={get(\r\n UploadStaffData,\r\n 'data.fileUploadSummary.error',\r\n 'Error Records'\r\n )}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n Total Users\r\n \r\n \r\n\r\n {totalRecordsDetails !== undefined &&\r\n totalRecordsDetails.length !== 0 ? (\r\n <>\r\n
\r\n \r\n ) : (\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_NO_RECORD_FOUND}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n New Users\r\n \r\n \r\n\r\n {newRecordsDetails !== undefined &&\r\n newRecordsDetails.length !== 0 ? (\r\n <>\r\n
\r\n \r\n ) : (\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_NO_RECORD_FOUND}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n \r\n
\r\n
\r\n Error Records\r\n \r\n \r\n\r\n {errorRecordsDetails !== undefined &&\r\n errorRecordsDetails.length !== 0 ? (\r\n <>\r\n
\r\n
\r\n
{' '}\r\n
\r\n User details with data discrepancies will not\r\n proceed.\r\n \r\n
\r\n
\r\n
\r\n \r\n ) : (\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_NO_RECORD_FOUND}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n \r\n
\r\n
\r\n Existing Users\r\n \r\n \r\n\r\n {existingRecordsDetails !== undefined &&\r\n existingRecordsDetails.length !== 0 ? (\r\n <>\r\n
\r\n
\r\n
{' '}\r\n
\r\n Already exist user details will not proceed.\r\n \r\n
\r\n
\r\n
\r\n \r\n ) : (\r\n
\r\n
\r\n
\r\n {APP_LABELS.DETAIL_NO_RECORD_FOUND}\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n \r\n
\r\n
\r\n \r\n {APP_LABELS.UPLOAD_DATA_CONFRIM}\r\n \r\n
\r\n
\r\n
\r\n {APP_LABELS.UPLOAD_DATA_CANCEL}\r\n \r\n \r\n {APP_LABELS.UPLOAD_DATA_IMPORT_DATA}\r\n \r\n \r\n {redirect && \r\n \r\n\r\n {/* Success Modal */}\r\n \r\n
\r\n
\r\n
\r\n
\r\n {'Hello User,'}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {'Hello User,'}\r\n \r\n \r\n
\r\n
\r\n
Annual Report
Annual Report Guide
Annual Report Data Collection Template
Insights Hub
CTRAC
Employee Update
Employee Update Guide
Volunteer Registration
Please contact Meredith Griffin at Meredith.Griffin@ymca.net.
Chronic Disease Program
Chronic Disease Program Guide
'\r\n }\r\n }\r\n ],\r\n meta: {\r\n pagination: { page: 1, pageSize: 25, pageCount: 1, total: 1 }\r\n }\r\n};\r\n\r\nexport default FeedbackPages;\r\n","import React, { useEffect, useState } from 'react';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport commonAxios from '@utilities/CommonAxios';\r\nimport FeedbackPages from './feedback';\r\n\r\nconst Feedbackandsupport = () => {\r\n const [feedbackdata, setFeedBackData] = useState('');\r\n const [loader, setLoader] = useState(false);\r\n useEffect(() => {\r\n setFeedBackData(FeedbackPages?.data[0]);\r\n setLoader(true);\r\n commonAxios({\r\n url: '/feedback-and-support',\r\n method: 'GET',\r\n headers: {\r\n Authorization: `Bearer ${sessionStorage.getItem('strapitoken')}`\r\n }\r\n })\r\n .then(res => {\r\n setFeedBackData(res?.data?.data[0]);\r\n setLoader(false);\r\n })\r\n .catch(() => {\r\n setFeedBackData(FeedbackPages?.data[0]);\r\n setLoader(false);\r\n });\r\n }, []);\r\n return (\r\n \r\n \r\n ) : (\r\n \r\n \r\n );\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n {title} ({showCount})\r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n {!APP_LABELS.VIEWER_PERMISSION_ROLES.includes(role) && (\r\n
\r\n + Add Association\r\n \r\n )}{' '}\r\n \r\n Export\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {column.isSorted ? (\r\n getSortedDesc(column?.isSortedDesc)\r\n ) : (\r\n <>\r\n {column.Header !== 'Summary' &&\r\n column.Header !== '' ? (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n {\r\n setPageSize(Number(e.target.value));\r\n }}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
Entries Per Page
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {caluclatePageEntries()} to {caluclatePageToEntries()} of{' '}\r\n {caluclatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n setLoader: PropTypes.func.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: '',\r\n showCount: false,\r\n role: null,\r\n downLoadAssocitions: () => {}\r\n};\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string,\r\n showCount: PropTypes.bool,\r\n downLoadAssocitions: PropTypes.func,\r\n role: PropTypes.string\r\n};\r\n\r\nexport default Table;\r\n","const SWIM_ASSOCIATION_COLUMNS = () => [\r\n {\r\n Header: 'Association Name',\r\n accessor: 'associationName',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'No.Of Branches',\r\n accessor: 'branchesCount',\r\n className: 'notranslate'\r\n },\r\n\r\n {\r\n Header: 'No.Of Swim Programs',\r\n accessor: 'programsCount',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'No.Of Profiles',\r\n accessor: 'profilesCount',\r\n className: 'notranslate '\r\n },\r\n {\r\n Header: 'Last Updated',\r\n accessor: 'lastUpdatedDate',\r\n className: 'notranslate ymca-word-break '\r\n },\r\n {\r\n Header: 'Actions',\r\n accessor: 'details',\r\n className: 'notranslate'\r\n }\r\n];\r\n\r\nexport default SWIM_ASSOCIATION_COLUMNS;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { APP_LABELS, DATE_ARRAY, STORAGE_KEYS } from '@config/app-config';\r\nimport BlockUi from 'react-block-ui';\r\nimport { connect } from 'react-redux';\r\nimport { Loader } from 'react-loaders';\r\nimport moment from 'moment';\r\nimport axios from 'axios';\r\nimport convertUtcToLocal from '@utilities/ConvertTimezone';\r\nimport SwimBranches from '@static/images/swimRegistration/swim-safety-branches.svg';\r\nimport BlueUserIcon from '@static/images/swimRegistration/swim-safety-profiles-dark.svg';\r\nimport SwimIIcon from '@static/images/swimRegistration/swim-safety-swim-icon.svg';\r\nimport Associationhover from '@static/images/swimRegistration/swim-safety-associations.svg';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport {\r\n getSwimSafetyDashboardCountList,\r\n getSwimSafetyAssociationList,\r\n getSwimSafetyDeleteAssociation\r\n} from '@redux/siwm-safety/dashboard/actions';\r\nimport { GET_SWIMSAFETY_EXPORT_ASSOCIATION_API } from '@config/api-config';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport { SwimSafetyAssocListSelector } from '@redux/siwm-safety/dashboard/selectors';\r\nimport get from 'lodash.get';\r\nimport Table from './table';\r\nimport SWIM_ASSOCIATION_COLUMNS from './columns';\r\nimport SecureStorage from '../../../../utilities/SecureStorage';\r\n\r\nconst Dashboard = props => {\r\n const {\r\n handleGetDashBoardCount,\r\n handlegetAssociationList,\r\n handleDeleteAssociation,\r\n LoginUserData\r\n } = props;\r\n\r\n const defaultStartDate = moment().subtract(90, 'd').format('MM-DD-YYYY');\r\n const defaultEndDate = moment().format('MM-DD-YYYY');\r\n const Offset = new Date().getTimezoneOffset();\r\n const [showAttentionPopup, setShowAttentionPopup] = useState(false);\r\n const [countData, setCountData] = useState({});\r\n const [associationList, setAssociationList] = useState([]);\r\n const [loader, setLoader] = useState(false);\r\n const [deleteAssociation, setDeleteAssociation] = useState(null);\r\n const [selectedRange, setSelectedRange] = useState(90);\r\n const [startDate, setStartDate] = useState(defaultStartDate);\r\n const [endDate, setEndDate] = useState(defaultEndDate);\r\n const [includeAllYs, setIncludeAllYs] = useState(true);\r\n const authToken = JSON.parse(sessionStorage.getItem('token'));\r\n\r\n const role = get(LoginUserData, 'user.role[0]');\r\n\r\n const filterDate = days => {\r\n if (days === 'Custom') {\r\n setStartDate('');\r\n setEndDate('');\r\n } else if (days === '1') {\r\n setStartDate(moment().subtract(days, 'd').format('MM-DD-YYYY'));\r\n setEndDate(moment().subtract(days, 'd').format('MM-DD-YYYY'));\r\n } else {\r\n setStartDate(moment().subtract(days, 'd').format('MM-DD-YYYY'));\r\n setEndDate(defaultEndDate);\r\n }\r\n };\r\n\r\n const handleDelete = associationDetails => {\r\n setDeleteAssociation(associationDetails);\r\n setShowAttentionPopup(true);\r\n };\r\n const handleCloseAttentionPopup = () => {\r\n setDeleteAssociation(null);\r\n setShowAttentionPopup(false);\r\n };\r\n\r\n const handleList = (clearStartDate, clearEndDate, include) => {\r\n setLoader(true);\r\n handlegetAssociationList(\r\n clearStartDate || startDate,\r\n clearEndDate || endDate,\r\n Offset,\r\n include || includeAllYs\r\n )\r\n .then(result => {\r\n if (result?.data?.data) {\r\n setLoader(false);\r\n setAssociationList(result?.data?.data);\r\n } else {\r\n setLoader(false);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const handleCountCall = (clearStartDate, clearEndDate, include) => {\r\n handleGetDashBoardCount(\r\n clearStartDate || startDate,\r\n clearEndDate || endDate,\r\n Offset,\r\n include || includeAllYs\r\n ).then(result => {\r\n if (result?.data?.data) {\r\n setCountData(result?.data?.data);\r\n }\r\n });\r\n };\r\n\r\n const deleteAPIcall = () => {\r\n setLoader(true);\r\n handleDeleteAssociation(deleteAssociation.associationId)\r\n .then(() => {\r\n setLoader(false);\r\n setDeleteAssociation(null);\r\n setShowAttentionPopup(false);\r\n handleList();\r\n handleCountCall();\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const checkRoleGetData = () => {\r\n setLoader(true);\r\n handleCountCall();\r\n handleList();\r\n };\r\n\r\n const handleViewDetails = assdata => {\r\n sessionStorage.setItem('yusa_selected_associate', JSON.stringify(assdata));\r\n sessionStorage.setItem('swim_Program_selected_tab', 'Branches');\r\n };\r\n\r\n const newAssociationChangeLogData = associationList?.map(data => {\r\n const location = {\r\n pathname: '/swim/association/dashboard',\r\n state: data\r\n };\r\n\r\n return {\r\n ...data,\r\n associationName: `${data.associationName} (${data.associationNumber})`,\r\n lastUpdatedDate: get(data, 'lastUpdatedDate')\r\n ? convertUtcToLocal(get(data, 'lastUpdatedDate'), 'DD MMM YYYY')\r\n : '-',\r\n details: (\r\n <>\r\n handleViewDetails(data)}\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n\r\n {!APP_LABELS.VIEWER_PERMISSION_ROLES.includes(role) && (\r\n <>\r\n | \r\n handleDelete(data)}\r\n >\r\n Delete \r\n \r\n \r\n )}\r\n \r\n )\r\n };\r\n });\r\n\r\n useEffect(async () => {\r\n SecureStorage.setItem(STORAGE_KEYS.DASHBOARD_URL, '/swim/dashboard');\r\n window.scroll(0, 0);\r\n setLoader(true);\r\n await handleCountCall();\r\n handleList();\r\n }, []);\r\n\r\n const downLoadAssocitions = () => {\r\n setLoader(true);\r\n axios\r\n .get(\r\n GET_SWIMSAFETY_EXPORT_ASSOCIATION_API(\r\n startDate,\r\n endDate,\r\n Offset,\r\n includeAllYs\r\n ),\r\n {\r\n responseType: 'blob',\r\n headers: {\r\n 'Content-Type': 'blob',\r\n 'Access-Control-Allow-Credentials': true,\r\n 'Access-Control-Allow-Origin': window.location.origin,\r\n 'Ocp-Apim-Subscription-Key': APP_LABELS.APIM_KEY,\r\n Authorization: `Bearer ${get(authToken, 'token', '')}`\r\n }\r\n }\r\n )\r\n .then(response => {\r\n const downloadUrl = window.URL.createObjectURL(\r\n new Blob([response.data])\r\n );\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.setAttribute('download', 'YMCA-Associations.xlsx');\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoader(false);\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {APP_LABELS.NAV_DASHBOARD}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Range Selection \r\n {\r\n setSelectedRange(e.target.value);\r\n filterDate(e.target.value);\r\n }}\r\n defaultValue={90}\r\n >\r\n {DATE_ARRAY.map(items => (\r\n \r\n {items.name}\r\n \r\n ))}\r\n \r\n
\r\n
Or \r\n
\r\n\r\n
\r\n
From Date \r\n
\r\n {\r\n setStartDate(e.target.value);\r\n setEndDate('');\r\n }}\r\n value={startDate}\r\n disabled={selectedRange !== APP_LABELS.CUSTOM}\r\n className={`${selectedRange === APP_LABELS.CUSTOM\r\n ? ''\r\n : 'cursor-not-allowed ymca-disabled-section'\r\n } fieldSet mt-1`}\r\n min={moment(new Date('1/1/1901 12:00:00')).format(\r\n 'YYYY-MM-DD'\r\n )}\r\n // onKeyDown={e => {\r\n // e.preventDefault();\r\n // }}\r\n max={moment(new Date())\r\n .add(1, 'y')\r\n .format('YYYY-MM-DD')}\r\n />\r\n
\r\n
\r\n
\r\n
To Date \r\n
\r\n {\r\n setEndDate(e.target.value);\r\n }}\r\n // onKeyDown={e => {\r\n // e.preventDefault();\r\n // }}\r\n disabled={\r\n selectedRange !== APP_LABELS.CUSTOM ||\r\n startDate === ''\r\n }\r\n className={`${selectedRange !== APP_LABELS.CUSTOM ||\r\n startDate === ''\r\n ? 'cursor-not-allowed ymca-disabled-section'\r\n : ''\r\n } fieldSet mt-1`}\r\n value={endDate}\r\n min={\r\n selectedRange === APP_LABELS.CUSTOM\r\n ? moment(new Date(startDate))\r\n .add(1, 'days')\r\n .format('YYYY-MM-DD')\r\n : ''\r\n }\r\n max={\r\n moment(new Date())\r\n .add(1, 'Y')\r\n .format('YYYY-MM-DD')\r\n }\r\n />\r\n
\r\n
\r\n\r\n
\r\n
Associations \r\n
\r\n {\r\n setIncludeAllYs(e.target.checked);\r\n }}\r\n />\r\n \r\n Include all\r\n \r\n
\r\n
\r\n\r\n
\r\n {\r\n checkRoleGetData();\r\n }}\r\n disabled={\r\n (startDate === '' || endDate === '') &&\r\n selectedRange === APP_LABELS.CUSTOM\r\n }\r\n className=\"btn ymca-primary-btn apply-btn custom-align\"\r\n >\r\n Apply \r\n \r\n
\r\n
\r\n {\r\n setStartDate(defaultStartDate);\r\n setEndDate(defaultEndDate);\r\n setSelectedRange(90);\r\n setIncludeAllYs(true);\r\n handleList(defaultStartDate, defaultEndDate, true);\r\n handleCountCall(defaultStartDate, defaultEndDate, true);\r\n }}\r\n className=\"btn ymc-outlineBtn apply-btn custom-align\"\r\n >\r\n Clear\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
{countData?.associationsCount || 0} \r\n
Number of Associations
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
{countData?.branchesCount || 0} \r\n
Number of Branches
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
{countData?.swimProgramsCount || 0} \r\n
Number of Swim Programs
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
{countData?.profilesCount || 0} \r\n
Number of Profiles
\r\n
\r\n
\r\n
\r\n \r\n ) : (\r\n \r\n \r\n );\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {column.isSorted ? (\r\n getSortedDesc(column?.isSortedDesc)\r\n ) : (\r\n <>\r\n {column.Header !== 'Summary' &&\r\n column.Header !== '' ? (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n {\r\n setPageSize(Number(e.target.value));\r\n }}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
Entries Per Page
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {caluclatePageEntries()} to {caluclatePageToEntries()} of{' '}\r\n {caluclatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n setLoader: PropTypes.func.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!'\r\n};\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string\r\n};\r\n\r\nexport default Table;\r\n","const ADMIN_DASHBOARD_COLUMNS = () => [\r\n {\r\n Header: 'SWIM PROGRAM',\r\n accessor: 'yName',\r\n className: 'notranslate ymca-word-break ymca-text-primary'\r\n },\r\n {\r\n Header: 'YEAR',\r\n accessor: 'associationNumber',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'START DATE',\r\n accessor: 'physicalCity',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'END DATE',\r\n accessor: 'physicalState',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'INSTRUCTOR NAME',\r\n accessor: 'lastUploadedDate',\r\n className: 'notranslate '\r\n },\r\n {\r\n Header: 'ASSOCIATION NAME',\r\n accessor: '',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'NO. OF SESSIONS',\r\n accessor: '',\r\n className: 'notranslate'\r\n }\r\n];\r\n\r\nexport default ADMIN_DASHBOARD_COLUMNS;\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport Breadcrumb from '@static/images/breadcrumb-icon.svg';\r\nimport Table from './table';\r\nimport ADMIN_DASHBOARD_COLUMNS from './columns';\r\n\r\nconst Dashboard = () => (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n {APP_LABELS.SWIM_PROGRAM}\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.SWIM_PROGRAM}\r\n \r\n \r\n
\r\n
\r\n \r\n + {APP_LABELS.ADD_SWIM_PROGRAM}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n ) : (\r\n \r\n \r\n );\r\n return (\r\n <>\r\n \r\n
\r\n
\r\n
Total Profiles \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {column.isSorted ? (\r\n getSortedDesc(column?.isSortedDesc)\r\n ) : (\r\n <>\r\n {column.Header !== 'Summary' &&\r\n column.Header !== '' ? (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n {\r\n setPageSize(Number(e.target.value));\r\n }}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
Entries Per Page
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {caluclatePageEntries()} to {caluclatePageToEntries()}{' '}\r\n of {caluclatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n setLoader: PropTypes.func.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!'\r\n};\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string\r\n};\r\n\r\nexport default Table;\r\n","const SWIM_ASSOCIATION_COLUMNS = () => [\r\n {\r\n Header: 'Reference ID',\r\n accessor: 'profileId',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Birth Date',\r\n accessor: 'childBirthDate',\r\n className: 'notranslate'\r\n },\r\n\r\n {\r\n Header: 'Gender',\r\n accessor: 'gender',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Ethnicity',\r\n accessor: 'ethnicity',\r\n className: 'notranslate '\r\n },\r\n\r\n {\r\n Header: 'Actions',\r\n accessor: 'details',\r\n className: 'notranslate'\r\n }\r\n];\r\n\r\nexport default SWIM_ASSOCIATION_COLUMNS;\r\n","export default __webpack_public_path__ + \"fall-river.svg\";","export default __webpack_public_path__ + \"swim-green.svg\";","export default __webpack_public_path__ + \"program-instructor.svg\";","export default __webpack_public_path__ + \"program-dates.svg\";","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport convertUtcToLocal from '@utilities/ConvertTimezone';\r\nimport BranchIcon from '@static/images/swimRegistration/fall-river.svg';\r\nimport SwimGreen from '@static/images/swimRegistration/swim-green.svg';\r\nimport ProgramInstructor from '@static/images/swimRegistration/program-instructor.svg';\r\nimport ProgramDates from '@static/images/swimRegistration/program-dates.svg';\r\n\r\nconst CardsList = ({ cardDetails }) => (\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n {cardDetails?.branch?.branchname ||\r\n cardDetails?.branch?.branchName ||\r\n ''}\r\n \r\n
Branch
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n {cardDetails?.program?.programName || ''}\r\n \r\n
Program Name
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n {cardDetails?.program?.instructorName || ''}\r\n \r\n
Program Instructor Name
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n {cardDetails?.program?.startDate\r\n ? convertUtcToLocal(\r\n cardDetails?.program?.startDate,\r\n 'DD MMM YYYY'\r\n )\r\n : ''}{' '}\r\n |{' '}\r\n {cardDetails?.program?.endDate\r\n ? convertUtcToLocal(\r\n cardDetails?.program?.endDate,\r\n 'DD MMM YYYY'\r\n )\r\n : ''}\r\n \r\n
Program Start Date & End Date
\r\n
\r\n
\r\n
\r\n);\r\n\r\nCardsList.propTypes = {\r\n cardDetails: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nexport default CardsList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport get from 'lodash.get';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport crossiconblue from '@static/images/cross-icon-blue.svg';\r\nimport convertUtcToLocal from '@utilities/ConvertTimezone';\r\nimport { connect } from 'react-redux';\r\nimport { AssociationNumberSelector } from '@redux/dashboard/selectors';\r\n\r\nconst ViewDetailsPopup = props => {\r\n const {\r\n popupTitle,\r\n popupData,\r\n showViewDetailsPopup,\r\n handleCloseNewStaffPopup,\r\n AssociationNumberData\r\n } = props;\r\n\r\n const { profileDetails, programDeatils } = popupData;\r\n\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n\r\n const showHideClassName = showViewDetailsPopup\r\n ? 'modal d-block'\r\n : 'modal d-none';\r\n return (\r\n \r\n \r\n
\r\n
\r\n
{popupTitle}
\r\n
\r\n \r\n
\r\n {/*
*/}\r\n\r\n
Program Details
\r\n
\r\n
\r\n
\r\n {APP_LABELS.ASSOCIATION_NAME}\r\n
\r\n
\r\n {get(associateData, 'associationName') ||\r\n get(\r\n AssociationNumberData,\r\n 'data.association.associationName'\r\n )}\r\n
\r\n
\r\n
\r\n
Branch Name
\r\n
\r\n {get(profileDetails, 'branchName', '')\r\n ? get(profileDetails, 'branchName', '')\r\n : get(programDeatils?.branch, 'branchname', '')}\r\n
\r\n
\r\n
\r\n
Program Name
\r\n
\r\n {get(programDeatils?.program, 'programName', '')}\r\n
\r\n
\r\n
\r\n
Start Date
\r\n
\r\n {convertUtcToLocal(\r\n get(programDeatils?.program, 'startDate', ''),\r\n 'DD MMM YYYY'\r\n )}\r\n
\r\n
\r\n
\r\n
End Date
\r\n
\r\n {convertUtcToLocal(\r\n get(programDeatils?.program, 'endDate', ''),\r\n 'DD MMM YYYY'\r\n )}\r\n
\r\n
\r\n
\r\n
Instructor Name
\r\n
\r\n {get(programDeatils?.program, 'instructorName', '')}\r\n
\r\n
\r\n
\r\n
\r\n
Profile Details
\r\n
\r\n
\r\n
Reference ID
\r\n
\r\n {get(profileDetails, 'profileId', '')}\r\n
\r\n
\r\n
\r\n
Student Birth Date
\r\n
\r\n {get(profileDetails, 'childBirthDate') &&\r\n get(profileDetails, 'childBirthDate') !==\r\n '0001-01-01T00:00:00'\r\n ? convertUtcToLocal(\r\n get(profileDetails, 'childBirthDate'),\r\n 'DD MMM YYYY'\r\n )\r\n : '-'}\r\n
\r\n
\r\n
\r\n
Gender
\r\n
\r\n {get(profileDetails, 'gender', null) || '-'}\r\n
\r\n
\r\n
\r\n
Ethnicity
\r\n
\r\n {get(profileDetails, 'ethnicity', null) || '-'}\r\n
\r\n
\r\n
\r\n
\r\n How Did You Hear About This Program\r\n
\r\n
\r\n {get(profileDetails, 'howDidYouHear', null) || '-'}\r\n
\r\n
\r\n
\r\n
\r\n Is Your Student New To The Y\r\n
\r\n
\r\n {get(profileDetails, 'childNewToTheY', null) || '-'}\r\n
\r\n
\r\n
\r\n
\r\n What Level Of SAW Student Enrolled\r\n
\r\n
\r\n {get(profileDetails, 'levelOfSAW', null) || '-'}\r\n
\r\n
\r\n
\r\n
Zip Code
\r\n
\r\n {get(profileDetails, 'zipCode', null) || '-'}\r\n
\r\n
\r\n
\r\n
\r\n Was Student Able To Submerge Their Face Lesson 1\r\n
\r\n
\r\n {get(profileDetails, 'submergeTheirFaceLesson1', null) || '-'}\r\n
\r\n
\r\n
\r\n
\r\n Was Student Able To Submerge Their Face Lesson 8\r\n
\r\n
\r\n {get(profileDetails, 'submergeTheirFaceLesson8', null) || '-'}\r\n
\r\n
\r\n
\r\n
\r\n Bob Independently Lesson 1\r\n
\r\n
\r\n {get(profileDetails, 'bobIndependentlyLesson1', null) || '-'}\r\n
\r\n
\r\n
\r\n
\r\n Bob Independently Lesson 8\r\n
\r\n
\r\n {get(profileDetails, 'bobIndependentlyLesson8', null) || '-'}\r\n
\r\n
\r\n
\r\n
\r\n Front Glide 5ft Lesson 1\r\n
\r\n
\r\n {get(profileDetails, 'frontGlide5ftLesson1', null) || '-'}\r\n
\r\n
\r\n\r\n
\r\n
\r\n Front Glide 5ft Lesson 8\r\n
\r\n
\r\n {get(profileDetails, 'frontGlide5ftLesson8', null) || '-'}\r\n
\r\n
\r\n
\r\n
Pool Lesson 1
\r\n
\r\n {get(profileDetails, 'poolLesson1', null) || '-'}\r\n
\r\n
\r\n
\r\n
Pool Lesson 8
\r\n
\r\n {get(profileDetails, 'poolLesson8', null) || '-'}\r\n
\r\n
\r\n
\r\n
\r\n Float Swim 10ft Lesson 1\r\n
\r\n
\r\n {get(profileDetails, 'floatSwim10ftLesson1', null) || '-'}\r\n
\r\n
\r\n
\r\n
\r\n Float Swim 10ft Lesson 8\r\n
\r\n
\r\n {get(profileDetails, 'floatSwim10ftLesson8', null) || '-'}\r\n
\r\n
\r\n
\r\n
\r\n Jump Independently Lesson 1\r\n
\r\n
\r\n {get(profileDetails, 'jumpIndependentlyLesson1', null) || '-'}\r\n
\r\n
\r\n
\r\n
\r\n Jump Independently Lesson 8\r\n
\r\n
\r\n {get(profileDetails, 'jumpIndependentlyLesson8', null) || '-'}\r\n
\r\n
\r\n {/*
\r\n
Independently Lesson 8
\r\n
\r\n {get(profileDetails, 'floatSwim10ftLesson8', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
*/}\r\n
\r\n
Grab Assisted Lesson 1
\r\n
\r\n {get(profileDetails, 'grabAssistedLesson1', null) || '-'}\r\n
\r\n
\r\n
\r\n
Grab Assisted Lesson 8
\r\n
\r\n {get(profileDetails, 'grabAssistedLesson8', null) || '-'}\r\n
\r\n
\r\n
\r\n
\r\n Grab Independently Lesson 1\r\n
\r\n
\r\n {get(profileDetails, 'grabIndependentlyLesson1', null) || '-'}\r\n
\r\n
\r\n
\r\n
\r\n Grab Independently Lesson 8\r\n
\r\n
\r\n {get(profileDetails, 'grabIndependentlyLesson8', null) || '-'}\r\n
\r\n
\r\n
\r\n
\r\n Can Your Student Jump Into The Water And Safely Exit The Pool\r\n Without Help\r\n
\r\n
\r\n {get(profileDetails, 'safelyExitThePoolWithoutHelp', null) ||\r\n '-'}\r\n
\r\n
\r\n
\r\n
\r\n Has Your Student Ever Had Swim Lessons Before\r\n
\r\n
\r\n {get(profileDetails, 'safelyExitThePoolWithoutHelp', null) ||\r\n '-'}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{\r\n getSwimProfileDetails(data?.id);\r\n }}\r\n className=\"table-link swim-viewdetails-btn btn\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n {!APP_LABELS.VIEWER_PERMISSION_ROLES.includes(role) && (\r\n <>\r\n | \r\n selectedProfileData(data)}\r\n >\r\n Edit\r\n \r\n | \r\n handleDeletePopup(data.id)}\r\n >\r\n Delete \r\n \r\n \r\n )}\r\n \r\n )\r\n };\r\n });\r\n\r\n useEffect(async () => {\r\n setLoader(true);\r\n setCardDetails(FetchSelectedProgramSelector);\r\n profileListAPICall();\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
setShowPopup(false)}\r\n popupTitle=\"Profile Details\"\r\n popupData={{\r\n profileDetails: selectedProfile,\r\n programDeatils: cardDetails\r\n }}\r\n />\r\n \r\n );\r\n};\r\n\r\nDashboard.propTypes = {\r\n handleSwimProfilesByProgramId: PropTypes.func.isRequired,\r\n getSwimProfile: PropTypes.func.isRequired,\r\n handleGetProfileDelete: PropTypes.func.isRequired,\r\n FetchSelectedProgramSelector: PropTypes.objectOf(PropTypes.any).isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n FetchSelectedProgramSelector: SwimSelectedProgramSelector(state),\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n handleSwimProfilesByProgramId: getSwimProfilesByProgramId,\r\n getSwimProfile: getSwimSafetyProfileDetails,\r\n handleGetProfileDelete: getSwimSafetyProfileDelete\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Dashboard);\r\n","import {\r\n GET_SWIMSAFETY_PROGRAMS_LIST_API,\r\n GET_SWIMSAFETY_PROGRAMS_DETAILS_API,\r\n GET_SWIMSAFETY_ADD_OR_UPDATE_API,\r\n GET_SWIMSAFETY_DELETE_API,\r\n GET_SWIMSAFETY_PROGRAMS_BY_BRANCH_API,\r\n GET_SWIMSAFETY_PROGRAMS_BY_FILTERS_API\r\n} from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getSwimSafetyProgramsList =\r\n AssociationId => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_SWIMSAFETY_PROGRAMS_LIST_API(AssociationId),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.SWIMSAFETY_PROGRAMS_LIST_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.SWIMSAFETY_PROGRAMS_API_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getSwimSafetyProgramsDetails =\r\n AssociationId => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_SWIMSAFETY_PROGRAMS_DETAILS_API(AssociationId),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.SWIMSAFETY_PROGRAMS_DETAILS_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.SWIMSAFETY_PROGRAMS_DETAILS_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getSwimSafetyProgramsAddORupdate =\r\n bodyObject => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_SWIMSAFETY_ADD_OR_UPDATE_API(),\r\n method: 'POST',\r\n data: bodyObject,\r\n successAction: data => ({\r\n type: types.SWIMSAFETY_PROGRAMS_UPDATE_OR_ADD_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.SWIMSAFETY_PROGRAMS_UPDATE_OR_ADD_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getSwimSafetyProgramsDelete = DeleteId => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_SWIMSAFETY_DELETE_API(DeleteId),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.SWIMSAFETY_PROGRAMS_DELETE_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.SWIMSAFETY_PROGRAMS_API_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getSwimProgramsByBranchId = BranchId => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_SWIMSAFETY_PROGRAMS_BY_BRANCH_API(BranchId),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.SWIMSAFETY_PROGRAMS_BY_BRANCHES_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.SWIMSAFETY_PROGRAMS_API_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getSwimSafetyProgramsByFilters =\r\n (startDate, endDate, Offset, ShowAll, associationNumber) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_SWIMSAFETY_PROGRAMS_BY_FILTERS_API(\r\n startDate,\r\n endDate,\r\n Offset,\r\n ShowAll,\r\n associationNumber\r\n ),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.SWIMSAFETY_PROGRAMS_BY_FILTERS_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.SWIMSAFETY_PROGRAMS_BY_FILTERS_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","export const SWIMSAFETY_BRANCH_LIST_SUCCESS = 'SWIMSAFETY_BRANCH_LIST_SUCCESS';\r\n\r\nexport const SWIMSAFETY_BRANCH_DETAILS_SUCCESS =\r\n 'SWIMSAFETY_BRANCH_DETAILS_SUCCESS';\r\n\r\nexport const SWIMSAFETY_BRANCH_UPDATE_OR_ADD_SUCCESS =\r\n 'SWIMSAFETY_BRANCH_UPDATE_OR_ADD_SUCCESS';\r\n\r\nexport const SWIMSAFETY_BRANCH_API_FAILURE = 'SWIMSAFETY_BRANCH_API_FAILURE';\r\n\r\nexport const SWIMSAFETY_BRANCH_DELETE_SUCCESS =\r\n 'SWIMSAFETY_BRANCH_DELETE_SUCCESS';\r\n\r\nexport const SWIMSAFETY_BRANCH_DELETE_FAILURE =\r\n 'SWIMSAFETY_BRANCH_DELETE_FAILURE';\r\n\r\nexport const SWIMSAFETY_BRANCHES_BY_FILTERS_SUCCESS =\r\n 'SWIMSAFETY_BRANCHES_BY_FILTERS_SUCCESS';\r\n\r\nexport const SWIMSAFETY_BRANCHES_BY_FILTERS_FAILURE =\r\n 'SWIMSAFETY_BRANCHES_BY_FILTERS_FAILURE';\r\n","import {\r\n GET_SWIMSAFETY_BRANCH_LIST_API,\r\n GET_SWIMSAFETY_BRANCH_DETAILS_API,\r\n GET_SWIMSAFETY_ADD_OR_UPDATE_BARNCH_API,\r\n GET_SWIMSAFETY_BRANCH_DELETE_API,\r\n GET_SWIMSAFETY_BRANCHES_BY_FILTERS_API\r\n} from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getSwimSafetyBranchList = AssociationId => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_SWIMSAFETY_BRANCH_LIST_API(AssociationId),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.SWIMSAFETY_BRANCH_LIST_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.SWIMSAFETY_BRANCH_API_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getSwimSafetyBranchDetails =\r\n AssociationId => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_SWIMSAFETY_BRANCH_DETAILS_API(AssociationId),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.SWIMSAFETY_BRANCH_DETAILS_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.SWIMSAFETY_BRANCH_API_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getSwimSafetyBranchAddORupdate =\r\n AssociationId => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_SWIMSAFETY_ADD_OR_UPDATE_BARNCH_API(AssociationId),\r\n method: 'POST',\r\n successAction: data => ({\r\n type: types.SWIMSAFETY_BRANCH_UPDATE_OR_ADD_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.SWIMSAFETY_BRANCH_API_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getSwimSafetyBranchDelete = DeleteId => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_SWIMSAFETY_BRANCH_DELETE_API(DeleteId),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.SWIMSAFETY_BRANCH_DELETE_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.SWIMSAFETY_BRANCH_DELETE_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getSwimSafetyBranchesByFilters =\r\n (startDate, endDate, Offset,ShowAll, associationNumber) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_SWIMSAFETY_BRANCHES_BY_FILTERS_API(\r\n startDate,\r\n endDate,\r\n Offset,\r\n ShowAll,\r\n associationNumber\r\n ),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.SWIMSAFETY_BRANCHES_BY_FILTERS_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.SWIMSAFETY_BRANCHES_BY_FILTERS_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","const GrantList = {\r\n data: [\r\n {\r\n id: 1,\r\n attributes: {\r\n GrantName: 'SIF Swim Lessons Grants 2024',\r\n Year: '2024',\r\n createdAt: '2023-08-31T12:32:07.338Z',\r\n updatedAt: '2023-08-31T12:32:08.953Z',\r\n publishedAt: '2023-08-31T12:32:08.948Z'\r\n }\r\n },\r\n {\r\n id: 2,\r\n attributes: {\r\n GrantName: 'SIF Community Engagement Grants 2024',\r\n Year: '2024',\r\n createdAt: '2023-08-31T12:32:24.297Z',\r\n updatedAt: '2023-08-31T12:32:26.294Z',\r\n publishedAt: '2023-08-31T12:32:26.290Z'\r\n }\r\n },\r\n {\r\n id: 3,\r\n attributes: {\r\n GrantName: 'CDC Community Engagement Project 2023-2024',\r\n Year: '2024',\r\n createdAt: '2023-08-31T12:32:56.224Z',\r\n updatedAt: '2023-08-31T12:32:57.846Z',\r\n publishedAt: '2023-08-31T12:32:57.842Z'\r\n }\r\n },\r\n {\r\n id: 4,\r\n attributes: {\r\n GrantName: 'CDC Autism Swim Project 2023-2024',\r\n Year: '2024',\r\n createdAt: '2023-08-31T12:33:18.766Z',\r\n updatedAt: '2023-08-31T12:33:20.416Z',\r\n publishedAt: '2023-08-31T12:33:20.412Z'\r\n }\r\n },\r\n {\r\n id: 5,\r\n attributes: {\r\n GrantName: 'Florida Alliance Grants',\r\n Year: '2024',\r\n createdAt: '2023-08-31T12:33:38.835Z',\r\n updatedAt: '2023-08-31T12:33:40.319Z',\r\n publishedAt: '2023-08-31T12:33:40.315Z'\r\n }\r\n },\r\n {\r\n id: 6,\r\n attributes: {\r\n GrantName: 'SIF Teen/Adult Swim Lesson 2024 ',\r\n Year: '2024',\r\n createdAt: '2023-08-31T12:33:54.745Z',\r\n updatedAt: '2023-08-31T12:33:56.261Z',\r\n publishedAt: '2023-08-31T12:33:56.255Z'\r\n }\r\n },\r\n {\r\n id: 7,\r\n attributes: {\r\n GrantName: '2025 SIF Swim Lesson Grant',\r\n Year: '2025',\r\n createdAt: '2023-08-31T12:32:07.338Z',\r\n updatedAt: '2023-08-31T12:32:08.953Z',\r\n publishedAt: '2023-08-31T12:32:08.948Z'\r\n }\r\n },\r\n {\r\n id: 8,\r\n attributes: {\r\n GrantName: '2025 SIF Building Aquatic Trust Grant',\r\n Year: '2025',\r\n createdAt: '2023-08-31T12:32:24.297Z',\r\n updatedAt: '2023-08-31T12:32:26.294Z',\r\n publishedAt: '2023-08-31T12:32:26.290Z'\r\n }\r\n },\r\n {\r\n id: 9,\r\n attributes: {\r\n GrantName: '2025 CDC Autism Swim Skills Grant',\r\n Year: '2025',\r\n createdAt: '2023-08-31T12:32:56.224Z',\r\n updatedAt: '2023-08-31T12:32:57.846Z',\r\n publishedAt: '2023-08-31T12:32:57.842Z'\r\n }\r\n },\r\n {\r\n id: 10,\r\n attributes: {\r\n GrantName: '2025 CDC CBO Swim Skills Grant',\r\n Year: '2025',\r\n createdAt: '2023-08-31T12:33:18.766Z',\r\n updatedAt: '2023-08-31T12:33:20.416Z',\r\n publishedAt: '2023-08-31T12:33:20.412Z'\r\n }\r\n },\r\n {\r\n id: 11,\r\n attributes: {\r\n GrantName: '2025 Florida Alliance Grant',\r\n Year: '2025',\r\n createdAt: '2023-08-31T12:33:38.835Z',\r\n updatedAt: '2023-08-31T12:33:40.319Z',\r\n publishedAt: '2023-08-31T12:33:40.315Z'\r\n }\r\n }\r\n\r\n // {\r\n // id: 6,\r\n // attributes: {\r\n // GrantName: 'SIF Teen/Adult Swim Lesson 2024 ',\r\n // createdAt: '2023-08-31T12:33:54.745Z',\r\n // updatedAt: '2023-08-31T12:33:56.261Z',\r\n // publishedAt: '2023-08-31T12:33:56.255Z'\r\n // }\r\n // }\r\n ]\r\n};\r\n\r\nexport default GrantList;\r\n","import React, { useState, useEffect } from 'react';\r\nimport * as Yup from 'yup';\r\nimport Select from 'react-select';\r\nimport moment from 'moment';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { Formik, Form, Field, ErrorMessage } from 'formik';\r\nimport { APP_LABELS, CDP, REGEX } from '@config/app-config';\r\nimport TextError from '@modules/shared/components/reusable-components/text-error';\r\nimport BlockUi from 'react-block-ui';\r\nimport { connect } from 'react-redux';\r\nimport { Loader } from 'react-loaders';\r\nimport get from 'lodash.get';\r\nimport {\r\n getSwimSafetyProgramsDetails,\r\n getSwimSafetyProgramsAddORupdate\r\n} from '@redux/siwm-safety/swim-programs/actions';\r\nimport PropTypes from 'prop-types';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport { getSwimAssociationDropdown } from '@redux/siwm-safety/dashboard/actions';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport { getSwimSafetyBranchList } from '@redux/siwm-safety/swim-branches/actions';\r\nimport commonAxios from '@utilities/CommonAxios';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport GrantList from './grant-list-strapi';\r\n\r\nconst { ALPHABETSWITHHYPHEN, NUMERIC, ALPHANUMERICWITHSPACESANDHYPHEN } = REGEX;\r\n\r\nconst AddProgram = props => {\r\n const {\r\n getSwimProgram,\r\n saveSwimProgram,\r\n handlegetAssociationList,\r\n handleSwimSafetyBranchList,\r\n LoginUserData\r\n } = props;\r\n const role = get(LoginUserData, 'user.role[0]');\r\n const [loader, setLoader] = useState(false);\r\n const [associationList, setAssociationList] = useState([]);\r\n const [branchDropdown, setBranchDropdown] = useState([]);\r\n const [grantDropdown, setGrantDropdown] = useState([]);\r\n const [programData, setProgramData] = useState({});\r\n const [redirect, setRedirect] = useState(false);\r\n const [successPopup, setSuccessPopup] = useState(false);\r\n const [successMessage, setSuccessMessage] = useState('');\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n\r\n const associationNumber = get(associateData, 'associationNumber', '')\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', '');\r\n\r\n const swimProgramData = JSON.parse(\r\n sessionStorage.getItem('selected_swimprogram')\r\n );\r\n const programId = get(swimProgramData, 'id', '');\r\n\r\n const handleRemoveStartWhiteSpaces = (e, setFieldValue, fieldName) => {\r\n const value = e.target.value.trimStart();\r\n setFieldValue(fieldName, value);\r\n };\r\n\r\n const validationObj = {\r\n association: Yup.string().nullable().required('* Association is required.'),\r\n branch: Yup.string().nullable().required('* Branch is required.'),\r\n programName: Yup.string()\r\n .nullable()\r\n .matches(\r\n ALPHANUMERICWITHSPACESANDHYPHEN,\r\n '* Program Name should only have Alphabets, Numbers, Hyphens and Spaces.'\r\n )\r\n .max(99, '* Program Name length should be less than 100 Charecters.')\r\n .required('* Program Name is required.'),\r\n startDate: Yup.string().nullable().required('* Start date is required.'),\r\n endDate: Yup.string().nullable().required('* End date is required.'),\r\n instructorName: Yup.string()\r\n .nullable()\r\n .matches(\r\n ALPHABETSWITHHYPHEN,\r\n '* Instructor Name should only have Alphabets, Hyphens and Spaces.'\r\n )\r\n .max(99, '* Instructor Name length should be less than 100 Charecters.')\r\n .required('* Instructor name is required.'),\r\n noOfLessons: Yup.string()\r\n .nullable()\r\n .matches(NUMERIC, '* NO. of Lessons should only be Numbers.')\r\n .max(3, '* Number of Lessons should be less than 1000')\r\n .required('* Number of Lessons is required.'),\r\n lengthOfLessons: Yup.string()\r\n .matches(NUMERIC, '* Length of each swim class should only be Numbers.')\r\n .nullable()\r\n .required('* Length of each swim class is required.'),\r\n partOfGrandFunded: Yup.string().required(\r\n '* Part of a grant funded Project is required.'\r\n ),\r\n grantId: Yup.object()\r\n .shape({ value: Yup.string(), label: Yup.string() })\r\n .nullable()\r\n .when('partOfGrandFunded', {\r\n is: 'true',\r\n then: Yup.object()\r\n .shape({ value: Yup.string(), label: Yup.string() })\r\n .nullable()\r\n .required('* Special Project / Grant is required.')\r\n }),\r\n sawLessonPlan: Yup.string().required(\r\n '* Followed SAW lesson plan is required.'\r\n )\r\n };\r\n const validationSchema = Yup.object(validationObj);\r\n\r\n const getSwimProgramDetails = () => {\r\n getSwimProgram(programId).then(result => {\r\n if (result?.data?.data) {\r\n setProgramData(result?.data);\r\n }\r\n });\r\n };\r\n\r\n const initialValues = {\r\n association: associationNumber,\r\n branch: '',\r\n programName: '',\r\n startDate: '',\r\n endDate: '',\r\n instructorName: '',\r\n noOfLessons: '',\r\n lengthOfLessons: '',\r\n sawLessonPlan: '',\r\n partOfGrandFunded: '',\r\n grantId: null\r\n };\r\n\r\n const setEditValues = () => {\r\n let editValues = {\r\n association: associationNumber,\r\n branch: '',\r\n programName: '',\r\n startDate: '',\r\n endDate: '',\r\n instructorName: '',\r\n noOfLessons: '',\r\n lengthOfLessons: '',\r\n sawLessonPlan: '',\r\n partOfGrandFunded: '',\r\n grantId: null\r\n };\r\n\r\n if (programData?.data) {\r\n editValues = {\r\n ...editValues,\r\n branch: programData?.data?.branchId.toString(),\r\n programName: programData?.data?.programName,\r\n startDate: programData?.data?.startDate.split('T')[0],\r\n endDate: programData?.data?.endDate.split('T')[0],\r\n instructorName: programData?.data?.instructorName,\r\n noOfLessons: programData?.data?.noOfLessons,\r\n lengthOfLessons: programData?.data?.lengthOfLessons,\r\n sawLessonPlan: programData?.data?.isFollowSAWLessonPlans\r\n ? 'true'\r\n : 'false',\r\n partOfGrandFunded: programData?.data?.specialGrant ? 'true' : 'false',\r\n grantId: programData?.data?.specialGrant\r\n ? {\r\n value: programData?.data?.specialGrant,\r\n label: programData?.data?.specialGrant\r\n }\r\n : null\r\n };\r\n }\r\n return editValues;\r\n };\r\n\r\n const onSubmit = values => {\r\n const payloadBody = {\r\n id: programId || 0,\r\n programName: values.programName,\r\n startDate: values.startDate,\r\n endDate: values.endDate,\r\n branchId: parseInt(values.branch, 10),\r\n instructorName: values.instructorName,\r\n noOfLessons: parseInt(values.noOfLessons, 10),\r\n lengthOfLessons: values.lengthOfLessons,\r\n isFollowSAWLessonPlans: values.sawLessonPlan === 'true',\r\n specialGrant:\r\n values.partOfGrandFunded === 'true' ? values.grantId.value : ''\r\n };\r\n setLoader(true);\r\n saveSwimProgram(payloadBody)\r\n .then(res => {\r\n if (res.status === 200) {\r\n setLoader(false);\r\n setSuccessPopup(true);\r\n setSuccessMessage(\r\n programId\r\n ? APP_LABELS.SWIMPROGRAM_UPDATED_MESSAGE\r\n : APP_LABELS.SWIMPROGRAM_SUCCESS_MESSAGE\r\n );\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n setLoader(true);\r\n if (programId) getSwimProgramDetails();\r\n commonAxios({\r\n url: '/grant-name-lists',\r\n method: 'GET',\r\n headers: {\r\n Authorization: `Bearer ${sessionStorage.getItem('strapitoken')}`\r\n }\r\n })\r\n .then(res => {\r\n const data = res?.data?.data?.map(item => ({\r\n ...item,\r\n label: item?.attributes?.GrantName,\r\n value: item?.attributes?.GrantName\r\n }));\r\n if (role !== APP_LABELS.YUSA_DATA_STEWARD) {\r\n setGrantDropdown(\r\n data.filter(\r\n grant => grant.attributes.Year >= new Date().getFullYear()\r\n )\r\n );\r\n } else {\r\n setGrantDropdown(data);\r\n }\r\n })\r\n .catch(() => {\r\n const data = GrantList?.data?.map(item => ({\r\n ...item,\r\n label: item?.attributes?.GrantName,\r\n value: item?.attributes?.GrantName\r\n }));\r\n if (role !== APP_LABELS.YUSA_DATA_STEWARD) {\r\n setGrantDropdown(\r\n data.filter(\r\n grant => grant.attributes.Year >= new Date().getFullYear()\r\n )\r\n );\r\n } else {\r\n setGrantDropdown(data);\r\n }\r\n });\r\n\r\n handlegetAssociationList().then(result => {\r\n if (result?.data?.data) {\r\n setAssociationList(result?.data?.data);\r\n }\r\n });\r\n\r\n handleSwimSafetyBranchList(get(associateData, 'associationNumber', ''))\r\n .then(result => {\r\n if (result?.data?.data) {\r\n setBranchDropdown(result?.data?.data?.branches);\r\n }\r\n setLoader(false);\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n\r\n return () => {\r\n sessionStorage.removeItem('selected_swimprogram');\r\n };\r\n }, []);\r\n\r\n const validate = values => {\r\n const errors = {};\r\n if (values.lengthOfLessons && Number(values.lengthOfLessons) + 1 === 1) {\r\n errors.lengthOfLessons = 'Invalid Length Of Lessons';\r\n }\r\n return errors;\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {programId\r\n ? APP_LABELS.EDIT_SWIM_PROGRAM\r\n : APP_LABELS.ADD_SWIM_PROGRAM}\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n {({ values, handleChange, setFieldValue }) => (\r\n \r\n \r\n
\r\n
\r\n \r\n {APP_LABELS.ASSOCIATION_NAME}\r\n * \r\n \r\n \r\n {CDP.SELECT_DEFAULT} \r\n {associationList?.map(data => (\r\n \r\n {data.name}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n {APP_LABELS.BRANCH}\r\n * \r\n \r\n \r\n {CDP.SELECT_DEFAULT} \r\n {branchDropdown?.map(data => (\r\n \r\n {data.branchname}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n {APP_LABELS.PROGRAM_DETAILS}\r\n \r\n \r\n
\r\n
\r\n
\r\n {APP_LABELS.PROGRAM_NAME}\r\n * \r\n \r\n
\r\n {\r\n handleRemoveStartWhiteSpaces(\r\n e,\r\n setFieldValue,\r\n 'programName'\r\n );\r\n }}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.START_DATE}\r\n * \r\n \r\n
\r\n {\r\n setFieldValue('endDate', '');\r\n handleChange(e, setFieldValue, 'startDate');\r\n }}\r\n value={values.startDate}\r\n // onKeyDown={e => {\r\n // e.preventDefault();\r\n // }}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.END_DATE}\r\n * \r\n \r\n
\r\n {\r\n // e.preventDefault();\r\n // }}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.INSTRUCTOR_NAME}\r\n * \r\n \r\n
\r\n {\r\n handleRemoveStartWhiteSpaces(\r\n e,\r\n setFieldValue,\r\n 'instructorName'\r\n );\r\n }}\r\n />\r\n
\r\n
\r\n\r\n
\r\n
\r\n Number of lesson in the session{/* */}\r\n * \r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n Length of each swim class (minutes){/* */}\r\n * \r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n Followed SAW lesson plan{/* */}\r\n * \r\n \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n Is this program part of a special project or\r\n grant?{/* */}\r\n * \r\n \r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n {values.partOfGrandFunded === 'true' && (\r\n
\r\n \r\n Special Project / Grant{/* */}\r\n * \r\n \r\n \r\n setFieldValue('grantId', value)\r\n }\r\n placeholder=\"Select\"\r\n options={grantDropdown}\r\n isClearable\r\n />\r\n\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n \r\n {programId ? APP_LABELS.UPDATE : APP_LABELS.SAVE}\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n
\r\n
\r\n
{\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n {successPopup && (\r\n {\r\n setRedirect(true);\r\n }}\r\n />\r\n )}\r\n \r\n );\r\n};\r\n\r\nAddProgram.propTypes = {\r\n getSwimProgram: PropTypes.func.isRequired,\r\n saveSwimProgram: PropTypes.func.isRequired,\r\n handlegetAssociationList: PropTypes.func.isRequired,\r\n handleSwimSafetyBranchList: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n getSwimProgram: getSwimSafetyProgramsDetails,\r\n saveSwimProgram: getSwimSafetyProgramsAddORupdate,\r\n handlegetAssociationList: getSwimAssociationDropdown,\r\n handleSwimSafetyBranchList: getSwimSafetyBranchList\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(AddProgram));\r\n","/* eslint-disable no-nested-ternary */\r\nimport React from 'react';\r\nimport {\r\n useTable,\r\n useGlobalFilter,\r\n usePagination,\r\n useSortBy\r\n} from 'react-table';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport SearchIcon from '@static/images/search-icon.svg';\r\nimport PreviousIcon from '@static/images/previous-icon.svg';\r\nimport NextIcon from '@static/images/Next-icon.svg';\r\nimport SortUpIcon from '@static/images/sorting-icon-up.svg';\r\nimport SortDownIcon from '@static/images/sorting-icon-down.svg';\r\nimport FirstIcon from '@static/images/first-icon.svg';\r\nimport LastIcon from '@static/images/Last-icon.svg';\r\n\r\nconst Table = props => {\r\n const { rows, headers, hiddenColumns, noRecordMessage, title } = props;\r\n const columns = headers;\r\n const data = rows || [];\r\n const {\r\n getTableProps,\r\n getTableBodyProps,\r\n headerGroups,\r\n page,\r\n nextPage,\r\n previousPage,\r\n canNextPage,\r\n canPreviousPage,\r\n gotoPage,\r\n pageCount,\r\n prepareRow,\r\n state,\r\n setGlobalFilter,\r\n setPageSize,\r\n rows: filteredRows\r\n } = useTable(\r\n {\r\n columns,\r\n data,\r\n disableSortRemove: true,\r\n defaultCanSort: true,\r\n initialState: {\r\n // Use your own data structure and add as many columns that need sorting by default\r\n // sortBy: [{ uploadedDateTime: data.uploadedDateTime, desc: true }],\r\n pageSize: 25,\r\n hiddenColumns: hiddenColumns || []\r\n }\r\n },\r\n useGlobalFilter,\r\n useSortBy,\r\n usePagination\r\n );\r\n const { globalFilter, pageIndex, pageSize } = state;\r\n\r\n const caluclatePageEntries = () => {\r\n if (data?.length > 0) return pageSize * (pageIndex + 1) - pageSize + 1;\r\n return 0;\r\n };\r\n\r\n const caluclatePageToEntries = () => {\r\n let toCount = data.length > 0 ? pageSize * (pageIndex + 1) : 0;\r\n if (filteredRows.length < toCount) {\r\n toCount = filteredRows.length;\r\n }\r\n return toCount;\r\n };\r\n\r\n const caluclatePageOfEntries = () => {\r\n let retrunValue = filteredRows?.length;\r\n if (globalFilter) {\r\n retrunValue = `${retrunValue} (filtered)`;\r\n }\r\n return retrunValue;\r\n };\r\n const getSortedDesc = isSortedDesc =>\r\n isSortedDesc ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n );\r\n return (\r\n \r\n \r\n
\r\n
\r\n
{title} \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {column.isSorted ? (\r\n getSortedDesc(column?.isSortedDesc)\r\n ) : (\r\n <>\r\n {column.Header !== 'Summary' &&\r\n column.Header !== '' ? (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n {\r\n setPageSize(Number(e.target.value));\r\n }}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
Entries Per Page
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {caluclatePageEntries()} to {caluclatePageToEntries()} of{' '}\r\n {caluclatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n setLoader: PropTypes.func.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: ''\r\n};\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string\r\n};\r\n\r\nexport default Table;\r\n","const ADMIN_DASHBOARD_COLUMNS = () => [\r\n {\r\n Header: 'REFERENCE ID',\r\n accessor: 'yName',\r\n className: 'notranslate ymca-word-break ymca-text-primary'\r\n },\r\n {\r\n Header: 'GENDER',\r\n accessor: 'associationNumber',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'DOB',\r\n accessor: 'physicalCity',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'ETHNICITY',\r\n accessor: 'physicalState',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'COLLECTED BY',\r\n accessor: 'lastUploadedDate',\r\n className: 'notranslate '\r\n },\r\n {\r\n Header: 'ACTIIONS',\r\n accessor: '',\r\n className: 'notranslate'\r\n }\r\n];\r\n\r\nexport default ADMIN_DASHBOARD_COLUMNS;\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport Breadcrumb from '@static/images/breadcrumb-icon.svg';\r\nimport Table from './table';\r\nimport ADMIN_DASHBOARD_COLUMNS from './columns';\r\n\r\nconst Profiles = () => (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n List of Programs \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Multi-Branch Programs\r\n \r\n 3201 Watts Lane Richmond, VA 23223 \r\n \r\n
\r\n
\r\n \r\n Edit\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
Parent Association
\r\n
\r\n YMCA of Greater Richmond\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Parent Association Address\r\n
\r\n
\r\n Frank J. Thornton YMCA Aquatic Center\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Branch Contact Number
\r\n
(804) 918-7433
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Program Name
\r\n
\r\n Baker Elementary School Tuesd\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Start Date
\r\n
2022-04-12
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
End Date
\r\n
2022-05-31
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Instructor Name
\r\n
Jill Finney
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n {/* \r\n
\r\n + Add Profiles From Excel\r\n \r\n \r\n + Add Profile\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {profileId\r\n ? APP_LABELS.EDIT_PROFILE\r\n : APP_LABELS.ADD_PROFILE}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.DASH_BACK}\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n {({ values, handleChange, setFieldValue }) => (\r\n \r\n \r\n
\r\n
\r\n \r\n {APP_LABELS.ASSOCIATION_NAME}\r\n * \r\n \r\n \r\n {CDP.SELECT_DEFAULT} \r\n {associationList?.map(data => (\r\n \r\n {data.name}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n {APP_LABELS.BRANCH}\r\n * \r\n \r\n {\r\n getProgramDropdownOptions(e.target.value);\r\n handleChange(e, setFieldValue, 'branch');\r\n }}\r\n >\r\n {CDP.SELECT_DEFAULT} \r\n {branchDropdown?.map(data => (\r\n \r\n {data.branchname}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n Swim Program{/* */}\r\n * \r\n \r\n \r\n {CDP.SELECT_DEFAULT} \r\n {programDropdown?.map(data => (\r\n \r\n {data.programName}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
Profile Details \r\n \r\n
\r\n
\r\n
\r\n Reference ID{/* */}\r\n * \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Gender{/* */}\r\n * \r\n \r\n
\r\n \r\n {CDP.SELECT_DEFAULT} \r\n {GenderDropdwon?.map(data => (\r\n \r\n {data.name}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n Student Age (student birthdate){/* */}\r\n * \r\n \r\n
\r\n {\r\n // e.preventDefault();\r\n // }}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n Zip Code{/* */}\r\n * \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Can your student jump into the water and safely\r\n exit the pool without help?{/* */}\r\n * \r\n \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n
\r\n Has your student ever had swim lessons before\r\n {/* */}\r\n * \r\n \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n Is your student new to the Y?{/* */}\r\n * \r\n \r\n\r\n
\r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {\"Student's race/ethnicity\"}\r\n * \r\n \r\n \r\n {CDP.SELECT_DEFAULT} \r\n {EthnicityDropdwon?.map(data => (\r\n \r\n {data.name}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n How did you hear about this program?{/* */}\r\n * \r\n \r\n \r\n {CDP.SELECT_DEFAULT} \r\n {HowDidYouHearDropdwon?.map(data => (\r\n \r\n {data.name}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n What level of SAW was student enrolled ?{/* */}\r\n * \r\n \r\n \r\n {CDP.SELECT_DEFAULT} \r\n {LevelOfSawDropdwon?.map(data => (\r\n \r\n {data.name}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n\r\n \r\n
Swimmimg Details \r\n\r\n \r\n
\r\n
\r\n
\r\n Was student able to submerge their face lesson 1\r\n {/* */}\r\n * \r\n \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Was student able to submerge their face lesson 8\r\n {/* */}\r\n * \r\n \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n Was student able to submerge & bob independently\r\n lesson 1{/* */}\r\n * \r\n \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Was student able to submerge & bob independently\r\n lesson 8{/* */}\r\n * \r\n \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Was student able to Front glide 5 ft. lesson 1\r\n {/* */}\r\n * \r\n \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Was student able to Front glide 5 ft. lesson 8\r\n {/* */}\r\n * \r\n \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Was student able to Back float 10 sec. and roll to\r\n front glide and exit the pool lesson 1{/* */}\r\n * \r\n \r\n\r\n
\r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Was student able to back float 10 sec. and roll to\r\n front glide and exit the pool lesson 8{/* */}\r\n * \r\n \r\n\r\n
\r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Was student able to swim, float swim 10 ft. lesson\r\n 1{/* */}\r\n * \r\n \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Was student able to swim, float swim 10 ft. lesson\r\n 8{/* */}\r\n * \r\n \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Was student able to jump independently lesson 1\r\n {/* */}\r\n * \r\n \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Was student able to jump independently lesson 8\r\n {/* */}\r\n * \r\n \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Was student able to perform Jump, Push, Turn and\r\n Grab assisted lesson 1{/* */}\r\n \r\n * \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n Was student able to perform Jump, Push, Turn and\r\n Grab assisted lesson 8{/* */}\r\n \r\n * \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Was student able to Jump, Push, Turn and Grab\r\n independently lesson 1{/* */}\r\n * \r\n \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Was student able to Jump, Push, Turn and Grab\r\n independently lesson 8{/* */}\r\n * \r\n \r\n\r\n \r\n
\r\n Yes \r\n
\r\n
\r\n No \r\n
\r\n
\r\n
\r\n
\r\n \r\n {profileId ? APP_LABELS.UPDATE : APP_LABELS.SAVE}\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n
\r\n
\r\n
{\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n {successPopup && (\r\n {\r\n setRedirect(true);\r\n }}\r\n />\r\n )}\r\n \r\n );\r\n};\r\n\r\nAddProfile.propTypes = {\r\n getSwimProfile: PropTypes.func.isRequired,\r\n saveSwimProfile: PropTypes.func.isRequired,\r\n handlegetAssociationList: PropTypes.func.isRequired,\r\n handleSwimSafetyBranchList: PropTypes.func.isRequired,\r\n handleToGetSwimPrograms: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n getSwimProfile: getSwimSafetyProfileDetails,\r\n saveSwimProfile: getSwimSafetyProfileAddORupdate,\r\n handlegetAssociationList: getSwimAssociationDropdown,\r\n handleSwimSafetyBranchList: getSwimSafetyBranchList,\r\n handleToGetSwimPrograms: getSwimProgramsByBranchId\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(AddProfile));\r\n","import React, { useEffect, useState } from 'react';\r\nimport * as Yup from 'yup';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport Breadcrumb from '@static/images/breadcrumb-icon.svg';\r\nimport Select from 'react-select';\r\nimport { Formik, Form, ErrorMessage } from 'formik';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport TextError from '@modules/shared/components/reusable-components/text-error';\r\nimport { Multiselect } from 'multiselect-react-dropdown';\r\nimport BlockUi from 'react-block-ui';\r\nimport { connect } from 'react-redux';\r\nimport { Loader } from 'react-loaders';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n getSwimSafetyAssociationDropdown,\r\n saveAssociaton\r\n} from '@redux/siwm-safety/dashboard/actions';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport CustomModal from '@utilities/CustomModal';\r\n\r\nconst AddAssociation = props => {\r\n const { handlegetAssociationList, handleSaveAssociation } = props;\r\n\r\n const [addBranch, setAddBranch] = useState(false);\r\n const [branchDropdown, setBranchDropdown] = useState([]);\r\n const [selectedbranches, setSelectedbranches] = useState([]);\r\n const [loader, setLoader] = useState(false);\r\n const [associationList, setAssociationList] = useState([]);\r\n const [redirect, setRedirect] = useState(false);\r\n const [successPopup, setSuccessPopup] = useState(false);\r\n const [successMessage, setSuccessMessage] = useState('');\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n const [selectedOption, setSelectedOption] = useState('');\r\n\r\n const validationObj = {\r\n association: Yup.string()\r\n .nullable()\r\n .required('* Association Name is required.')\r\n };\r\n const validationSchema = Yup.object(validationObj);\r\n\r\n const initialValues = {\r\n association: '',\r\n branches: []\r\n };\r\n\r\n useEffect(async () => {\r\n setLoader(true);\r\n\r\n await handlegetAssociationList()\r\n .then(result => {\r\n if (result?.data?.data) {\r\n setLoader(false);\r\n const data = result?.data?.data?.map(res => ({\r\n ...res,\r\n label: res?.associationName,\r\n value: res?.associationNumber\r\n }));\r\n setAssociationList(data);\r\n } else {\r\n setLoader(false);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n }, []);\r\n\r\n const handleOnBranchSelect = selectedList => {\r\n setSelectedbranches(selectedList);\r\n };\r\n\r\n const handleOnBranchRemove = selectedList => {\r\n setSelectedbranches(selectedList);\r\n };\r\n\r\n const prepareBrachList = associationNumber => {\r\n const associationDetails = associationList.find(\r\n asso => asso.associationNumber === associationNumber\r\n );\r\n setBranchDropdown(associationDetails.branchs);\r\n };\r\n\r\n const getAssociationByAN = associationNumber =>\r\n associationList.find(asso => asso.associationNumber === associationNumber);\r\n\r\n const onSubmit = formData => {\r\n const associationDetails = getAssociationByAN(formData.association);\r\n\r\n const branchesData = selectedbranches?.map(data => ({\r\n // id: data?.branchId,\r\n branchNumber: data?.branchNumber,\r\n name: data?.branchName,\r\n address: data?.branchAddress,\r\n contactNumber: data?.branchPhoneNumber,\r\n branchId: data?.branchId\r\n }));\r\n\r\n const payload = {\r\n associationId: associationDetails.associationId,\r\n associationNumber: associationDetails.associationNumber,\r\n name: associationDetails.associationName,\r\n address: associationDetails.associationAddress,\r\n email: associationDetails.associationEmail,\r\n contactNumber: associationDetails.associationPhoneNumber,\r\n swimSafetyBranches: branchesData\r\n };\r\n setLoader(true);\r\n handleSaveAssociation(payload)\r\n .then(res => {\r\n if (res.status === 200) {\r\n setLoader(false);\r\n setSuccessPopup(true);\r\n setSuccessMessage(APP_LABELS.ASSOCIATION_SUCCESS_MESSAGE);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n {APP_LABELS.ADD_ASSOCIATION}\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.DASH_BACK}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.ADD_ASSOCIATION}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {({ setFieldValue }) => (\r\n \r\n \r\n
\r\n \r\n {APP_LABELS.ASSOCIATION_NAME}\r\n * \r\n \r\n\r\n {\r\n setSelectedbranches([]);\r\n setFieldValue(\r\n 'association',\r\n value?.associationNumber\r\n );\r\n setSelectedOption(value);\r\n prepareBrachList(value?.associationNumber);\r\n }}\r\n options={associationList}\r\n isClearable\r\n />\r\n\r\n
\r\n
\r\n
\r\n Branch List\r\n \r\n
\r\n setAddBranch(true)}\r\n disabled={branchDropdown.length === 0}\r\n >\r\n {APP_LABELS.ADD_BRANCH}\r\n \r\n \r\n {APP_LABELS.ADD_BRANCH_TEXT}\r\n \r\n
\r\n
\r\n \r\n {APP_LABELS.DETAIL_BRANCH_NAME}\r\n \r\n\r\n
\r\n )}\r\n\r\n \r\n \r\n {APP_LABELS.SAVE}\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n
\r\n
\r\n
{\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n {successPopup && (\r\n {\r\n setRedirect(true);\r\n }}\r\n />\r\n )}\r\n \r\n );\r\n};\r\n\r\nAddAssociation.propTypes = {\r\n handlegetAssociationList: PropTypes.func.isRequired,\r\n handleSaveAssociation: PropTypes.func.isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handlegetAssociationList: getSwimSafetyAssociationDropdown,\r\n handleSaveAssociation: saveAssociaton\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(AddAssociation);\r\n","import React, { useEffect, useState } from 'react';\r\nimport * as Yup from 'yup';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport Breadcrumb from '@static/images/breadcrumb-icon.svg';\r\nimport { Formik, Form, ErrorMessage } from 'formik';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport BlockUi from 'react-block-ui';\r\nimport { connect } from 'react-redux';\r\nimport { Loader } from 'react-loaders';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n getSwimSafetyAssociationDropdown,\r\n saveAssociaton\r\n} from '@redux/siwm-safety/dashboard/actions';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport { Multiselect } from 'multiselect-react-dropdown';\r\nimport TextError from '@modules/shared/components/reusable-components/text-error';\r\nimport get from 'lodash.get';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\n\r\nconst AddBranch = props => {\r\n const { handlegetAssociationList, handleSaveAssociation, LoginUserData } =\r\n props;\r\n const [loader, setLoader] = useState(false);\r\n const [associationList, setAssociationList] = useState([]);\r\n const [redirect, setRedirect] = useState(false);\r\n const [successPopup, setSuccessPopup] = useState(false);\r\n const [successMessage, setSuccessMessage] = useState('');\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n const [branchDropdown, setBranchDropdown] = useState([]);\r\n const [selectedAssociation, setSelectedAssociation] = useState(null);\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n const associationNumber = get(associateData, 'associationNumber', '')\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', '');\r\n\r\n const validationObj = {\r\n branches: Yup.array()\r\n .min(1, '* Atleast 1 branch required.')\r\n .required('* Atleast 1 branch required.')\r\n };\r\n const validationSchema = Yup.object(validationObj);\r\n\r\n const initialValues = {\r\n association: selectedAssociation,\r\n branches: []\r\n };\r\n\r\n useEffect(() => {\r\n setLoader(true);\r\n handlegetAssociationList()\r\n .then(result => {\r\n if (result?.data?.data) {\r\n setLoader(false);\r\n setAssociationList(result?.data?.data);\r\n } else {\r\n setLoader(false);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (associationList.length > 0) setSelectedAssociation(associationNumber);\r\n }, [associationList]);\r\n\r\n useEffect(() => {\r\n if (selectedAssociation) {\r\n const associationDetails = associationList.find(\r\n asso => asso.associationNumber === selectedAssociation.toString()\r\n );\r\n setBranchDropdown(associationDetails?.branchs);\r\n }\r\n }, [selectedAssociation]);\r\n\r\n const getAssociationByAN = aNumber =>\r\n associationList.find(asso => asso.associationNumber === aNumber.toString());\r\n\r\n const onSubmit = formData => {\r\n const associationDetails = getAssociationByAN(selectedAssociation);\r\n const branchesData = formData.branches?.map(data => ({\r\n // id: data?.branchId,\r\n branchNumber: data?.branchNumber,\r\n name: data?.branchName,\r\n address: data?.branchAddress,\r\n contactNumber: data?.branchPhoneNumber,\r\n branchId: data?.branchId\r\n }));\r\n\r\n const payload = {\r\n associationId: associationDetails.associationId,\r\n associationNumber: associationDetails.associationNumber,\r\n name: associationDetails.associationName,\r\n address: associationDetails.associationAddress,\r\n email: associationDetails.associationEmail,\r\n contactNumber: associationDetails.associationPhoneNumber,\r\n swimSafetyBranches: branchesData\r\n };\r\n setLoader(true);\r\n handleSaveAssociation(payload)\r\n .then(res => {\r\n if (res.status === 200) {\r\n setLoader(false);\r\n setSuccessPopup(true);\r\n setSuccessMessage(APP_LABELS.BRANCH_SUCCESS_MESSAGE);\r\n } else {\r\n setLoader(false);\r\n setErrorMessage(res?.message);\r\n setErrorPopup(true);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n {APP_LABELS.ADD_BRANCH}\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.ADD_BRANCH}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {({ values, setFieldValue }) => (\r\n \r\n \r\n
\r\n \r\n Association{/* */}\r\n * \r\n \r\n \r\n {associationList?.map(data => (\r\n \r\n {data.associationName}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n \r\n Branch{/* */}\r\n * \r\n \r\n {\r\n setFieldValue('branches', selectedList);\r\n }}\r\n onRemove={selectedList => {\r\n setFieldValue('branches', selectedList);\r\n }}\r\n selectionLimit={50}\r\n options={branchDropdown}\r\n displayValue=\"branchName\"\r\n hidePlaceholder\r\n />\r\n
\r\n\r\n \r\n \r\n Save\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n
\r\n
\r\n
{\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n {successPopup && (\r\n {\r\n setRedirect(true);\r\n }}\r\n />\r\n )}\r\n \r\n );\r\n};\r\n\r\nAddBranch.propTypes = {\r\n handlegetAssociationList: PropTypes.func.isRequired,\r\n handleSaveAssociation: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handlegetAssociationList: getSwimSafetyAssociationDropdown,\r\n handleSaveAssociation: saveAssociaton\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AddBranch);\r\n","export default __webpack_public_path__ + \"swim-safety-branches-light.svg\";","export default __webpack_public_path__ + \"swim-branch-transparent.svg\";","import {\r\n SWIMSAFETY_ASSOCIATION_DASHBOARD_COUNT_API,\r\n GET_SWIMSAFETY_BRANCHES_BY_FILTERS_API\r\n} from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getSwimAssociationDashboardCountList =\r\n (startDate, endDate, Offset, ShowAll, associationNumber) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: SWIMSAFETY_ASSOCIATION_DASHBOARD_COUNT_API(\r\n startDate,\r\n endDate,\r\n Offset,\r\n ShowAll,\r\n associationNumber\r\n ),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.SWIMSAFETY_ASSOCIATION_DASHBOARD_COUNT_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.SWIMSAFETY_ASSOCIATION_DASHBOARD_COUNT_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getSwimSafetyBranchesByFilters =\r\n (startDate, endDate, Offset,ShowAll) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_SWIMSAFETY_BRANCHES_BY_FILTERS_API(startDate, endDate, Offset,ShowAll),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.SWIMSAFETY_BRANCHES_BY_FILTERS_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.SWIMSAFETY_BRANCHES_BY_FILTERS_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","export default __webpack_public_path__ + \"swim-safety-blue-swim-light.svg\";","export default __webpack_public_path__ + \"swim-safety-swim-transparent.svg\";","export default __webpack_public_path__ + \"swim-safety-profiles-yellow.svg\";","export default __webpack_public_path__ + \"swim-safety-profiles-yellow-transparent.svg\";","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport get from 'lodash.get';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport moment from 'moment';\r\nimport crossiconblue from '@static/images/cross-icon-blue.svg';\r\n\r\nconst ViewDetailsPopup = props => {\r\n const {\r\n popupTitle,\r\n popupData,\r\n showViewDetailsPopup,\r\n handleCloseNewStaffPopup\r\n } = props;\r\n\r\n const showHideClassName = showViewDetailsPopup\r\n ? 'modal d-block'\r\n : 'modal d-none';\r\n return (\r\n \r\n \r\n
\r\n
\r\n
{popupTitle}
\r\n
\r\n \r\n
\r\n
Program Details
\r\n
\r\n
\r\n
\r\n {APP_LABELS.ASSOCIATION_NAME}\r\n
\r\n
\r\n YMCA OF Great Richmond\r\n
\r\n
\r\n
\r\n
Branch Name
\r\n
YMCA
\r\n
\r\n
\r\n
Program Name
\r\n
\r\n School Fridays\r\n
\r\n
\r\n
\r\n
Start Date
\r\n
05/19/2015
\r\n
\r\n
\r\n
End Date
\r\n 05/19/2016\r\n
\r\n
\r\n
Instructor Name
\r\n Jhon Dia\r\n
\r\n
\r\n
\r\n
Profile Details
\r\n
\r\n
\r\n
Reference ID
\r\n
\r\n {get(popupData, 'brandAdvocate', '')}\r\n
\r\n
\r\n
\r\n
Chiled Birth Date
\r\n
\r\n {get(popupData, 'startDateWithAssociation')\r\n ? moment(get(popupData, 'startDateWithAssociation')).format(\r\n 'MM/DD/yyyy'\r\n )\r\n : ''}\r\n
\r\n
\r\n
\r\n
Gender
\r\n
\r\n {get(popupData, 'startDateCurrentRole')\r\n ? moment(get(popupData, 'startDateCurrentRole')).format(\r\n 'MM/DD/yyyy'\r\n )\r\n : ''}\r\n
\r\n
\r\n
\r\n
Ethnicity
\r\n
\r\n {get(popupData, 'endDateCurrentRole')\r\n ? moment(get(popupData, 'endDateCurrentRole')).format(\r\n 'MM/DD/yyyy'\r\n )\r\n : ''}\r\n
\r\n
\r\n
\r\n
\r\n How Did You Hear About This Program\r\n
\r\n
\r\n {get(popupData, 'staffType', '')}\r\n
\r\n
\r\n
\r\n
\r\n Is Your Child New To The Y\r\n
\r\n
\r\n {get(popupData, 'currentJobTitle', '')}\r\n
\r\n
\r\n
\r\n
\r\n What Level Of SAW Child Enrolled\r\n
\r\n
\r\n {get(popupData, 'currentSalary', '')}\r\n
\r\n
\r\n
\r\n
\r\n Was Student Able To Submerge Their Face Lesson 1\r\n
\r\n
\r\n {get(popupData, 'currentPositionLeadLevel', '')}\r\n
\r\n
\r\n
\r\n
\r\n Was Student Able To Submerge Their Face Lesson 8\r\n
\r\n
\r\n {get(popupData, 'currentPositionRole', '')}\r\n
\r\n
\r\n
\r\n
\r\n Bob Independently Lesson 1\r\n
\r\n
\r\n {get(popupData, 'currentPositionPrimaryFunction', '')}\r\n
\r\n
\r\n
\r\n
\r\n Bob Independently Lesson 8\r\n
\r\n
\r\n {get(popupData, 'currentPositionPrimaryFunction', '')}\r\n
\r\n
\r\n
\r\n
\r\n Front Glide 5ft Lesson 1{' '}\r\n
\r\n
\r\n {get(popupData, 'currentPositionPrimaryFunction', '')}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n ) : (\r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
{title} \r\n \r\n {showCount ? `(${data.length})` : ''}\r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n {role !== APP_LABELS.BRANCH_DATA_STEWARD &&\r\n !APP_LABELS.VIEWER_PERMISSION_ROLES.includes(role) &&\r\n showAddBranch && (\r\n
\r\n + Add Branch\r\n \r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {column.isSorted ? (\r\n getSortedDesc(column?.isSortedDesc)\r\n ) : (\r\n <>\r\n {column.Header !== 'Summary' &&\r\n column.Header !== '' ? (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n {\r\n setPageSize(Number(e.target.value));\r\n }}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
Entries Per Page
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {caluclatePageEntries()} to {caluclatePageToEntries()} of{' '}\r\n {caluclatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n setLoader: PropTypes.func.isRequired,\r\n role: PropTypes.string.isRequired,\r\n showAddBranch: PropTypes.bool.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: '',\r\n showCount: false\r\n};\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string,\r\n showCount: PropTypes.bool\r\n};\r\n\r\nexport default Table;\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport get from 'lodash.get';\r\nimport { connect } from 'react-redux';\r\nimport convertUtcToLocal from '@utilities/ConvertTimezone';\r\nimport {\r\n getSwimSafetyBranchDelete,\r\n getSwimSafetyBranchesByFilters\r\n} from '@redux/siwm-safety/swim-branches/actions';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport { getSwimSafetyAssociationDropdown } from '@redux/siwm-safety/dashboard/actions';\r\nimport { BRANCHES_COLUMNS } from '../columns';\r\nimport Table from './table';\r\n\r\nconst BranchTable = props => {\r\n const {\r\n handleGetBranchDelete,\r\n setLoader,\r\n recallCount,\r\n handleBranchesByFilters,\r\n startDate,\r\n endDate,\r\n showAll,\r\n isFilterActive,\r\n isFilterClear,\r\n LoginUserData,\r\n handlegetAssociationList\r\n } = props;\r\n const Offset = new Date().getTimezoneOffset();\r\n const [branchList, setBranchList] = useState([]);\r\n const [branchDeletId, setBranchDeletId] = useState('');\r\n const [showAttentionPopup, setShowAttentionPopup] = useState(false);\r\n const [isAssociationExist, setIsAssociationExist] = useState(true);\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n\r\n const role = get(LoginUserData, 'user.role[0]');\r\n const associationNumber = get(associateData, 'associationNumber', '');\r\n\r\n const associationNum = get(associateData, 'associationNumber', '')\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', '');\r\n\r\n const handleCloseAttentionPopup = () => setShowAttentionPopup(false);\r\n const handleDeletePopup = id => {\r\n setBranchDeletId(id);\r\n setShowAttentionPopup(true);\r\n };\r\n\r\n const branchListAPICall = async () => {\r\n setLoader(true);\r\n await handleBranchesByFilters(\r\n startDate,\r\n endDate,\r\n Offset,\r\n showAll,\r\n associationNumber\r\n )\r\n .then(result => {\r\n if (result?.data?.data) {\r\n setBranchList(result?.data?.data);\r\n }\r\n setLoader(false);\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const checkAssociationAvailable = async () => {\r\n setLoader(true);\r\n await handlegetAssociationList().then(result => {\r\n if (result?.data?.data) {\r\n const findAssociation = result?.data?.data.find(\r\n data => data.associationNumber === associationNum\r\n );\r\n setIsAssociationExist(!!findAssociation);\r\n }\r\n });\r\n };\r\n\r\n const deletePrograms = () => {\r\n setLoader(true);\r\n handleGetBranchDelete(branchDeletId)\r\n .then(() => {\r\n setBranchDeletId('');\r\n setShowAttentionPopup(false);\r\n branchListAPICall();\r\n recallCount();\r\n checkAssociationAvailable();\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n setBranchDeletId('');\r\n setShowAttentionPopup(false);\r\n });\r\n };\r\n\r\n const updateBarnchList = branchList?.map(data => ({\r\n ...data,\r\n lastUpdatedDate: get(data, 'lastUpdatedDate')\r\n ? convertUtcToLocal(get(data, 'lastUpdatedDate'), 'DD MMM YYYY')\r\n : '-',\r\n actions: (\r\n handleDeletePopup(data.id)}\r\n >\r\n Delete \r\n \r\n )\r\n }));\r\n\r\n useEffect(() => {\r\n checkAssociationAvailable();\r\n branchListAPICall();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (isFilterClear) {\r\n branchListAPICall();\r\n }\r\n }, [isFilterClear]);\r\n\r\n useEffect(() => {\r\n if (isFilterActive) {\r\n branchListAPICall();\r\n }\r\n }, [isFilterActive]);\r\n\r\n const columns =\r\n role === APP_LABELS.BRANCH_DATA_STEWARD ||\r\n APP_LABELS.VIEWER_PERMISSION_ROLES.includes(role)\r\n ? BRANCHES_COLUMNS().filter(data => data.accessor !== 'actions')\r\n : BRANCHES_COLUMNS();\r\n\r\n return (\r\n <>\r\n \r\n \r\n ) : (\r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
{title} \r\n \r\n {showCount ? `(${data.length})` : ''}\r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n {!APP_LABELS.VIEWER_PERMISSION_ROLES.includes(role) && (\r\n
\r\n + Add Swim Program\r\n \r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {column.isSorted ? (\r\n getSortedDesc(column?.isSortedDesc)\r\n ) : (\r\n <>\r\n {column.Header !== 'Summary' &&\r\n column.Header !== '' ? (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n {\r\n setPageSize(Number(e.target.value));\r\n }}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
Entries Per Page
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {caluclatePageEntries()} to {caluclatePageToEntries()} of{' '}\r\n {caluclatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n setLoader: PropTypes.func.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: '',\r\n showCount: false,\r\n role: null\r\n};\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string,\r\n showCount: PropTypes.bool,\r\n role: PropTypes.string\r\n};\r\n\r\nexport default Table;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport get from 'lodash.get';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n getSwimSafetyProgramsDelete,\r\n getSwimSafetyProgramsByFilters\r\n} from '@redux/siwm-safety/swim-programs/actions';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport { getSelectedBranchAndProgram } from '@redux/siwm-safety/swim-profiles/actions';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport convertUtcToLocal from '@utilities/ConvertTimezone';\r\nimport { SWIM_PROGRAM_COLUMNS } from '../columns';\r\nimport Table from './table';\r\n\r\nconst ProgramTable = props => {\r\n const {\r\n handleGetProgramsDelete,\r\n setLoader,\r\n handleSelectedBranchAndProgram,\r\n recallCount,\r\n startDate,\r\n endDate,\r\n showAll,\r\n isFilterActive,\r\n handleProramsByFilters,\r\n isFilterClear,\r\n LoginUserData\r\n } = props;\r\n\r\n const Offset = new Date().getTimezoneOffset();\r\n const [showAttentionPopup, setShowAttentionPopup] = useState(false);\r\n const [programDeletId, setProgramDeletId] = useState('');\r\n const [programsList, setProgramsList] = useState([]);\r\n const handleCloseAttentionPopup = () => setShowAttentionPopup(false);\r\n const [redirect, setRedirect] = useState(false);\r\n\r\n const role = get(LoginUserData, 'user.role[0]');\r\n\r\n const handleDeletePopup = id => {\r\n setProgramDeletId(id);\r\n setShowAttentionPopup(true);\r\n };\r\n\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n const associationNumber = get(associateData, 'associationNumber', '');\r\n\r\n const handleViewDetails = data => {\r\n const selectedData = {\r\n branch: { ...data },\r\n program: { ...data }\r\n };\r\n handleSelectedBranchAndProgram(selectedData);\r\n setRedirect(true);\r\n };\r\n\r\n const programData = data =>\r\n sessionStorage.setItem('selected_swimprogram', JSON.stringify(data));\r\n\r\n const getProgramsList = list =>\r\n list.map(data => {\r\n const addSwimLocation = {\r\n pathname: '/swim/safety/addprogram',\r\n state: data\r\n };\r\n\r\n return {\r\n ...data,\r\n startDate: get(data, 'startDate')\r\n ? convertUtcToLocal(get(data, 'startDate'), 'DD MMM YYYY')\r\n : '-',\r\n endDate: get(data, 'endDate')\r\n ? convertUtcToLocal(get(data, 'endDate'), 'DD MMM YYYY')\r\n : '-',\r\n\r\n details: (\r\n <>\r\n handleViewDetails(data)}\r\n className=\"table-link swim-viewdetails-btn btn\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n {!APP_LABELS.VIEWER_PERMISSION_ROLES.includes(role) && (\r\n <>\r\n | \r\n programData(data)}\r\n >\r\n Edit\r\n \r\n | \r\n handleDeletePopup(data.id)}\r\n >\r\n Delete \r\n \r\n \r\n )}\r\n \r\n )\r\n };\r\n });\r\n\r\n const programList = () => {\r\n setLoader(true);\r\n handleProramsByFilters(\r\n startDate,\r\n endDate,\r\n Offset,\r\n showAll,\r\n associationNumber\r\n )\r\n .then(result => {\r\n if (result?.data?.data) {\r\n setLoader(false);\r\n setProgramsList(result?.data?.data);\r\n } else {\r\n setLoader(false);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const deletePrograms = () => {\r\n setLoader(true);\r\n handleGetProgramsDelete(programDeletId)\r\n .then(() => {\r\n setLoader(false);\r\n setProgramDeletId('');\r\n setShowAttentionPopup(false);\r\n programList();\r\n recallCount();\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n setProgramDeletId('');\r\n setShowAttentionPopup(false);\r\n });\r\n };\r\n useEffect(() => {\r\n if (!isFilterActive) {\r\n programList();\r\n }\r\n }, [isFilterClear]);\r\n\r\n useEffect(() => {\r\n if (isFilterActive) {\r\n setLoader(true);\r\n handleProramsByFilters(\r\n startDate,\r\n endDate,\r\n Offset,\r\n showAll,\r\n associationNumber\r\n )\r\n .then(result => {\r\n if (result?.data?.data) {\r\n setLoader(false);\r\n setProgramsList(result?.data?.data);\r\n }\r\n return setLoader(false);\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n }\r\n }, [isFilterActive]);\r\n\r\n return (\r\n <>\r\n {redirect && \r\n \r\n ) : (\r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
{title} \r\n \r\n {showCount ? `(${data.length})` : ''}\r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n {!APP_LABELS.VIEWER_PERMISSION_ROLES.includes(role) && (\r\n <>\r\n
\r\n sessionStorage.setItem(\r\n 'swim_profile_redirect_url',\r\n '/swim/association/dashboard'\r\n )\r\n }\r\n >\r\n + Add Single Student Profile\r\n \r\n \r\n + Upload Multiple Student Profiles\r\n \r\n \r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {column.isSorted ? (\r\n getSortedDesc(column?.isSortedDesc)\r\n ) : (\r\n <>\r\n {column.Header !== 'Summary' &&\r\n column.Header !== '' ? (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n {\r\n setPageSize(Number(e.target.value));\r\n }}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
Entries Per Page
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {caluclatePageEntries()} to {caluclatePageToEntries()} of{' '}\r\n {caluclatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n setLoader: PropTypes.func.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: '',\r\n showCount: false,\r\n role: null\r\n};\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string,\r\n showCount: PropTypes.bool,\r\n role: PropTypes.string\r\n};\r\n\r\nexport default Table;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport get from 'lodash.get';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport crossiconblue from '@static/images/cross-icon-blue.svg';\r\nimport convertUtcToLocal from '@utilities/ConvertTimezone';\r\nimport { connect } from 'react-redux';\r\nimport { AssociationNumberSelector } from '@redux/dashboard/selectors';\r\n\r\nconst ViewDetailsPopup = props => {\r\n const {\r\n popupTitle,\r\n popupData,\r\n showViewDetailsPopup,\r\n handleCloseNewStaffPopup,\r\n AssociationNumberData\r\n } = props;\r\n\r\n const { profileDetails, programDeatils } = popupData;\r\n\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n\r\n const showHideClassName = showViewDetailsPopup\r\n ? 'modal d-block'\r\n : 'modal d-none';\r\n return (\r\n \r\n \r\n
\r\n
\r\n
{popupTitle}
\r\n
\r\n \r\n
\r\n {/*
*/}\r\n\r\n
Program Details
\r\n
\r\n
\r\n
\r\n {APP_LABELS.ASSOCIATION_NAME}\r\n
\r\n
\r\n {get(associateData, 'associationName') ||\r\n get(\r\n AssociationNumberData,\r\n 'data.association.associationName'\r\n )}\r\n
\r\n
\r\n
\r\n
Branch Name
\r\n
\r\n {get(profileDetails, 'branchName', '')\r\n ? get(profileDetails, 'branchName', '')\r\n : get(programDeatils?.branch, 'branchname', '')}\r\n
\r\n
\r\n
\r\n
Program Name
\r\n
\r\n {get(programDeatils?.program, 'programName', '')}\r\n
\r\n
\r\n
\r\n
Start Date
\r\n
\r\n {convertUtcToLocal(\r\n get(programDeatils?.program, 'startDate', ''),\r\n 'DD MMM YYYY'\r\n )}\r\n
\r\n
\r\n
\r\n
End Date
\r\n
\r\n {convertUtcToLocal(\r\n get(programDeatils?.program, 'endDate', ''),\r\n 'DD MMM YYYY'\r\n )}\r\n
\r\n
\r\n
\r\n
Instructor Name
\r\n
\r\n {get(programDeatils?.program, 'instructorName', '')}\r\n
\r\n
\r\n
\r\n
\r\n
Profile Details
\r\n
\r\n
\r\n
Reference ID
\r\n
\r\n {get(profileDetails, 'profileId', '')}\r\n
\r\n
\r\n
\r\n
Student Birth Date
\r\n
\r\n {get(profileDetails, 'childBirthDate') &&\r\n get(profileDetails, 'childBirthDate') !==\r\n '0001-01-01T00:00:00'\r\n ? convertUtcToLocal(\r\n get(profileDetails, 'childBirthDate'),\r\n 'DD MMM YYYY'\r\n )\r\n : ''}\r\n
\r\n
\r\n
\r\n
Gender
\r\n
\r\n {get(profileDetails, 'gender', '')}\r\n
\r\n
\r\n
\r\n
Ethnicity
\r\n
\r\n {get(profileDetails, 'ethnicity', '')}\r\n
\r\n
\r\n
\r\n
\r\n How Did You Hear About This Program\r\n
\r\n
\r\n {get(profileDetails, 'howDidYouHear', '')}\r\n
\r\n
\r\n
\r\n
\r\n Is Your Student New To The Y\r\n
\r\n
\r\n {get(profileDetails, 'childNewToTheY', '') ? 'YES' : 'NO'}\r\n
\r\n
\r\n
\r\n
\r\n What Level Of SAW Student Enrolled\r\n
\r\n
\r\n {get(profileDetails, 'levelOfSAW', '')}\r\n
\r\n
\r\n
\r\n
Zip Code
\r\n
\r\n {get(profileDetails, 'zipCode', '')}\r\n
\r\n
\r\n
\r\n
\r\n Was Student Able To Submerge Their Face Lesson 1\r\n
\r\n
\r\n {get(profileDetails, 'submergeTheirFaceLesson1', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n
\r\n
\r\n Was Student Able To Submerge Their Face Lesson 8\r\n
\r\n
\r\n {get(profileDetails, 'submergeTheirFaceLesson8', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n
\r\n
\r\n Bob Independently Lesson 1\r\n
\r\n
\r\n {get(profileDetails, 'bobIndependentlyLesson1', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n
\r\n
\r\n Bob Independently Lesson 8\r\n
\r\n
\r\n {get(profileDetails, 'bobIndependentlyLesson8', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n
\r\n
\r\n Front Glide 5ft Lesson 1\r\n
\r\n
\r\n {get(profileDetails, 'frontGlide5ftLesson1', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n\r\n
\r\n
\r\n Front Glide 5ft Lesson 8\r\n
\r\n
\r\n {get(profileDetails, 'frontGlide5ftLesson8', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n
\r\n
Pool Lesson 1
\r\n
\r\n {get(profileDetails, 'poolLesson1', '') ? 'YES' : 'NO'}\r\n
\r\n
\r\n
\r\n
Pool Lesson 8
\r\n
\r\n {get(profileDetails, 'poolLesson8', '') ? 'YES' : 'NO'}\r\n
\r\n
\r\n
\r\n
\r\n Float Swim 10ft Lesson 1\r\n
\r\n
\r\n {get(profileDetails, 'floatSwim10ftLesson1', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n
\r\n
\r\n Float Swim 10ft Lesson 8\r\n
\r\n
\r\n {get(profileDetails, 'floatSwim10ftLesson8', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n
\r\n
\r\n Jump Independently Lesson 1\r\n
\r\n
\r\n {get(profileDetails, 'jumpIndependentlyLesson1', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n
\r\n
\r\n Jump Independently Lesson 8\r\n
\r\n
\r\n {get(profileDetails, 'jumpIndependentlyLesson8', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n {/*
\r\n
Independently Lesson 8
\r\n
\r\n {get(profileDetails, 'floatSwim10ftLesson8', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
*/}\r\n
\r\n
Grab Assisted Lesson 1
\r\n
\r\n {get(profileDetails, 'grabAssistedLesson1', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n
\r\n
Grab Assisted Lesson 8
\r\n
\r\n {get(profileDetails, 'grabAssistedLesson8', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n
\r\n
\r\n Grab Independently Lesson 1\r\n
\r\n
\r\n {get(profileDetails, 'grabIndependentlyLesson1', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n
\r\n
\r\n Grab Independently Lesson 8\r\n
\r\n
\r\n {get(profileDetails, 'grabIndependentlyLesson8', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n
\r\n
\r\n Can Your Student Jump Into The Water And Safely Exit The Pool\r\n Without Help\r\n
\r\n
\r\n {get(profileDetails, 'safelyExitThePoolWithoutHelp', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n
\r\n
\r\n Has Your Student Ever Had Swim Lessons Before\r\n
\r\n
\r\n {get(profileDetails, 'safelyExitThePoolWithoutHelp', '')\r\n ? 'YES'\r\n : 'NO'}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{\r\n getSwimProfileDetails(data?.id);\r\n }}\r\n className=\"table-link swim-viewdetails-btn btn\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n {!APP_LABELS.VIEWER_PERMISSION_ROLES.includes(role) && (\r\n <>\r\n | \r\n profileData(data)}\r\n >\r\n Edit\r\n \r\n | \r\n handleDeletePopup(data.id)}\r\n >\r\n Delete \r\n \r\n \r\n )}\r\n \r\n )\r\n };\r\n });\r\n\r\n useEffect(() => {\r\n if (!isFilterActive) {\r\n profileListAPICall();\r\n }\r\n }, [isFilterClear]);\r\n\r\n useEffect(() => {\r\n if (isFilterActive) {\r\n setLoader(true);\r\n handleProfilesByFilters(\r\n startDate,\r\n endDate,\r\n Offset,\r\n showAll,\r\n associationNumber\r\n )\r\n .then(result => {\r\n if (result?.data?.data) {\r\n setLoader(false);\r\n setProfileList(result?.data?.data);\r\n }\r\n return setLoader(false);\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n }\r\n }, [isFilterActive]);\r\n\r\n return (\r\n <>\r\n setShowPopup(false)}\r\n popupTitle=\"Profile Details\"\r\n popupData={{\r\n profileDetails: selectedProfile,\r\n programDeatils: programData\r\n }}\r\n />\r\n \r\n );\r\n};\r\n\r\nProfileTable.propTypes = {\r\n handleGetProfileDelete: PropTypes.func.isRequired,\r\n setLoader: PropTypes.func.isRequired,\r\n getSwimProfile: PropTypes.func.isRequired,\r\n getSwimProgram: PropTypes.func.isRequired,\r\n recallCount: PropTypes.func.isRequired,\r\n endDate: PropTypes.string.isRequired,\r\n startDate: PropTypes.string.isRequired,\r\n showAll: PropTypes.bool.isRequired,\r\n isFilterActive: PropTypes.bool.isRequired,\r\n handleProfilesByFilters: PropTypes.func.isRequired,\r\n isFilterClear: PropTypes.bool.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetProfileDelete: getSwimSafetyProfileDelete,\r\n getSwimProfile: getSwimSafetyProfileDetails,\r\n getSwimProgram: getSwimSafetyProgramsDetails,\r\n handleProfilesByFilters: getSwimSafetyProfilesByFilters\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ProfileTable);\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport get from 'lodash.get';\r\nimport {\r\n APP_LABELS,\r\n DATE_SHOWALL_ARRAY,\r\n STORAGE_KEYS\r\n} from '@config/app-config';\r\nimport BranchesIconLight from '@static/images/swimRegistration/swim-safety-branches-light.svg';\r\nimport BranchesIconTransparent from '@static/images/swimRegistration/swim-branch-transparent.svg';\r\nimport { getSwimAssociationDashboardCountList } from '@redux/siwm-safety/association-dashboard/actions';\r\nimport moment from 'moment';\r\nimport BlockUi from 'react-block-ui';\r\nimport { connect } from 'react-redux';\r\nimport { Loader } from 'react-loaders';\r\nimport SwimIconBlueLight from '@static/images/swimRegistration/swim-safety-blue-swim-light.svg';\r\nimport SwimIconBlueTransparent from '@static/images/swimRegistration/swim-safety-swim-transparent.svg';\r\nimport ProfileIconYellowLight from '@static/images/swimRegistration/swim-safety-profiles-yellow.svg';\r\nimport ProfileIconYellowTransparent from '@static/images/swimRegistration/swim-safety-profiles-yellow-transparent.svg';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport ViewDetailsPopup from './view-details-popup';\r\nimport BranchTable from './BranchsTable/index';\r\nimport ProgramTable from './ProgramsTable/index';\r\nimport ProfileTable from './ProfileTables/index';\r\nimport SecureStorage from '../../../../utilities/SecureStorage';\r\n\r\nconst Dashboard = props => {\r\n const { handleGetDashBoardCount, location, LoginUserData } = props;\r\n const defaultStartDate = moment().subtract(90, 'd').format('MM-DD-YYYY');\r\n const defaultEndDate = moment().format('MM-DD-YYYY');\r\n const [activeTab, setActiveTab] = useState('');\r\n const [showPopup, setShowPopup] = useState(false);\r\n const [loader, setLoader] = useState(false);\r\n const [showAll, setShowAll] = useState(true);\r\n const [countData, setCountData] = useState({});\r\n const [selectedRange, setSelectedRange] = useState('true');\r\n const [startDate, setStartDate] = useState(defaultStartDate);\r\n const [endDate, setEndDate] = useState(defaultEndDate);\r\n const [isFilterActive, setIsFilterActive] = useState(false);\r\n const [isFilterClear, setIsFilterClear] = useState(false);\r\n const role = get(LoginUserData, 'user.role[0]');\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n const associationNumber = get(associateData, 'associationNumber', '');\r\n const selectedTab = sessionStorage.getItem('swim_Program_selected_tab');\r\n const Offset = new Date().getTimezoneOffset();\r\n\r\n const { state } = location;\r\n\r\n const handleTabs = tab => {\r\n if (tab === 'Branches') {\r\n setActiveTab(tab);\r\n sessionStorage.setItem('swim_Program_selected_tab', tab);\r\n }\r\n if (tab === 'Swim Programs') {\r\n setActiveTab(tab);\r\n sessionStorage.setItem('swim_Program_selected_tab', tab);\r\n }\r\n if (tab === 'Profiles') {\r\n setActiveTab(tab);\r\n sessionStorage.setItem('swim_Program_selected_tab', tab);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n SecureStorage.setItem(\r\n STORAGE_KEYS.DASHBOARD_URL,\r\n role === APP_LABELS.YUSA_DATA_STEWARD\r\n ? '/swim/dashboard'\r\n : '/swim/association/dashboard'\r\n );\r\n setActiveTab(selectedTab || 'Branches');\r\n }, []);\r\n\r\n const filterDate = days => {\r\n if (days === 'Custom') {\r\n setStartDate('');\r\n setEndDate('');\r\n setShowAll(false);\r\n } else if (days === '1') {\r\n setStartDate(moment().subtract(days, 'd').format('MM-DD-YYYY'));\r\n setEndDate(moment().subtract(days, 'd').format('MM-DD-YYYY'));\r\n setShowAll(false);\r\n } else if (days === true) {\r\n setShowAll(days);\r\n setStartDate(moment().format('MM-DD-YYYY'));\r\n setEndDate(moment().format('MM-DD-YYYY'));\r\n } else {\r\n setStartDate(moment().subtract(days, 'd').format('MM-DD-YYYY'));\r\n setEndDate(defaultEndDate);\r\n setShowAll(false);\r\n }\r\n };\r\n\r\n const getDashboardCounts = async () => {\r\n setLoader(true);\r\n const showAllOption = selectedRange === 'true';\r\n setShowAll(showAllOption);\r\n await handleGetDashBoardCount(\r\n startDate,\r\n endDate,\r\n Offset,\r\n showAllOption,\r\n associationNumber\r\n )\r\n .then(result => {\r\n if (result?.data?.data) {\r\n setLoader(false);\r\n setCountData(result?.data?.data);\r\n } else {\r\n setLoader(false);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n getDashboardCounts();\r\n }, []);\r\n\r\n const handleApply = () => {\r\n setIsFilterActive(true);\r\n getDashboardCounts();\r\n };\r\n\r\n const clearFilters = () => {\r\n setStartDate(moment().format('MM-DD-YYYY'));\r\n setEndDate(moment().format('MM-DD-YYYY'));\r\n setSelectedRange(true);\r\n setShowAll(true);\r\n setIsFilterClear(true);\r\n setIsFilterActive(false);\r\n };\r\n\r\n const handleClear = async () => {\r\n clearFilters();\r\n await handleGetDashBoardCount(\r\n moment().format('MM-DD-YYYY'),\r\n moment().format('MM-DD-YYYY'),\r\n Offset,\r\n true,\r\n associationNumber\r\n )\r\n .then(result => {\r\n if (result?.data?.data) {\r\n setLoader(false);\r\n setCountData(result?.data?.data);\r\n } else {\r\n setLoader(false);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {APP_LABELS.NAV_DASHBOARD}\r\n \r\n \r\n
\r\n
\r\n {/* \r\n + Upload Multiple Student Profiles\r\n */}\r\n
\r\n
\r\n\r\n
\r\n
\r\n {' '}\r\n
\r\n Range Selection \r\n {\r\n setSelectedRange(e.target.value);\r\n filterDate(e.target.value);\r\n setIsFilterActive(false);\r\n setIsFilterClear(false);\r\n }}\r\n defaultValue={true}\r\n >\r\n {DATE_SHOWALL_ARRAY.map(items => (\r\n \r\n {items.name}\r\n \r\n ))}\r\n \r\n
\r\n
Or \r\n
\r\n\r\n
\r\n
From Date \r\n
\r\n {\r\n setStartDate(e.target.value);\r\n setEndDate('');\r\n setIsFilterActive(false);\r\n setIsFilterClear(false);\r\n }}\r\n value={startDate}\r\n disabled={selectedRange !== 'Custom'}\r\n className={`${selectedRange === 'Custom'\r\n ? ''\r\n : 'cursor-not-allowed ymca-disabled-section'\r\n } fieldSet mt-1`}\r\n min={moment(new Date('1/1/1901 12:00:00')).format(\r\n 'YYYY-MM-DD'\r\n )}\r\n // onKeyDown={e => {\r\n // e.preventDefault();\r\n // }}\r\n max={moment(new Date())\r\n .add(1, 'y')\r\n .format('YYYY-MM-DD')}\r\n />\r\n
\r\n
\r\n
\r\n
To Date \r\n
\r\n {\r\n setEndDate(e.target.value);\r\n setIsFilterActive(false);\r\n setIsFilterClear(false);\r\n }}\r\n // onKeyDown={e => {\r\n // e.preventDefault();\r\n // }}\r\n disabled={selectedRange !== 'Custom' || startDate === ''}\r\n className={`${selectedRange !== 'Custom' || startDate === ''\r\n ? 'cursor-not-allowed ymca-disabled-section'\r\n : ''\r\n } fieldSet mt-1`}\r\n value={endDate}\r\n min={\r\n selectedRange === 'Custom'\r\n ? moment(new Date(startDate))\r\n .add(1, 'days')\r\n .format('YYYY-MM-DD')\r\n : ''\r\n }\r\n max={\r\n moment(new Date())\r\n .add(1, 'Y')\r\n .format('YYYY-MM-DD')\r\n }\r\n />\r\n
\r\n
\r\n\r\n
\r\n {\r\n handleApply();\r\n }}\r\n disabled={\r\n (startDate === '' || endDate === '') &&\r\n selectedRange === 'Custom'\r\n }\r\n className=\"btn ymca-primary-btn apply-btn custom-align\"\r\n >\r\n Apply \r\n \r\n
\r\n
\r\n handleClear()}\r\n className=\"btn ymc-outlineBtn apply-btn custom-align\"\r\n >\r\n Clear\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n
handleTabs('Branches')}\r\n >\r\n \r\n
\r\n {activeTab === 'Branches' ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
{countData?.branchesCount || '0'} \r\n
Number of Branches
\r\n
\r\n
\r\n
\r\n
handleTabs('Swim Programs')}\r\n >\r\n \r\n
\r\n {activeTab === 'Swim Programs' ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
{countData?.swimProgramsCount || '0'} \r\n
Number of Swim Programs
\r\n
\r\n
\r\n
\r\n
handleTabs('Profiles')}\r\n >\r\n \r\n
\r\n {activeTab === 'Profiles' ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
{countData?.profilesCount || '0'} \r\n
Number of Profiles
\r\n
\r\n
\r\n
\r\n
\r\n {activeTab === 'Branches' && (\r\n
\r\n )}\r\n {activeTab === 'Swim Programs' && (\r\n
\r\n )}\r\n {activeTab === 'Profiles' && (\r\n
\r\n )}\r\n
\r\n
\r\n\r\n
setShowPopup(false)}\r\n popupTitle=\"Profile Details\"\r\n popupData={{}}\r\n />\r\n \r\n
\r\n
\r\n \r\n
{\r\n handleCloseErrorPopup();\r\n }}\r\n >\r\n \r\n
{APP_LABELS.ERROR} \r\n
\r\n {errorMessage !== ''\r\n ? errorMessage\r\n : APP_LABELS.COMMON_ERROR_MESSAGE}\r\n
\r\n
\r\n {\r\n handleCloseErrorPopup();\r\n }}\r\n >\r\n {APP_LABELS.CLOSE}\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Upload Profiles \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {APP_LABELS.INSTRUCTIONS}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {redirect &&
}\r\n
\r\n \r\n\r\n {/* Attention Modal */}\r\n {\r\n setSuccessPopup(false);\r\n }}\r\n />\r\n\r\n {/* Error Modal */}\r\n \r\n \r\n ) : (\r\n \r\n \r\n );\r\n return (\r\n \r\n \r\n
\r\n
\r\n
{title} \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {column.isSorted ? (\r\n getSortedDesc(column?.isSortedDesc)\r\n ) : (\r\n <>\r\n {column.Header !== 'Summary' &&\r\n column.Header !== '' ? (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n {\r\n setPageSize(Number(e.target.value));\r\n }}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
Entries Per Page
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {caluclatePageEntries()} to {caluclatePageToEntries()} of{' '}\r\n {caluclatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n setLoader: PropTypes.func.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: ''\r\n};\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string\r\n};\r\n\r\nexport default Table;\r\n","export const ADMIN_DASHBOARD_COLUMNS = () => [\r\n {\r\n Header: 'Profile ID',\r\n accessor: 'profileId',\r\n className: 'notranslate ymca-word-break ymca-text-primary'\r\n },\r\n {\r\n Header: 'Birth Date',\r\n accessor: 'childBirthDate',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Gender',\r\n accessor: 'gender',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Ethnicity',\r\n accessor: 'ethnicity',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Actions',\r\n accessor: 'details',\r\n className: 'notranslate'\r\n }\r\n];\r\n\r\nexport const INVALID_DASHBOARD_COLUMNS = () => [\r\n {\r\n Header: 'Profile ID',\r\n accessor: 'profileId',\r\n className: 'notranslate ymca-word-break ymca-text-primary'\r\n },\r\n {\r\n Header: 'Birth Date',\r\n accessor: 'childBirthDate',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Gender',\r\n accessor: 'gender',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Ethnicity',\r\n accessor: 'ethnicity',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Errors',\r\n accessor: 'errorSummary',\r\n className: 'notranslate text-danger'\r\n },\r\n {\r\n Header: 'Actions',\r\n accessor: 'details',\r\n className: 'notranslate'\r\n }\r\n];\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport { APP_LABELS, CDP } from '@config/app-config';\r\nimport get from 'lodash.get';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport Breadcrumb from '@static/images/breadcrumb-icon.svg';\r\nimport UploadsWhiteIcon from '@static/images/uploads-white-icon.svg';\r\nimport DataActiveGreenLight from '@static/images/swimRegistration/data-green-light.svg';\r\nimport DataGrren from '@static/images/swimRegistration/data-green.svg';\r\nimport YellowIcon from '@static/images/swimRegistration/data-yellow.svg';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport convertUtcToLocal from '@utilities/ConvertTimezone';\r\nimport {\r\n SwimProfileSelector,\r\n SwimSelectedProgramSelector\r\n} from '@redux/siwm-safety/swim-profiles/selectors';\r\nimport { getSwimSafetyImportProfiles } from '@redux/siwm-safety/swim-profiles/actions';\r\nimport Table from './table';\r\nimport { ADMIN_DASHBOARD_COLUMNS, INVALID_DASHBOARD_COLUMNS } from './columns';\r\nimport ViewDetailsPopup from './view-details-popup';\r\nimport ErrorPopup from '../upload-profile/error-popup';\r\nimport CardsList from './cardsList';\r\n\r\nconst UploadData = ({\r\n FetchSwimProfileData,\r\n handleSwimImportProfiles,\r\n FetchSelectedProgramSelector\r\n}) => {\r\n const [activeTab, setActiveTab] = useState('Total Profiles');\r\n const [tableData, setTableData] = useState([]);\r\n const [showPopup, setShowPopup] = useState(false);\r\n const [isConfirmCheck, setIsConfirmCheck] = useState(false);\r\n const [showConfirmCheckMsg, setShowConfirmCheckMsg] = useState(false);\r\n const [loader, setLoader] = useState(false);\r\n const [redirect, setRedirect] = useState(false);\r\n const [showErrorPopup, setShowErrorPopup] = useState(false);\r\n const [showErrorMessage, setShowErrorMessage] = useState('');\r\n const [toastStatus, setToastStatus] = useState({ status: '', message: '' });\r\n const [cardDetails, setCardDetails] = useState({});\r\n const [selectedProfile, setSelectedProfile] = useState({});\r\n const [importDisable, setImportDisable] = useState(true);\r\n\r\n const newTableData = tableData?.map(data => ({\r\n ...data,\r\n childBirthDate: get(data, 'childBirthDate')\r\n ? convertUtcToLocal(get(data, 'childBirthDate'), 'DD MMM YYYY')\r\n : '-',\r\n errorSummary: data?.errorSummary\r\n ?.split(',')\r\n ?.map(res => {res}
),\r\n details: (\r\n {\r\n setSelectedProfile(data);\r\n setShowPopup(true);\r\n }}\r\n className=\"table-link swim-viewdetails-btn btn\"\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n )\r\n }));\r\n\r\n useEffect(() => {\r\n setImportDisable(true);\r\n if (activeTab === 'Valid Profiles') {\r\n setImportDisable(false);\r\n } else {\r\n setImportDisable(\r\n !(\r\n get(FetchSwimProfileData?.data?.segregatedList, 'TotalProfiles', [])\r\n .length ===\r\n get(FetchSwimProfileData?.data?.segregatedList, 'NewProfiles', [])\r\n .length +\r\n get(\r\n FetchSwimProfileData?.data?.segregatedList,\r\n 'ExistedProfiles',\r\n []\r\n ).length\r\n )\r\n );\r\n }\r\n }, [FetchSwimProfileData?.data?.segregatedList, activeTab]);\r\n\r\n useEffect(() => {\r\n const data = get(\r\n FetchSwimProfileData?.data?.segregatedList,\r\n 'TotalProfiles',\r\n []\r\n );\r\n\r\n setCardDetails(FetchSelectedProgramSelector);\r\n setTableData(data);\r\n }, []);\r\n\r\n const handleTabs = tab => {\r\n if (tab === 'Total Profiles') {\r\n setActiveTab(tab);\r\n const data = get(\r\n FetchSwimProfileData?.data?.segregatedList,\r\n 'TotalProfiles',\r\n []\r\n );\r\n setTableData(data);\r\n } else if (tab === 'Valid Profiles') {\r\n setActiveTab(tab);\r\n const data = [\r\n ...get(\r\n FetchSwimProfileData?.data?.segregatedList,\r\n 'ExistedProfiles',\r\n []\r\n ),\r\n ...get(FetchSwimProfileData?.data?.segregatedList, 'NewProfiles', [])\r\n ];\r\n setTableData(data);\r\n } else if (tab === 'Invalid Profiles') {\r\n setActiveTab(tab);\r\n const data = get(FetchSwimProfileData?.data?.segregatedList, 'Error', []);\r\n setTableData(data);\r\n }\r\n };\r\n\r\n const showStatus = response => {\r\n if (\r\n response.status === 200 &&\r\n response?.data &&\r\n response.data?.success !== 'Failed'\r\n ) {\r\n if (response.status === 200 && response.data) {\r\n let seconds = 5;\r\n setToastStatus({\r\n status: APP_LABELS.SUCCESS,\r\n message: String.format(CDP.MESSAGES.importSuccessSwim)\r\n });\r\n const countdownInterval = setInterval(() => {\r\n seconds--;\r\n setToastStatus({\r\n status: APP_LABELS.SUCCESS,\r\n message: String.format(CDP.MESSAGES.importSuccess)\r\n });\r\n if (seconds === 0) {\r\n clearInterval(countdownInterval);\r\n }\r\n }, 1000);\r\n }\r\n if (response.hasOwnProperty('isSuccess') && !response.isSuccess) {\r\n setToastStatus({\r\n status: APP_LABELS.ERROR,\r\n message: APP_LABELS.ERROR_MESSAGE\r\n });\r\n }\r\n } else {\r\n setShowErrorPopup(true);\r\n setShowErrorMessage(\r\n response?.data?.message || 'Failed to import profiles data'\r\n );\r\n }\r\n };\r\n\r\n const onImportClick = async () => {\r\n if (!isConfirmCheck) {\r\n setShowConfirmCheckMsg(true);\r\n return;\r\n }\r\n const data = [\r\n ...get(FetchSwimProfileData?.data?.segregatedList, 'ExistedProfiles', []),\r\n ...get(FetchSwimProfileData?.data?.segregatedList, 'NewProfiles', [])\r\n ];\r\n\r\n const updateData = data?.map(res => {\r\n const updateRes = { ...res };\r\n Object.keys(res).forEach(key => {\r\n let value = res[key];\r\n if (\r\n value !== null &&\r\n typeof value === 'string' &&\r\n value.toUpperCase() === 'YES'\r\n ) {\r\n updateRes[key] = true;\r\n } else if (\r\n value !== null &&\r\n typeof value === 'string' &&\r\n value.toUpperCase() === 'NO'\r\n ) {\r\n updateRes[key] = false;\r\n }\r\n });\r\n return updateRes;\r\n });\r\n const payload = {\r\n profilesImport: [...updateData]\r\n };\r\n\r\n setLoader(true);\r\n handleSwimImportProfiles(payload)\r\n .then(response => {\r\n setLoader(false);\r\n showStatus(response);\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const onOkError = () => {\r\n if (toastStatus.status === APP_LABELS.SUCCESS) {\r\n setRedirect(true);\r\n } else {\r\n setToastStatus({});\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n Upload Data \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n
handleTabs('Total Profiles')}\r\n >\r\n \r\n
\r\n {activeTab === 'Total Profiles' ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n {get(\r\n FetchSwimProfileData?.data?.fileUploadSummary,\r\n 'totalUsers',\r\n '0'\r\n )}\r\n \r\n
Total Profiles
\r\n
\r\n
\r\n
\r\n
handleTabs('Valid Profiles')}\r\n >\r\n \r\n
\r\n {activeTab === 'Valid Profiles' ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n {' '}\r\n {get(\r\n FetchSwimProfileData?.data?.fileUploadSummary,\r\n 'existedUsers',\r\n 0\r\n ) +\r\n get(\r\n FetchSwimProfileData?.data?.fileUploadSummary,\r\n 'newUsers',\r\n 0\r\n )}\r\n \r\n
Valid Profile
\r\n
\r\n
\r\n
\r\n
handleTabs('Invalid Profiles')}\r\n >\r\n \r\n
\r\n {activeTab === 'Invalid Profiles' ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n
\r\n\r\n
\r\n
\r\n {get(\r\n FetchSwimProfileData?.data?.fileUploadSummary,\r\n 'error',\r\n '0'\r\n )}\r\n \r\n
Invalid Profile
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n
setIsConfirmCheck(e.target.checked)}\r\n value={isConfirmCheck}\r\n disabled={importDisable}\r\n />\r\n \r\n I confirm to the changes in system.\r\n \r\n {showConfirmCheckMsg && !isConfirmCheck && (\r\n \r\n * Please check the confirm import data by checking\r\n checkbox.\r\n
\r\n )}\r\n \r\n
\r\n
onBackClick(e)}\r\n role=\"button\"\r\n className=\"btn ymca-primary-outline-btn login-btn mt-0\"\r\n >\r\n Cancel\r\n \r\n \r\n {APP_LABELS.UPLOAD_DATA_IMPORT_DATA}\r\n \r\n \r\n\r\n
setShowPopup(false)}\r\n popupTitle=\"Profile Details\"\r\n popupData={{\r\n profileDetails: selectedProfile,\r\n programDeatils: FetchSelectedProgramSelector\r\n }}\r\n />\r\n\r\n setShowErrorPopup(false)}\r\n errorMessage={showErrorMessage}\r\n showErrorPopup={showErrorPopup}\r\n />\r\n {redirect && \r\n
\r\n
\r\n \r\n ) : (\r\n \r\n \r\n );\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n {title} ({data.length})\r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n\r\n
\r\n Export\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {column.isSorted ? (\r\n getSortedDesc(column?.isSortedDesc)\r\n ) : (\r\n <>\r\n {column.Header !== 'Summary' &&\r\n column.Header !== '' ? (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n {\r\n setPageSize(Number(e.target.value));\r\n }}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
Entries Per Page
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {caluclatePageEntries()} to {caluclatePageToEntries()} of{' '}\r\n {caluclatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n setLoader: PropTypes.func.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: '',\r\n showCount: false,\r\n role: null,\r\n downLoadAssocitions: () => {}\r\n};\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string,\r\n showCount: PropTypes.bool,\r\n downLoadAssocitions: PropTypes.func,\r\n role: PropTypes.string\r\n};\r\n\r\nexport default Table;\r\n","const INSURANCE_ASSOCIATIONS_COLUMNS = () => [\r\n {\r\n Header: 'Association Name',\r\n accessor: 'associationName',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Status',\r\n accessor: 'status',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Last Uploaded Date Time',\r\n accessor: 'lastUplodedDateTime',\r\n className: 'notranslate ymca-word-break '\r\n },\r\n {\r\n Header: 'Expiry Date',\r\n accessor: 'expiryDate',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Last Upload By',\r\n accessor: 'uplodedBy',\r\n className: 'notranslate '\r\n },\r\n {\r\n Header: '',\r\n accessor: 'details',\r\n className: 'notranslate'\r\n }\r\n];\r\n\r\nexport default INSURANCE_ASSOCIATIONS_COLUMNS;\r\n","/* eslint-disable jsx-a11y/click-events-have-key-events */\r\nimport React, { useState, useEffect } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { APP_LABELS, STORAGE_KEYS } from '@config/app-config';\r\nimport BlockUi from 'react-block-ui';\r\nimport { connect } from 'react-redux';\r\nimport { Loader } from 'react-loaders';\r\nimport axios from 'axios';\r\nimport convertUtcToLocal from '@utilities/ConvertTimezone';\r\nimport AssociationActive from '@static/images/insurance/ins-active-association.svg';\r\nimport AssociationIcon from '@static/images/insurance/ins-association.svg';\r\nimport SubmissionIcon from '@static/images/insurance/submission.svg';\r\nimport ApprovedIcon from '@static/images/swimRegistration/approved-icon.svg';\r\nimport NewSubmissionIcon from '@static/images/insurance/new-submission-icon.png';\r\nimport PendingIcon from '@static/images/insurance/pending-icon.png';\r\nimport RejectedIcon from '@static/images/insurance/rejected-icon.png';\r\nimport ExpireIcon from '@static/images/insurance/expired-icon.png';\r\nimport SubmissionDark from '@static/images/insurance/submission-active.svg';\r\nimport ApprovedIconDark from '@static/images/insurance/approved-active.svg';\r\nimport ApprovedIconLight from '@static/images/insurance/approved.svg';\r\nimport PendingIconDark from '@static/images/insurance/pending-active.svg';\r\nimport PendingIconLight from '@static/images/insurance/pending.svg';\r\nimport RejectedDarkIcon from '@static/images/insurance/rejected-active.svg';\r\nimport RejectedLightIcon from '@static/images/insurance/rejected.svg';\r\nimport ExpiredDarkIcon from '@static/images/insurance/expired-active.svg';\r\nimport ExpiredIcon from '@static/images/insurance/expired.svg';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport { GET_COLI_EXPORT_ASSOCIATION_API } from '@config/api-config';\r\nimport { SwimSafetyAssocListSelector } from '@redux/siwm-safety/dashboard/selectors';\r\nimport get from 'lodash.get';\r\nimport {\r\n getCOLIAssociationList,\r\n getCOLIdashboardCount\r\n} from '@redux/certificate-of-liability/dashboard/actions';\r\nimport Table from './table';\r\nimport INSURANCE_ASSOCIATIONS_COLUMNS from './columns';\r\nimport SecureStorage from '../../../../utilities/SecureStorage';\r\n\r\nconst Dashboard = props => {\r\n const { handleGetDashBoardCount, handlegetAssociationList, LoginUserData } =\r\n props;\r\n const [countData, setCountData] = useState({});\r\n const [associationList, setAssociationList] = useState([]);\r\n const [loader, setLoader] = useState(false);\r\n const [selectedTab, setSelectedTab] = useState(null);\r\n const authToken = JSON.parse(sessionStorage.getItem('token'));\r\n const Offset = new Date().getTimezoneOffset();\r\n\r\n const role = get(LoginUserData, 'user.role[0]');\r\n\r\n const handleList = () => {\r\n handlegetAssociationList(selectedTab)\r\n .then(result => {\r\n if (result?.data?.data) {\r\n setLoader(false);\r\n setAssociationList(result?.data?.data);\r\n } else {\r\n setLoader(false);\r\n }\r\n })\r\n .catch(() => {\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const handleCountCall = () => {\r\n handleGetDashBoardCount().then(result => {\r\n if (result?.data?.data) {\r\n setCountData(result?.data?.data);\r\n }\r\n });\r\n };\r\n\r\n const getDesignedStatus = status => {\r\n let icon = '';\r\n let textColorCls = '';\r\n let text = '';\r\n\r\n switch (status) {\r\n case 'Approved':\r\n icon = ApprovedIcon;\r\n textColorCls = 'approved-color';\r\n text = 'Approved';\r\n break;\r\n case 'Rejected':\r\n icon = RejectedIcon;\r\n textColorCls = 'rejected-color';\r\n text = 'Rejected';\r\n break;\r\n case 'New':\r\n icon = NewSubmissionIcon;\r\n textColorCls = 'new-submission-color';\r\n text = 'New Upload';\r\n break;\r\n case 'Pending':\r\n icon = PendingIcon;\r\n textColorCls = 'pending-color';\r\n text = 'Pending';\r\n break;\r\n case 'Expired':\r\n icon = ExpireIcon;\r\n textColorCls = 'expired-color';\r\n text = 'Expired';\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n return (\r\n \r\n
\r\n
{text} \r\n
handleViewDetails(data)}\r\n >\r\n {APP_LABELS.DASH_VIEW_DETAILS}\r\n \r\n )\r\n };\r\n });\r\n\r\n useEffect(async () => {\r\n SecureStorage.setItem(STORAGE_KEYS.DASHBOARD_URL, '/insurance/dashboard');\r\n window.scroll(0, 0);\r\n setLoader(true);\r\n handleCountCall();\r\n handleList();\r\n }, []);\r\n\r\n useEffect(() => {\r\n handleList();\r\n }, [selectedTab]);\r\n\r\n const downLoadAssocitions = () => {\r\n setLoader(true);\r\n axios\r\n .get(GET_COLI_EXPORT_ASSOCIATION_API(Offset), {\r\n responseType: 'blob',\r\n headers: {\r\n 'Content-Type': 'blob',\r\n 'Access-Control-Allow-Credentials': true,\r\n 'Access-Control-Allow-Origin': window.location.origin,\r\n 'Ocp-Apim-Subscription-Key': APP_LABELS.APIM_KEY,\r\n Authorization: `Bearer ${get(authToken, 'token', '')}`\r\n }\r\n })\r\n .then(response => {\r\n const downloadUrl = window.URL.createObjectURL(\r\n new Blob([response.data])\r\n );\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.setAttribute('download', 'YMCA-Associations.xlsx');\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoader(false);\r\n });\r\n };\r\n\r\n const getTableTitle = () => {\r\n switch (selectedTab) {\r\n case 'new':\r\n return 'New Submissions';\r\n case 'approved':\r\n return 'Approved';\r\n case 'pending':\r\n return 'Pending';\r\n case 'rejected':\r\n return 'Rejected';\r\n case 'expired':\r\n return 'Expired';\r\n default:\r\n return 'YMCA Associations';\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {APP_LABELS.NAV_DASHBOARD}\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
{\r\n setSelectedTab(null);\r\n }}\r\n >\r\n \r\n \r\n
\r\n\r\n
\r\n
{countData?.totalAssociations || 0} \r\n
No. of Associations
\r\n
\r\n
{\r\n setSelectedTab('new');\r\n }}\r\n >\r\n \r\n \r\n
\r\n
\r\n
{countData?.newlySubmitted || 0} \r\n
New Submissions
\r\n
\r\n
\r\n \r\n
{\r\n setSelectedTab('approved');\r\n }}\r\n >\r\n \r\n \r\n
\r\n\r\n
\r\n
{countData?.approved || 0} \r\n
Approved
\r\n
\r\n
{\r\n setSelectedTab('pending');\r\n }}\r\n >\r\n \r\n \r\n
\r\n
\r\n
{countData?.pending || 0} \r\n
Pending
\r\n
\r\n
{\r\n setSelectedTab('rejected');\r\n }}\r\n >\r\n \r\n \r\n
\r\n
\r\n
{countData?.rejected || 0} \r\n
Rejected
\r\n
\r\n
{\r\n setSelectedTab('expired');\r\n }}\r\n >\r\n \r\n \r\n
\r\n
\r\n
{countData?.expired || 0} \r\n
Expired
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {fileExt?.toLocaleLowerCase()?.includes('pdf') ? (\r\n
\r\n \r\n \r\n
\r\n
\r\n
Approve
\r\n
setShowApprovePopup(false)}\r\n >\r\n \r\n
\r\n
\r\n
Expiry Date \r\n
\r\n {\r\n setExpiryDate(e.target.value);\r\n }}\r\n className=\"Custom fieldSet mt-1 insurence-approve-popup\"\r\n min={new Date().toISOString().split('T')[0]}\r\n onKeyDown={e => {\r\n e.preventDefault();\r\n }}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n\r\n
{\r\n setShowApprovePopup(false);\r\n handleApprove(expiryDate);\r\n }}\r\n >\r\n Add\r\n \r\n {\r\n setExpiryDate(moment(new Date()).format('YYYY-MM-DD'));\r\n setShowApprovePopup(false);\r\n }}\r\n >\r\n Cancel\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n Add Comments for Rejection\r\n
\r\n
setShowRejectPopup(false)}\r\n >\r\n \r\n
\r\n
\r\n
\r\n
\r\n Comments \r\n {\r\n setComment(e.target.value);\r\n }}\r\n value={comment}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n
{\r\n handleReject(comment);\r\n setShowRejectPopup(false);\r\n }}\r\n >\r\n Reject\r\n \r\n setShowRejectPopup(false)}\r\n >\r\n Cancel\r\n \r\n \r\n
\r\n
\r\n
\r\n
{text} \r\n
\r\n {!fileName.split('.').includes('doc') && (\r\n
openPDF(fileName)}\r\n >\r\n openPDF(fileName, true)}\r\n >\r\n setShowApprovePopup(true)}\r\n >\r\n Approve\r\n \r\n )}\r\n {get(associationDetails, 'status', '') === 'Approved' && (\r\n setShowRejectPopup(true)}\r\n >\r\n {' '}\r\n Reject\r\n \r\n )}\r\n {checkStatusYmcaRole(get(associationDetails, 'status', '')) && (\r\n <>\r\n setShowApprovePopup(true)}\r\n >\r\n Approve\r\n \r\n setShowRejectPopup(true)}\r\n >\r\n {' '}\r\n Reject\r\n \r\n \r\n )}\r\n \r\n ) : (\r\n !APP_LABELS.COI_PERMISSION_ROLES.includes(role) &&\r\n get(associationDetails, 'status', '') !== 'Expired' && (\r\n <>\r\n |{' '}\r\n \r\n \r\n {!fileName.split('.').includes('doc') && (\r\n
openPDF(fileName)}\r\n >\r\n openPDF(fileName, true)}\r\n >\r\n {\r\n UploadFileRef.current.click();\r\n }}\r\n >\r\n Upload File \r\n \r\n \r\n ) : (\r\n \r\n {!uploadFileData?.name.split('.').includes('doc') && (\r\n <>\r\n
openPDF()}\r\n >\r\n \r\n \r\n \r\n\r\n | \r\n \r\n )}\r\n\r\n {\r\n setUploadFileData(null);\r\n }}\r\n className='btn p-0 pt-1'\r\n type='button'\r\n >\r\n \r\n Delete File \r\n \r\n \r\n openPDF(fileUrl)}\r\n >\r\n \r\n \r\n \r\n )}\r\n openPDF(fileUrl, true)}\r\n >\r\n {\r\n UploadFileRef.current.click();\r\n }}\r\n >\r\n {documentTypeError}
\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {role !== APP_LABELS.ASSOCIATION_DATA_STEWARD &&\r\n role !== APP_LABELS.CEO_DATA_STEWARD && (\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n )}\r\n
\r\n \r\n
\r\n
\r\n
\r\n Insurance Details\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n {(APP_LABELS.ASSOCIATION_DATA_STEWARD === role ||\r\n APP_LABELS.CEO_DATA_STEWARD === role) && (\r\n \r\n
\r\n
\r\n
\r\n {APP_LABELS.INSTRUCTIONS}\r\n \r\n
\r\n
\r\n
\r\n
\r\n {get(associationDetails, 'registeredDateTime', null) && (\r\n
\r\n \r\n Certificate Upload Date & Time -\r\n {' '}\r\n \r\n {get(associationDetails, 'registeredDateTime', null) &&\r\n convertUtcToLocal(\r\n get(associationDetails, 'registeredDateTime'),\r\n 'DD MMM YYYY, h:mm A'\r\n )}\r\n {' '}\r\n | Status \r\n {getDesignedStatus(get(associationDetails, 'status', ''))}\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Association Name \r\n
{get(associationDetails, 'associationName', '')}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Association Number \r\n
\r\n {' '}\r\n {get(associationDetails, 'associationNumber', '')}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Updated By \r\n
{get(associationDetails, 'updatedBy', '')}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Updated On \r\n
\r\n {' '}\r\n {get(associationDetails, 'updatedOn', '') &&\r\n convertUtcToLocal(\r\n get(associationDetails, 'updatedOn', ''),\r\n 'DD MMM YYYY h:mm A'\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/* {YUSA_DATA_STEWARD Role to Approve or Reject the file} */}\r\n {(role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n APP_LABELS.COI_PERMISSION_ROLES.includes(role)) && (\r\n
\r\n
\r\n \r\n \r\n Document Type \r\n Uploaded On \r\n {get(associationDetails, 'status', '') ===\r\n 'Rejected' && Comments }\r\n {get(associationDetails, 'status', '') ===\r\n 'Approved' && Expiry Date }\r\n\r\n Status \r\n Actions \r\n \r\n \r\n \r\n {get(associationDetails, 'activeDocument.fileUrl', '') ? (\r\n \r\n \r\n {get(\r\n associationDetails,\r\n 'activeDocument.documentType',\r\n ''\r\n )}\r\n \r\n \r\n {uplodedDateTime &&\r\n convertUtcToLocal(\r\n uplodedDateTime,\r\n 'MMM DD, YYYY h:mm A'\r\n )}\r\n \r\n {get(associationDetails, 'status', '') ===\r\n 'Approved' && (\r\n \r\n {get(\r\n associationDetails,\r\n 'activeDocument.expiryDate',\r\n null\r\n ) &&\r\n convertUtcToLocal(\r\n get(\r\n associationDetails,\r\n 'activeDocument.expiryDate',\r\n ''\r\n ),\r\n 'DD MMM YYYY'\r\n )}\r\n \r\n )}\r\n {get(associationDetails, 'status', '') ===\r\n 'Rejected' && (\r\n \r\n {get(\r\n associationDetails,\r\n 'activeDocument.comments',\r\n ''\r\n )}\r\n \r\n )}\r\n\r\n \r\n {getDesignedStatus(\r\n get(associationDetails, 'status', '')\r\n )}\r\n \r\n {renderPreviewAndDownloadButton(fileUrl)} \r\n \r\n ) : (\r\n \r\n \r\n \r\n No Data Found\r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n
\r\n )}\r\n {/* {ASSOCIATION_DATA_STEWARD Role to submit the file} */}\r\n {(role === APP_LABELS.ASSOCIATION_DATA_STEWARD ||\r\n role === APP_LABELS.CEO_DATA_STEWARD) && (\r\n <>\r\n
\r\n
\r\n \r\n \r\n Document Type \r\n Uploaded On \r\n {activeStatus === 'Rejected' && (\r\n Comments \r\n )}\r\n {activeStatus === 'Approved' && (\r\n Expiry Date \r\n )}\r\n {fileUrl && Status }\r\n Actions \r\n \r\n \r\n \r\n \r\n \r\n {get(\r\n associationDetails,\r\n 'activeDocument.documentType',\r\n ''\r\n )}\r\n \r\n \r\n {' '}\r\n {uplodedDateTime\r\n ? convertUtcToLocal(\r\n uplodedDateTime,\r\n 'DD MMM YYYY, h:mm A'\r\n )\r\n : '-'}\r\n \r\n\r\n {activeStatus === 'Rejected' && (\r\n \r\n {get(\r\n associationDetails,\r\n 'activeDocument.comments',\r\n null\r\n )}\r\n \r\n )}\r\n {activeStatus === 'Approved' && (\r\n \r\n {get(\r\n associationDetails,\r\n 'activeDocument.expiryDate',\r\n null\r\n ) &&\r\n convertUtcToLocal(\r\n get(\r\n associationDetails,\r\n 'activeDocument.expiryDate'\r\n ),\r\n 'DD MMM, YYYY'\r\n )}\r\n \r\n )}\r\n {fileUrl && (\r\n {getDesignedStatus(activeStatus)} \r\n )}\r\n \r\n {get(\r\n associationDetails,\r\n 'activeDocument.documentId',\r\n null\r\n ) && !uploadFileData\r\n ? renderViewAndDeletePdf()\r\n : renderUploadButton()}\r\n\r\n {renderErrorNote(fileExceedMessage)}\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n {(!get(\r\n associationDetails,\r\n 'activeDocument.documentId',\r\n null\r\n ) ||\r\n uploadFileData) && (\r\n
\r\n setUploadFileData(null)}\r\n >\r\n Cancel\r\n \r\n handleUploadFile(uploadFileData)}\r\n >\r\n Submit\r\n \r\n
\r\n )}\r\n \r\n )}\r\n
Archive Data \r\n
\r\n
\r\n \r\n \r\n Document Type \r\n Uploaded On \r\n Expiry Date \r\n Comments \r\n Status \r\n Actions \r\n \r\n \r\n \r\n {get(associationDetails, 'archiveDocuments', [])?.length >\r\n 0 ? (\r\n get(associationDetails, 'archiveDocuments', [])?.map(\r\n row => (\r\n \r\n {row.documentType} \r\n \r\n {get(row, 'uplodedDateTime', null) &&\r\n convertUtcToLocal(\r\n get(row, 'uplodedDateTime', ''),\r\n 'DD MMM YYYY'\r\n )}\r\n \r\n \r\n {get(row, 'expiryDate', '') &&\r\n convertUtcToLocal(\r\n get(row, 'expiryDate', ''),\r\n 'DD MMM YYYY'\r\n )}\r\n \r\n \r\n {row.comments || - }\r\n \r\n {getDesignedStatus(get(row, 'status', ''))} \r\n \r\n {archivePreviewAndDownloadButton(row?.fileUrl)}\r\n \r\n \r\n )\r\n )\r\n ) : (\r\n \r\n \r\n \r\n No Data Found\r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n
\r\n
\r\n
approveDocument(expirydate)}\r\n />\r\n {showRejectPopup && (\r\n rejectDocument(comments)}\r\n />\r\n )}\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={errorMessage}\r\n showErrorPopup={errorPopup}\r\n />\r\n {successPopup && (\r\n {\r\n setSuccessPopup(false);\r\n getAssociationDetails();\r\n }}\r\n />\r\n )}\r\n \r\n
\r\n
\r\n \r\n ) : (\r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups.map(headerGroup => (\r\n \r\n {headerGroup.headers.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {column.isSorted\r\n ? getSortedDesc(column.isSortedDesc)\r\n : column.Header !== 'Summary' &&\r\n column.Header !== '' && (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row.cells.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n {/* Page Size Selector, Pagination, and Table Info */}\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n setPageSize(Number(e.target.value))}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {calculatePageEntries()} to {calculatePageToEntries()} of{' '}\r\n {calculatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n globalFilter: PropTypes.string,\r\n setGlobalFilter: PropTypes.func.isRequired,\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string,\r\n showCount: PropTypes.bool,\r\n getRowProps: PropTypes.func.isRequired,\r\n autoResetSortBy: PropTypes.bool.isRequired,\r\n autoResetPage: PropTypes.bool.isRequired,\r\n autoResetFilters: PropTypes.bool.isRequired,\r\n autoResetGlobalFilter: PropTypes.bool.isRequired,\r\n hiddenRecordCount: PropTypes.number.isRequired,\r\n showHideButtonText: PropTypes.string.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n globalFilter: '',\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: '',\r\n showCount: false\r\n};\r\n\r\nexport default connect()(Table);\r\n","import React from 'react';\r\nimport moment from 'moment';\r\nimport { Link } from 'react-router-dom';\r\nimport ViewIcon from '@static/images/swimRegistration/view-icon.svg';\r\nimport EditPencilIcon from '@static/images/swimRegistration/edit-pencil-icon.svg';\r\nimport DeleteIcon from '@static/images/swimRegistration/delete-icon.svg';\r\nimport { APP_LABELS } from '@config/app-config';\r\n\r\nexport const METADATA_DASHBOARD_COLUMNS = ({\r\n handleViewClick,\r\n handleDeleteClick,\r\n role,\r\n isEditableAccessRefCuurent\r\n}) => [\r\n {\r\n Header: 'Form Name',\r\n accessor: 'formName',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Sub Form Name',\r\n accessor: 'subformName',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Category 1',\r\n accessor: 'category1Name',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Category 2',\r\n accessor: 'category2Name',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Category 3',\r\n accessor: 'category3Name',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Data Point ID',\r\n accessor: 'dataPointId',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Data Segment Type',\r\n accessor: 'dataSegmentType',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Last Updated Name & Time',\r\n accessor: row => {\r\n if (row.updatedDttm)\r\n return (\r\n <>\r\n {row.updatedBy || ''} \r\n
handleViewClick(v)}\r\n >\r\n \r\n handleDeleteClick(v.row.original.s_ID)}\r\n >\r\n \r\n
handleViewClick(v)}\r\n >\r\n \r\n
handleUploadViewClick(v)}\r\n >\r\n \r\n
Form ID
\r\n
\r\n {row.formId || '-'}\r\n
\r\n
\r\n
Sub Form ID
\r\n
\r\n {row.subformId || '-'}\r\n
\r\n
\r\n
Last Updated
\r\n
{getRowDate()}
\r\n
\r\n
Form Name
\r\n
\r\n {row.formName || '-'}\r\n
\r\n
\r\n
Sub Form Name
\r\n
\r\n {row.subformName || '-'}\r\n
\r\n
\r\n
\r\n
Category1 ID
\r\n
\r\n {row.category1Id || '-'}\r\n
\r\n
\r\n
Category2 ID
\r\n
\r\n {row.category2Id || '-'}\r\n
\r\n
\r\n
Category3 ID
\r\n
\r\n {row.category3Id || '-'}\r\n
\r\n
\r\n
Category1 Name
\r\n
\r\n {row.category1Name || '-'}\r\n
\r\n
\r\n
Category2 Name
\r\n
\r\n {row.category2Name || '-'}\r\n
\r\n
\r\n
Category3 Name
\r\n
\r\n {row.category3Name || '-'}\r\n
\r\n
\r\n
\r\n
Data Point Type
\r\n
\r\n {row.dataPointType || '-'}\r\n
\r\n
\r\n
Data Point ID
\r\n
\r\n {row.dataPointId || '-'}\r\n
\r\n
\r\n
Data Point Score
\r\n
\r\n {row.dataPoints || '-'}\r\n
\r\n
\r\n
Data Eval Group Type
\r\n
\r\n {row.dataSegmentType || '-'}\r\n
\r\n
\r\n
Data Eval Group ID
\r\n
\r\n {row.dataEvalId || '-'}\r\n
\r\n
\r\n
Data Eval Group Min Score
\r\n
\r\n {row.minPointsReq || '-'}\r\n
\r\n
\r\n
QualtricsID
\r\n
\r\n {row.qualtricsId || '-'}\r\n
\r\n
\r\n
Form Points Possible
\r\n
\r\n {row.formPointsPossible || '-'}\r\n
\r\n
\r\n
Earned Score
\r\n
\r\n {row.earnedScore || '-'}\r\n
\r\n
\r\n
Data Source Mapping
\r\n
\r\n {row.sourceMapping || '-'}\r\n
\r\n
\r\n
Data Target Mapping
\r\n
\r\n {row.targetMapping || '-'}\r\n
\r\n
\r\n {items}\r\n \r\n );\r\n};\r\n\r\nDashboardViewDetails.propTypes = {\r\n row: PropTypes.node.isRequired,\r\n activeKpi: PropTypes.string.isRequired\r\n};\r\n\r\nexport default DashboardViewDetails;\r\n","import moment from 'moment';\r\nimport configureStore from '@state/store';\r\n\r\nconst { store } = configureStore();\r\n\r\nexport const handleResponse = response => {\r\n const res = { isSuccess: true, message: '', data: null };\r\n\r\n if (response.status === 200) {\r\n // which means no exception and user return some thing\r\n res.isSuccess = response.data.isSuccess;\r\n res.message = response.data.message;\r\n res.data = response.data.data;\r\n } else {\r\n // This block handles api exceptions\r\n res.isSuccess = response.isSucess;\r\n res.message = response.message;\r\n }\r\n return res;\r\n};\r\n\r\nexport const handleCatch = async error => {\r\n let errorMessage = '';\r\n if (error.response) {\r\n // Server responded with a status other than 2xx and returned a Blob\r\n const errorData = error.response.data;\r\n\r\n if (errorData instanceof Blob) {\r\n // If errorData is a Blob, we need to read it as text or JSON\r\n const text = await errorData.text(); // convert the blob to text\r\n\r\n // Now parse the text as JSON (if the response contains JSON)\r\n const parsedError = JSON.parse(text);\r\n\r\n errorMessage = `Error caught: ${\r\n parsedError.message || 'Something went wrong'\r\n }`;\r\n } else {\r\n // If it's not a Blob, we can handle it normally\r\n errorMessage = `Error caught: ${\r\n errorData.message || 'Something went wrong'\r\n }`;\r\n }\r\n } else if (error.request) {\r\n // The request was made but no response was received\r\n errorMessage = `Error caught: No response from the server`;\r\n } else {\r\n // Something went wrong in setting up the request\r\n errorMessage = `Error caught: ${error.message}`;\r\n }\r\n return errorMessage;\r\n};\r\n\r\nexport const isAccess = (year, domainName, dashboardARCurrentYearDates) => {\r\n let startDate =\r\n store?.getState()?.metadataDashboard?.dashboardARCurrentYearDates?.[0]\r\n ?.arStartDate;\r\n\r\n if (dashboardARCurrentYearDates && dashboardARCurrentYearDates.length > 0) {\r\n startDate = dashboardARCurrentYearDates[0].arStartDate;\r\n }\r\n\r\n const currentDate = new Date();\r\n if (\r\n moment().year()?.toString() !==\r\n moment(year?.toString()).year()?.toString() &&\r\n domainName?.toString()?.toUpperCase() === 'ANNUAL REPORT'\r\n ) {\r\n return true;\r\n }\r\n if (\r\n moment().year()?.toString() ===\r\n moment(year?.toString()).year()?.toString() &&\r\n moment(currentDate).isAfter(startDate) &&\r\n domainName?.toUpperCase() === 'ANNUAL REPORT'\r\n ) {\r\n return true;\r\n }\r\n return false;\r\n};\r\n","import React, { useEffect, useState, useCallback, useRef } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport axios from 'axios';\r\nimport { Link } from 'react-router-dom';\r\nimport Multiselect from 'multiselect-react-dropdown';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport moment from 'moment';\r\n\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport SearchIcon from '@static/images/search-icon.svg';\r\nimport uploadIconWhite from '@static/images/upload-icon-white.svg';\r\nimport exportIcon from '@static/images/export-icon-white.svg';\r\nimport tdsBlueIcon from '@static/images/tds-blue-icon.svg';\r\nimport tdsWhiteIcon from '@static/images/tds-white-icon.svg';\r\nimport noOfUploadLightIcon from '@static/images/noofupload-light-icon.svg';\r\nimport noOfUploadDarkIcon from '@static/images/noofuploaddark-icon.svg';\r\nimport totalModulelightIcon from '@static/images/total-module-light-icon.svg';\r\nimport totalModulelDarkIcon from '@static/images/total-module-dark-icon.svg';\r\nimport { deleteMetadata } from '@redux/metadata-manager/manage-metadata/actions';\r\nimport get from 'lodash.get';\r\nimport {\r\n getDashboardCounts,\r\n getDomains,\r\n getYears,\r\n getDashboardForms,\r\n getTotalDataCollection,\r\n getTotalUploads,\r\n getTotalChanges,\r\n getARCurrentYearsDates\r\n} from '@redux/metadata-manager/dashboard/actions';\r\nimport appConfig, { APP_LABELS, META_DATA } from '@config/app-config';\r\nimport userService from '@utilities/user-service';\r\nimport CustomModal from '@utilities/CustomModal';\r\n\r\nimport { METADATA_DASHBOARD_URLS } from '@config/api-config';\r\n\r\nimport GetDashboardARCurrentYearDatesSelector from '@redux/metadata-manager/dashboard/selectors';\r\nimport Table from './table';\r\nimport DashboardViewDetails from './view-details';\r\n\r\nimport {\r\n METADATA_DASHBOARD_COLUMNS,\r\n METADATA_DASHBOARD_UPLOAD_COLUMNS,\r\n METADATA_NO_OF_CHANGES_COLUMNS\r\n} from './table-columns';\r\nimport { handleCatch, handleResponse, isAccess } from '../shared/index';\r\n\r\nconst MetaDataManagerDashboard = ({\r\n handleGetDomains,\r\n handleGetYears,\r\n handleGetDashboardCounts,\r\n handleGetDashboardForms,\r\n handleGetTotalCollections,\r\n handleGetTotalUploads,\r\n handleGetTotalChanges,\r\n handleDeleteMetadata,\r\n loginUserData,\r\n currentYearSelector,\r\n handleGetARCurrentYearDates\r\n}) => {\r\n const role = get(loginUserData, 'user.role[0]');\r\n const [deleteId, setDeleteId] = useState(undefined);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [activeKpi, setActiveKpi] = useState(1);\r\n const [dataDomains, setDataDomains] = useState([]);\r\n const [years, setYears] = useState([]);\r\n const [selectedDataDomain, setSelectedDataDomain] = useState(null);\r\n const [selectedYear, setSelectedYear] = useState(null);\r\n const [appliedDataDomain, setAppliedDataDomain] = useState(null);\r\n const [appliedYear, setAppliedYear] = useState(null);\r\n const [kpiData, setKpiData] = useState([]);\r\n const [tableData, setTableData] = useState([]);\r\n const [startDate, setStartDate] = useState('');\r\n const [endDate, setEndDate] = useState('');\r\n const [globalFilter, setGlobalFilter] = useState('');\r\n const [forms, setForms] = useState([]);\r\n const [subForms, setSubForms] = useState([]);\r\n const [selectedForms, setSelectedForms] = useState([]);\r\n const [selectedSubForms, setSelectedSubForms] = useState([]);\r\n const [selectedRow, setSelectedRow] = useState({});\r\n const [showFailure, setShowFailure] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n const [showSuccess, setShowSuccess] = useState(false);\r\n const [successMessage, setSuccessMessage] = useState('');\r\n const [showConfirmation, setShowConfirmation] = useState(false);\r\n const [confirmationMessage] = useState(META_DATA.CONFIRM_META_DATA_DELETE);\r\n const currentYear = new Date().getFullYear();\r\n const [allTableData, setAllTableData] = useState([]); // Store original table data\r\n const [tableColumns, setTableColumns] = useState(\r\n METADATA_DASHBOARD_COLUMNS({})\r\n );\r\n const [isEditableAccess, setIsEditableAccess] = useState(false);\r\n const isEditableAccessRef = useRef(false);\r\n\r\n const setAccess = (year, domainName) => {\r\n setIsEditableAccess(isAccess(year, domainName, currentYearSelector));\r\n };\r\n\r\n const loadCounts = useCallback(\r\n async (domainId, year) => {\r\n setIsLoading(true);\r\n try {\r\n const response = await handleGetDashboardCounts(domainId, year);\r\n const result = handleResponse(response);\r\n if (result.isSuccess) setKpiData(result.data);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n },\r\n [handleGetDashboardCounts]\r\n );\r\n\r\n const handleDeleteClick = id => {\r\n setDeleteId(id);\r\n setShowConfirmation(true);\r\n };\r\n\r\n const handleViewClick = item => {\r\n setSelectedRow(item.row.original);\r\n };\r\n\r\n const handleUploadViewClick = item => {\r\n setSelectedRow(item.row.original.metadataFileUploadMappings);\r\n };\r\n\r\n const resetFormNSubFroms = () => {\r\n setSelectedForms([]);\r\n setSelectedSubForms([]);\r\n setSubForms([]);\r\n };\r\n\r\n const loadMetadata = useCallback(\r\n async (\r\n domainId,\r\n year,\r\n activeKpiOverride = activeKpi,\r\n startDate = null,\r\n endDate = null\r\n ) => {\r\n setIsLoading(true);\r\n const isEditableAccessRefCuurent = isEditableAccessRef.current;\r\n let response;\r\n try {\r\n switch (activeKpiOverride) {\r\n case 1:\r\n setTableColumns(\r\n METADATA_DASHBOARD_COLUMNS({\r\n handleViewClick,\r\n handleDeleteClick,\r\n role,\r\n isEditableAccessRefCuurent\r\n })\r\n );\r\n response = await handleGetTotalCollections(domainId, year);\r\n break;\r\n case 2:\r\n setTableColumns(\r\n METADATA_DASHBOARD_UPLOAD_COLUMNS({ handleUploadViewClick })\r\n );\r\n response = await handleGetTotalUploads(domainId, year);\r\n break;\r\n case 3:\r\n setTableColumns(\r\n METADATA_NO_OF_CHANGES_COLUMNS({ handleViewClick })\r\n );\r\n response = await handleGetTotalChanges(\r\n domainId,\r\n year,\r\n startDate,\r\n endDate\r\n );\r\n break;\r\n default:\r\n return;\r\n }\r\n const result = handleResponse(response);\r\n if (result.isSuccess) {\r\n setTableData(result.data);\r\n setAllTableData(result.data);\r\n }\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n },\r\n [handleGetTotalCollections, handleGetTotalUploads, handleGetTotalChanges]\r\n );\r\n\r\n const loadForms = useCallback(\r\n async (domainId, year) => {\r\n setIsLoading(true);\r\n const response = await handleGetDashboardForms(domainId, year);\r\n const result = handleResponse(response);\r\n if (result.isSuccess) {\r\n setForms(\r\n result.data.map(({ form, subForms }) => ({\r\n name: form.formName,\r\n id: form.formId,\r\n subForms\r\n }))\r\n );\r\n }\r\n setIsLoading(false);\r\n },\r\n [handleGetDashboardForms]\r\n );\r\n\r\n const loadDashboard = useCallback(async () => {\r\n setIsLoading(true);\r\n try {\r\n const response = await Promise.all([\r\n handleGetDomains(),\r\n handleGetYears()\r\n ]);\r\n const domainRes = handleResponse(response[0]);\r\n const yearRes = handleResponse(response[1]);\r\n if (domainRes.isSuccess && yearRes.isSuccess) {\r\n setDataDomains(domainRes.data);\r\n setYears(yearRes.data);\r\n\r\n const initialDomain = domainRes.data[0]?.dataDomainId;\r\n const initialYear = moment().year();\r\n const storedDomainId =\r\n sessionStorage.getItem('domainId') || initialDomain;\r\n const storedYear = sessionStorage.getItem('year') || initialYear;\r\n\r\n if (storedDomainId) {\r\n setSelectedDataDomain(storedDomainId);\r\n }\r\n\r\n if (storedYear) {\r\n setSelectedYear(storedYear);\r\n }\r\n\r\n setSelectedDataDomain(storedDomainId);\r\n setSelectedYear(storedYear);\r\n setAppliedDataDomain(storedDomainId);\r\n setAppliedYear(storedYear);\r\n\r\n await loadCounts(storedDomainId, storedYear);\r\n await loadMetadata(storedDomainId, storedYear, activeKpi);\r\n await loadForms(storedDomainId, storedYear);\r\n }\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n }, [handleGetDomains, handleGetYears, loadCounts, loadMetadata, loadForms]);\r\n\r\n const initializeDashboard = useCallback(async () => {\r\n await handleGetARCurrentYearDates(currentYear);\r\n await loadDashboard();\r\n }, [handleGetDomains, handleGetYears, loadCounts, loadMetadata, loadForms]);\r\n\r\n // Filter tableData based on selected forms and sub-forms\r\n const filterTableData = (selectedDataForms, selectedDataSubForms) => {\r\n if (selectedDataForms.length === 0 && selectedDataSubForms.length === 0) {\r\n setTableData(allTableData); // Reset to all data if no filters are applied\r\n } else {\r\n const filteredData = allTableData.filter(data => {\r\n const formMatch =\r\n selectedDataForms.length === 0 ||\r\n selectedDataForms.some(\r\n form => form.name.trim() === data.formName?.trim()\r\n );\r\n const subFormMatch =\r\n selectedDataSubForms.length === 0 ||\r\n selectedDataSubForms.some(\r\n subForm => subForm.name.trim() === data.subformName?.trim()\r\n );\r\n return formMatch && subFormMatch;\r\n });\r\n setTableData(filteredData);\r\n }\r\n };\r\n\r\n const handleFormChange = selectedFormData => {\r\n if (selectedFormData.length === 0) {\r\n // If no forms are selected, clear selectedSubForms and reset subForms\r\n setSelectedSubForms([]);\r\n setSubForms([]); // Reset to show all subForms\r\n setTableData(allTableData); // Reset to original table data\r\n return;\r\n }\r\n\r\n const childForms = selectedFormData.flatMap(({ subForms }) =>\r\n subForms.map(a => ({\r\n name: a.subFormName,\r\n id: a.subFormId,\r\n formId: a.formId\r\n }))\r\n );\r\n\r\n setSelectedForms(selectedFormData);\r\n setSubForms(childForms);\r\n const selectedFormIds = selectedFormData.map(c => c.id);\r\n const isChildExisits = childForms.find(c =>\r\n selectedFormIds.indexOf(c.formId)\r\n );\r\n if (!isChildExisits) {\r\n setSelectedSubForms([]);\r\n filterTableData(selectedFormData, []);\r\n } else {\r\n filterTableData(selectedFormData, selectedSubForms);\r\n }\r\n };\r\n\r\n const handleSubFormChange = data => {\r\n setSelectedSubForms(data);\r\n filterTableData(selectedForms, data); // Apply filter\r\n };\r\n\r\n const handleApplyClick = async () => {\r\n if (selectedDataDomain && selectedYear) {\r\n setAppliedDataDomain(selectedDataDomain);\r\n setAppliedYear(selectedYear);\r\n setGlobalFilter('');\r\n setStartDate('');\r\n setEndDate('');\r\n resetFormNSubFroms();\r\n sessionStorage.setItem('domainId', selectedDataDomain);\r\n const domainName = dataDomains?.find(\r\n item =>\r\n item?.dataDomainId?.toString() === selectedDataDomain?.toString()\r\n )?.dataDomainName;\r\n sessionStorage.setItem('domainName', domainName);\r\n sessionStorage.setItem('year', selectedYear);\r\n setAccess(selectedYear, domainName);\r\n await loadCounts(selectedDataDomain, selectedYear);\r\n await loadForms(selectedDataDomain, selectedYear);\r\n await loadMetadata(selectedDataDomain, selectedYear, activeKpi);\r\n }\r\n };\r\n\r\n const handleDateApplyClick = async () => {\r\n if (selectedDataDomain && selectedYear) {\r\n const momentStartDate = moment(startDate);\r\n const momentEndDate = moment(endDate);\r\n if (\r\n momentStartDate.isSame(momentEndDate) ||\r\n momentStartDate.isAfter(momentEndDate)\r\n ) {\r\n setErrorMessage('End date should be greater than start date!');\r\n setShowFailure(true);\r\n } else {\r\n setAppliedDataDomain(selectedDataDomain);\r\n setAppliedYear(selectedYear);\r\n setGlobalFilter('');\r\n resetFormNSubFroms();\r\n await loadCounts(selectedDataDomain, selectedYear);\r\n\r\n await loadMetadata(\r\n selectedDataDomain,\r\n selectedYear,\r\n activeKpi,\r\n startDate,\r\n endDate\r\n );\r\n }\r\n }\r\n };\r\n\r\n const handleKpiCardClick = async kpiIndex => {\r\n if (kpiIndex !== activeKpi) {\r\n setTableData([]);\r\n setGlobalFilter('');\r\n resetFormNSubFroms();\r\n setStartDate('');\r\n setEndDate('');\r\n setActiveKpi(kpiIndex);\r\n if (appliedDataDomain && appliedYear) {\r\n const domainName = dataDomains?.find(\r\n item =>\r\n item?.dataDomainId?.toString() === appliedDataDomain?.toString()\r\n )?.dataDomainName;\r\n setAccess(appliedYear, domainName);\r\n await loadMetadata(appliedDataDomain, appliedYear, kpiIndex);\r\n }\r\n }\r\n };\r\n\r\n const handleResetClick = async () => {\r\n setTableData([]);\r\n setGlobalFilter('');\r\n setSelectedDataDomain(dataDomains[0].dataDomainId);\r\n sessionStorage.removeItem('domainId');\r\n setSelectedYear(moment().year());\r\n sessionStorage.removeItem('year');\r\n resetFormNSubFroms();\r\n await loadDashboard();\r\n };\r\n\r\n const handleConfirmClick = async id => {\r\n setIsLoading(true);\r\n try {\r\n const response = await handleDeleteMetadata(id);\r\n const result = handleResponse(response);\r\n if (result.isSuccess) {\r\n setSuccessMessage(META_DATA.DELETE_META_DATA_SUCCESS);\r\n setShowSuccess(true);\r\n await loadCounts(selectedDataDomain, selectedYear);\r\n const flteredData = tableData.filter(c => c.s_ID !== id);\r\n setTableData(flteredData);\r\n } else {\r\n setErrorMessage(result.message);\r\n setShowFailure(true);\r\n }\r\n } finally {\r\n setDeleteId(undefined);\r\n setShowConfirmation(false);\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n const handleExportClick = async () => {\r\n setIsLoading(true);\r\n try {\r\n const selectedFormIds = selectedForms.map(c => c.id.toString());\r\n const selectedSubFormIds = selectedSubForms.map(c => c.id.toString());\r\n const offset = new Date().getTimezoneOffset();\r\n const payload = {\r\n dataDomain: appliedDataDomain,\r\n year: appliedYear,\r\n form: selectedFormIds,\r\n subform: selectedSubFormIds,\r\n offSet: offset\r\n };\r\n const response = await axios.post(\r\n METADATA_DASHBOARD_URLS.DASHBOARD_EXPORT_METADATA(),\r\n payload,\r\n {\r\n responseType: 'blob',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: `Bearer ${userService.getToken()}`,\r\n 'Ocp-Apim-Subscription-Key': appConfig.APIM_KEY\r\n }\r\n }\r\n );\r\n const downloadUrl = window.URL.createObjectURL(new Blob([response.data]));\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.setAttribute('download', 'Metadata-DataCollections.xlsx');\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n } catch (error) {\r\n const err = await handleCatch(error);\r\n setErrorMessage(err);\r\n setShowFailure(true);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n initializeDashboard();\r\n sessionStorage.removeItem('formValues');\r\n sessionStorage.removeItem('formList');\r\n sessionStorage.removeItem('subFormList');\r\n window.scrollTo(0, 0);\r\n }, [initializeDashboard]);\r\n\r\n useEffect(() => {\r\n isEditableAccessRef.current = isEditableAccess;\r\n }, [isEditableAccess]);\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
Welcome! \r\n \r\n {loginUserData.user.firstName}{' '}\r\n {loginUserData.user.lastName}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n {''}\r\n Back\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Metadata Manager\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n \r\n Data Domain* \r\n \r\n setSelectedDataDomain(e.target.value)}\r\n >\r\n {dataDomains.map(item => (\r\n \r\n {item.dataDomainName}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Year* \r\n \r\n setSelectedYear(e.target.value)}\r\n >\r\n {years.map(item => (\r\n \r\n {item}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n handleApplyClick()}\r\n >\r\n Apply\r\n \r\n handleResetClick()}\r\n >\r\n Reset\r\n \r\n
\r\n
\r\n
\r\n \r\n Categories \r\n \r\n {role !== APP_LABELS.YUSA_DATA_VIEWER && (\r\n <>\r\n {/* \r\n + Add Metadata\r\n */}\r\n \r\n Scoring Groups \r\n \r\n \r\n )}\r\n \r\n Data Scores \r\n \r\n
\r\n
\r\n {/* {kpiData && kpiData?.length > 0 && ( */}\r\n
\r\n \r\n
e.preventDefault()}\r\n onClick={() => handleKpiCardClick(1)}\r\n >\r\n \r\n \r\n
\r\n\r\n
\r\n
{kpiData?.[0]?.count ?? 0} \r\n
{kpiData?.[0]?.metric ?? 'No. of Date Points'}
\r\n
\r\n
\r\n
e.preventDefault()}\r\n onClick={() => handleKpiCardClick(2)}\r\n >\r\n \r\n \r\n
\r\n\r\n
\r\n
{kpiData?.[1]?.count ?? 0} \r\n
{kpiData?.[1]?.metric ?? 'No. of Uploads'}
\r\n
\r\n
\r\n
e.preventDefault()}\r\n onClick={() => handleKpiCardClick(3)}\r\n >\r\n \r\n \r\n
\r\n\r\n
\r\n
{kpiData?.[2]?.count ?? 0} \r\n
{kpiData?.[2]?.metric ?? 'No. of Changes'}
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n {role !== APP_LABELS.YUSA_DATA_VIEWER && (\r\n <>\r\n \r\n Add Datapoint\r\n \r\n \r\n Clone\r\n \r\n \r\n )}\r\n {/* \r\n Data Scoring\r\n */}\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n Filter by Form Name{''}\r\n * \r\n \r\n handleFormChange(e)}\r\n onRemove={e => handleFormChange(e)}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n \r\n Filter by Sub Form Name{''}\r\n * \r\n \r\n handleSubFormChange(e)}\r\n onRemove={e => handleSubFormChange(e)}\r\n />\r\n
\r\n
\r\n
\r\n
handleExportClick()}\r\n >\r\n Export{''}\r\n \r\n
\r\n
\r\n
\r\n
\r\n )}\r\n\r\n {activeKpi === 2 && (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n {role !== APP_LABELS.YUSA_DATA_VIEWER && (\r\n
\r\n
\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n )}\r\n\r\n {activeKpi === 3 && (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Start Date{''}\r\n * \r\n \r\n setStartDate(e.target.value)}\r\n />\r\n
\r\n\r\n
\r\n \r\n End Date{''}\r\n * \r\n \r\n setEndDate(e.target.value)}\r\n />\r\n
\r\n
handleDateApplyClick()}\r\n >\r\n Apply\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n )}\r\n\r\n {/* Table */}\r\n {tableData && (\r\n handleConfirmClick(deleteId)}\r\n onCancel={() => setShowConfirmation(false)}\r\n />\r\n setShowSuccess(false)}\r\n />\r\n setShowFailure(false)}\r\n />\r\n \r\n );\r\n};\r\n\r\nMetaDataManagerDashboard.propTypes = {\r\n loginUserData: PropTypes.node.isRequired,\r\n handleGetDomains: PropTypes.func.isRequired,\r\n handleGetYears: PropTypes.func.isRequired,\r\n handleGetDashboardCounts: PropTypes.func.isRequired,\r\n handleGetDashboardForms: PropTypes.func.isRequired,\r\n handleGetTotalCollections: PropTypes.func.isRequired,\r\n handleGetTotalUploads: PropTypes.func.isRequired,\r\n handleGetTotalChanges: PropTypes.func.isRequired,\r\n handleDeleteMetadata: PropTypes.func.isRequired,\r\n handleGetARCurrentYearDates: PropTypes.func.isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetDomains: getDomains,\r\n handleGetYears: getYears,\r\n handleGetDashboardCounts: getDashboardCounts,\r\n handleGetDashboardForms: getDashboardForms,\r\n handleGetTotalCollections: getTotalDataCollection,\r\n handleGetTotalUploads: getTotalUploads,\r\n handleGetTotalChanges: getTotalChanges,\r\n handleDeleteMetadata: deleteMetadata,\r\n handleGetARCurrentYearDates: getARCurrentYearsDates\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n loginUserData: AssociationAdminLoginDetailsSelector(state),\r\n currentYearSelector: GetDashboardARCurrentYearDatesSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(MetaDataManagerDashboard);\r\n","export { default as MetaDataManagerDashboard } from './dashboard';\r\n","export * from './components';\r\n","import React, { useMemo } from 'react';\r\nimport {\r\n useTable,\r\n useSortBy,\r\n useGlobalFilter,\r\n usePagination\r\n} from 'react-table';\r\nimport axios from 'axios';\r\nimport get from 'lodash.get';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\n\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport { GET_EXPORT_YMCA_ASSOCIATIONS } from '@config/api-config';\r\n\r\nimport NextIcon from '@static/images/Next-icon.svg';\r\nimport SearchIcon from '@static/images/search-icon.svg';\r\nimport successIcon from '@static/images/success_icon.svg';\r\nimport loadingIcon from '@static/images/loading_icon.svg';\r\nimport PreviousIcon from '@static/images/previous-icon.svg';\r\nimport SortUpIcon from '@static/images/sorting-icon-up.svg';\r\nimport SortDownIcon from '@static/images/sorting-icon-down.svg';\r\nimport warningDarkIcon from '@static/images/warning-dark-icon.svg';\r\n\r\nconst Table = props => {\r\n const { rows, headers, associationType, setLoader, year } = props;\r\n const columns = useMemo(() => headers, []);\r\n const data = useMemo(() => rows, [rows]);\r\n const { LoginUserData } = props;\r\n const {\r\n getTableProps,\r\n getTableBodyProps,\r\n headerGroups,\r\n page,\r\n nextPage,\r\n previousPage,\r\n canNextPage,\r\n canPreviousPage,\r\n gotoPage,\r\n pageCount,\r\n prepareRow,\r\n state,\r\n setGlobalFilter\r\n } = useTable(\r\n {\r\n columns,\r\n data,\r\n disableSortRemove: true,\r\n defaultCanSort: true,\r\n initialState: {\r\n // Use your own data structure and add as many columns that need sorting by default\r\n sortBy: [{ uploadedDateTime: data.uploadedDateTime, desc: true }],\r\n pageSize: 25\r\n }\r\n },\r\n useGlobalFilter,\r\n useSortBy,\r\n usePagination\r\n );\r\n const { globalFilter, pageIndex } = state;\r\n\r\n // eslint-disable-next-line consistent-return\r\n const getRowStatus = status => {\r\n if (\r\n typeof status === 'string' &&\r\n status?.toUpperCase() === APP_LABELS.STATUS_COMPLETED\r\n ) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n if (\r\n typeof status === 'string' &&\r\n status?.toUpperCase() === APP_LABELS.STATUS_IN_PROGRESS\r\n ) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n\r\n if (\r\n typeof status === 'string' &&\r\n status?.toUpperCase() === APP_LABELS.STATUS_NOT_STARTED\r\n ) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n };\r\n const authToken = JSON.parse(sessionStorage.getItem('token'));\r\n\r\n const handleExportFile = () => {\r\n const Offset = new Date().getTimezoneOffset();\r\n setLoader(true);\r\n axios\r\n .get(GET_EXPORT_YMCA_ASSOCIATIONS(year, Offset), {\r\n responseType: 'blob',\r\n headers: {\r\n 'Content-Type': 'blob',\r\n 'Access-Control-Allow-Credentials': true,\r\n 'Access-Control-Allow-Origin': window.location.origin,\r\n 'Ocp-Apim-Subscription-Key': APP_LABELS.APIM_KEY,\r\n Authorization: `Bearer ${get(authToken, 'token', '')}`\r\n }\r\n })\r\n .then(response => {\r\n const downloadUrl = window.URL.createObjectURL(\r\n new Blob([response.data])\r\n );\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.setAttribute('download', 'YMCA-Associations.xlsx');\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n setLoader(false);\r\n });\r\n };\r\n // eslint-disable-next-line consistent-return\r\n const getTitle = type => {\r\n if (type === 'totalData') {\r\n return get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.YUSA_DATA_STEWARD ||\r\n get(LoginUserData, 'user.role[0]') === APP_LABELS.YUSA_DATA_VIEWER ||\r\n get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n get(LoginUserData, 'user.role[0]') === APP_LABELS.YESS_DATA_STEWARD\r\n ? 'YMCA Associations'\r\n : 'Change Log Details';\r\n }\r\n if (type === 'completed') {\r\n return 'YMCA Associations (Completed)';\r\n }\r\n\r\n if (type === 'NotStarted') {\r\n return 'YMCA Associations (Not Started)';\r\n }\r\n\r\n if (type === 'inProgress') {\r\n return 'YMCA Associations (In Progress)';\r\n }\r\n };\r\n\r\n const setColumnSorting = columnData => {\r\n if (columnData.isSorted) {\r\n if (columnData.isSortedDesc) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n return (\r\n \r\n \r\n );\r\n }\r\n return (\r\n <>\r\n {columnData.Header !== 'Summary' && columnData.Header !== '' ? (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n ''\r\n )}\r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n {/* {get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.YUSA_DATA_STEWARD ||\r\n get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.YESS_DATA_STEWARD ||\r\n get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.YUSA_DATA_VIEWER ||\r\n get(LoginUserData, 'user.role[0]') ===\r\n APP_LABELS.ALLIANCE_DATA_STEWARD\r\n ? getTitle(associationType)\r\n : 'Change Log Details'} */}\r\n Overnight Camps\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n \r\n Export\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups?.map(headerGroup => (\r\n \r\n {headerGroup?.headers?.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {setColumnSorting(column)}\r\n
\r\n \r\n ))}\r\n \r\n ))}\r\n \r\n \r\n {page?.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row?.cells?.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n {cell.column.Header === 'Overall Status' &&\r\n getRowStatus(cell.value)}\r\n {cell.column.Header === 'Pledge Statment Status' &&\r\n getRowStatus(cell.value)}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n No records found!\r\n
\r\n )}\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n previousPage()}\r\n disabled={!canPreviousPage}\r\n >\r\n \r\n\r\n {[...Array(pageCount).keys()].map(count => {\r\n if (\r\n count >= (pageIndex > 25 ? pageIndex - 25 : 0) &&\r\n count <= (pageIndex < 25 ? 24 : pageIndex)\r\n ) {\r\n return (\r\n \r\n gotoPage(count)}\r\n >\r\n {count + 1}\r\n \r\n \r\n );\r\n }\r\n return null;\r\n })}\r\n\r\n \r\n nextPage()}\r\n disabled={!canNextPage}\r\n >\r\n {'Next '}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n associationType: PropTypes.arrayOf(PropTypes.any),\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n setLoader: PropTypes.func.isRequired,\r\n year: PropTypes.number.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n associationType: ''\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\nexport default connect(mapStateToProps, null)(Table);\r\n","const ASSOCIATION_COLUMNS = [\r\n {\r\n Header: 'Camp Name',\r\n accessor: 'CampName',\r\n className: 'notranslate ymca-word-break ymca-text-primary'\r\n },\r\n {\r\n Header: 'Association Name',\r\n accessor: 'AssociationName',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Y Type',\r\n accessor: 'YType',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Member Group',\r\n accessor: 'MemberGroup',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Overall Status',\r\n accessor: 'Status',\r\n className: 'notranslate statusShow'\r\n },\r\n {\r\n Header: 'Last Updated Date Time',\r\n accessor: 'UpdatedDateTime',\r\n className: 'notranslate text-center'\r\n },\r\n {\r\n Header: '',\r\n accessor: 'DetailPage'\r\n }\r\n];\r\n\r\nexport default ASSOCIATION_COLUMNS;\r\n","import React, { useEffect, useState } from 'react';\r\nimport get from 'lodash.get';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { connect } from 'react-redux';\r\nimport { Loader } from 'react-loaders';\r\nimport { Link, Redirect } from 'react-router-dom';\r\n\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\n\r\nimport {\r\n getAssociationList,\r\n getYearList\r\n} from '@redux/annual-yusa-dashboard/actions';\r\n\r\nimport {\r\n YusaYearListSelector,\r\n YusaAssociationListSelector\r\n} from '@redux/annual-yusa-dashboard/selectors';\r\nimport GetModulesConfigSelector from '@redux/module-config/selectors';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\n\r\nimport completed from '@static/images/completed.svg';\r\nimport NotStarted from '@static/images/NotStarted.svg';\r\nimport inporgress from '@static/images/inporgress.svg';\r\nimport AssociationsTotal from '@static/images/Association.svg';\r\nimport completedhover from '@static/images/completed-hover.svg';\r\nimport NotStartedhover from '@static/images/NotStarted-hover.svg';\r\nimport inporgresshover from '@static/images/inporgress-hover.svg';\r\nimport Associationhover from '@static/images/Association-hover.svg';\r\n\r\nimport Table from './table';\r\nimport ASSOCIATION_COLUMNS from './columns';\r\n\r\nconst OvernightCampYusaDashboard = props => {\r\n const {\r\n YearList,\r\n AssociationList,\r\n handleGetYearList,\r\n LoginUserData,\r\n ModulesConfigData\r\n } = props;\r\n\r\n const year = get(ModulesConfigData, 'data')?.find(\r\n o => o?.moduleName === 'Annual Reports'\r\n )?.year;\r\n\r\n const [loader, setLoader] = useState(false);\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n\r\n const [selectedYear, setSelectedYear] = useState(year);\r\n\r\n const [associationType, setAssociationType] = useState('totalData');\r\n\r\n useEffect(() => {\r\n setLoader(true);\r\n handleGetYearList().then(res => {\r\n if (res.status === 200) {\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorPopup(true);\r\n }\r\n });\r\n }, []);\r\n\r\n const handleSelectedYear = selectedValue => {\r\n setSelectedYear(selectedValue);\r\n };\r\n return (\r\n <>\r\n \r\n \r\n Overnight Camp Card Dashboard\r\n \r\n \r\n Overnight Camp Forms\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{APP_LABELS.WELCOME} \r\n \r\n {`${get(\r\n LoginUserData,\r\n 'user.firstName',\r\n 'User'\r\n )} ${get(LoginUserData, 'user.lastName', '')}`}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n Select Year: \r\n handleSelectedYear(e.target.value)}\r\n >\r\n {YearList?.data &&\r\n YearList?.data?.sort()?.map(data => (\r\n \r\n {data}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n
\r\n
setAssociationType('totalData')}\r\n >\r\n \r\n
\r\n
\r\n
\r\n {AssociationList\r\n ? AssociationList?.data?.length\r\n : 0}\r\n \r\n
No.of Associations
\r\n
\r\n
\r\n
\r\n
setAssociationType('completed')}\r\n >\r\n \r\n
\r\n
\r\n
\r\n {AssociationList\r\n ? AssociationList?.data?.filter(\r\n data =>\r\n data?.status?.toUpperCase() ===\r\n APP_LABELS.STATUS_COMPLETED\r\n )?.length\r\n : 0}\r\n \r\n
Completed
\r\n
\r\n
\r\n
\r\n
setAssociationType('inProgress')}\r\n >\r\n \r\n
\r\n
\r\n
\r\n {AssociationList\r\n ? AssociationList?.data?.filter(\r\n data =>\r\n data?.status?.toUpperCase() ===\r\n APP_LABELS.STATUS_IN_PROGRESS\r\n )?.length\r\n : 0}\r\n \r\n
In Progress
\r\n
\r\n
\r\n
\r\n
setAssociationType('NotStarted')}\r\n >\r\n \r\n
\r\n
\r\n
\r\n {AssociationList\r\n ? AssociationList?.data?.filter(\r\n data =>\r\n data?.status?.toUpperCase() ===\r\n APP_LABELS.STATUS_NOT_STARTED\r\n )?.length\r\n : 0}\r\n \r\n
Not Started
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={APP_LABELS.COMMON_ERROR_MESSAGE}\r\n showErrorPopup={errorPopup}\r\n />\r\n \r\n \r\n );\r\n};\r\n\r\nOvernightCampYusaDashboard.propTypes = {\r\n handleGetYearList: PropTypes.func.isRequired,\r\n YearList: PropTypes.objectOf(PropTypes.any).isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n AssociationList: PropTypes.objectOf(PropTypes.any).isRequired,\r\n ModulesConfigData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n // handleToGetAssociationList: getAssociationList,\r\n handleGetYearList: getYearList\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n YearList: YusaYearListSelector(state),\r\n ModulesConfigData: GetModulesConfigSelector(state),\r\n AssociationList: YusaAssociationListSelector(state),\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(OvernightCampYusaDashboard);\r\n","import React from 'react';\r\n\r\nconst OvernightCampCardDashboard = () => {\r\n return OvernightCampCardDashboard
;\r\n};\r\n\r\nexport default OvernightCampCardDashboard;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport get from 'lodash.get';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport {\r\n getAnnualReportOverviewData,\r\n getYmcaBranchesData,\r\n getCollabNonProfitOrgApi,\r\n getCollabEducationOrgApi,\r\n getCollabGovtOrgAndAffiliatesApi,\r\n getCollabOtherCommunityOrgApi,\r\n getCollabPrivateOrgAndBusinessesApi,\r\n getCollaborationsAmongYsApi,\r\n getProgramActivitiesApi,\r\n getProgramActivityHousingApi,\r\n getProgramActivityFoodProgramApi,\r\n getProgramActivityArmedServiceApi,\r\n getProgramActivityOlderAdultApi\r\n} from '@redux/annualReport-overview/actions';\r\nimport Help from '@modules/shared/components/reusable-components/help';\r\nimport {\r\n FetchOverViewDataSelector,\r\n YmcaBrachDataSelector,\r\n CollabNonProfitOrgSelector,\r\n CollabEducationOrgSelector,\r\n CollabGovtOrgAndAffiliatesSelector,\r\n CollabOtherCommunityOrgSelector,\r\n CollabPrivateOrgAndBusinessesSelector,\r\n CollabAmongYsSelector\r\n} from '@redux/annualReport-overview/selectors';\r\nimport ErrorPopup from '@modules/employee-data-collection/components/upload-file/error-popup';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport helpicon from '@static/images/caretdoubleright.svg';\r\nimport tabComponent from '@static/images/annualReports/tabComponent.svg';\r\nimport tabDesign from '@static/images/annualReports/tabDesign.svg';\r\nimport convertUtcToLocal from '@utilities/ConvertTimezone';\r\n\r\nconst OverviewTab = props => {\r\n const [help, setHelp] = useState(false);\r\n const [errorPopup, setErrorPopup] = useState(false);\r\n const selectedYear = sessionStorage.getItem('selectedBatchYear');\r\n const handleShowHelp = () => {\r\n setHelp(true);\r\n };\r\n const hideShowHelp = () => {\r\n setHelp(false);\r\n };\r\n const {\r\n handleGetOverviewData,\r\n LoginUserData,\r\n handleGetYmcaBranchData,\r\n handlegetCollabNonProfitOrgApi,\r\n handlegetCollabEducationOrgApi,\r\n handlegetCollabGovtOrgAndAffiliatesApi,\r\n handlegetCollabOtherCommunityOrgApi,\r\n handlegetCollabPrivateOrgAndBusinessesApi,\r\n handlegetCollaborationsAmongYsApi,\r\n handlegetProgramActivitiesApi,\r\n handlegetProgramActivityHousingApi,\r\n handlegetProgramActivityFoodProgramApi,\r\n handlegetProgramActivityArmedServiceApi,\r\n handlegetProgramActivityOlderAdultApi,\r\n setLoader\r\n } = props;\r\n const role = get(LoginUserData, 'user.role[0]');\r\n const [ymcsListEnabled, setYmcsListEnabled] = useState(false);\r\n const [overviewData, setOverviewData] = useState([]);\r\n const [collabTabsView, setCollabTabsView] = useState([\r\n false,\r\n false,\r\n false,\r\n false,\r\n false,\r\n false\r\n ]);\r\n const [programActivityView, setProgramActivityView] = useState([\r\n false,\r\n false,\r\n false,\r\n false,\r\n false,\r\n false\r\n ]);\r\n\r\n const constituencySubIds = [\r\n 'memberships-tab',\r\n 'Ethnicity-tab',\r\n 'proggramMembers-tab',\r\n 'programEnrollments-tab',\r\n 'volunteers-tab',\r\n 'donors-tab'\r\n ];\r\n const diversitySubTds = [\r\n 'knowYourCommunity-tab',\r\n 'leadership-tab',\r\n 'programInnovation-tab',\r\n 'strategicRelationShips-tab',\r\n 'resourceMobilization-tab',\r\n 'brandVisiblity-tab',\r\n 'orgCommitement-tab'\r\n ];\r\n\r\n const collaborationSubTds = [\r\n 'govtOrg-tab',\r\n 'nonProfitOrg-tab',\r\n 'educationalOrg-tab',\r\n 'otherOrg-tab',\r\n 'pvtOrg-tab',\r\n 'collabration-tab'\r\n ];\r\n const programActivitiesSubTds = [\r\n 'activityProgram-tab',\r\n 'housing-tab',\r\n 'foodProgram-tab',\r\n 'armedServices-tab',\r\n 'olderAdults-tab'\r\n ];\r\n const pledgeSubIds = [\r\n 'pledge-tab',\r\n 'cvocontactdetails-tab',\r\n 'cvocontactdetails-tab'\r\n ];\r\n\r\n const programActivitiesTabFuncs = [\r\n handlegetProgramActivitiesApi,\r\n handlegetProgramActivityHousingApi,\r\n handlegetProgramActivityFoodProgramApi,\r\n handlegetProgramActivityArmedServiceApi,\r\n handlegetProgramActivityOlderAdultApi\r\n ];\r\n\r\n const [collabrationTabDatas, setCollabrationTabDatas] = useState([\r\n [],\r\n [],\r\n [],\r\n [],\r\n [],\r\n []\r\n ]);\r\n const [programActivityDatas, setProgramActivityDatas] = useState([\r\n [],\r\n [],\r\n [],\r\n [],\r\n [],\r\n []\r\n ]);\r\n\r\n const [ymcaBranchData, setYmcaBranchData] = useState([]);\r\n\r\n const associateData = JSON.parse(\r\n sessionStorage.getItem('yusa_selected_associate')\r\n );\r\n\r\n useEffect(() => {\r\n setLoader(true);\r\n handleGetOverviewData(\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', '0')\r\n ).then(res => {\r\n if (res?.data?.isSuccess) {\r\n setOverviewData(res?.data?.data);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorPopup(true);\r\n }\r\n });\r\n }, []);\r\n\r\n const redirect = (id, subId, branchId) => {\r\n document.getElementById(id).click();\r\n if (branchId) {\r\n sessionStorage.setItem('branchSelected', branchId);\r\n }\r\n setTimeout(() => {\r\n if (subId) document.getElementById(subId).click();\r\n }, 500);\r\n };\r\n\r\n const getStatus = status => {\r\n if (status?.toUpperCase() === APP_LABELS.STATUS_YETTOBEGIN) {\r\n return (\r\n {APP_LABELS.STATUS_YET_TO_BEGIN} \r\n );\r\n }\r\n if (status?.toUpperCase() === APP_LABELS.STATUS_INPROGRESS) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n if (status?.toUpperCase() === APP_LABELS.STATUS_COMPLETED) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n if (status?.toUpperCase() === APP_LABELS.STATUS_SUBMITTED) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n return {APP_LABELS.STATUS_YET_TO_BEGIN} ;\r\n };\r\n\r\n const actionElement = (element, id, sectionName) => (\r\n \r\n redirect(\r\n id,\r\n sectionName,\r\n // subTab,\r\n element?.type?.toUpperCase() === 'BRANCH'\r\n ? element?.branchNumber\r\n : null\r\n )\r\n }\r\n >\r\n {((role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD) &&\r\n 'View') ||\r\n (element?.status?.toUpperCase() === APP_LABELS.STATUS_YETTOBEGIN &&\r\n 'Start') ||\r\n (element?.status?.toUpperCase() === APP_LABELS.STATUS_COMPLETED &&\r\n 'Edit') ||\r\n (element?.status?.toUpperCase() === APP_LABELS.STATUS_INPROGRESS &&\r\n 'Edit') ||\r\n (element?.status?.toUpperCase() === APP_LABELS.STATUS_SUBMITTED &&\r\n 'View') ||\r\n 'Start'}\r\n \r\n );\r\n\r\n const showlist = (data, id, subTab, sectionName) =>\r\n data && data?.length > 0 ? (\r\n \r\n \r\n \r\n \r\n \r\n Branch Name \r\n Type \r\n Status \r\n Updated By \r\n Updated On \r\n \r\n \r\n \r\n \r\n {data.map((element, index) => (\r\n \r\n \r\n {element.branchName}\r\n \r\n {element.type} \r\n {getStatus(element.status)}\r\n \r\n {element.updatedByName || '----'}\r\n \r\n \r\n {convertUtcToLocal(element.updatedDatetime) || '----'}\r\n \r\n \r\n {actionElement(element, id, sectionName)}\r\n \r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n ) : (\r\n \r\n \r\n Data Not Found\r\n \r\n \r\n );\r\n\r\n const getYmcaBranchesList = () => {\r\n if (!ymcsListEnabled) {\r\n setLoader(true);\r\n handleGetYmcaBranchData(\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', '0')\r\n ).then(res => {\r\n if (res?.data?.isSuccess) {\r\n setYmcaBranchData(res?.data?.data);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorPopup(true);\r\n }\r\n });\r\n }\r\n setYmcsListEnabled(!ymcsListEnabled);\r\n const { innerText } = document.getElementById(`ymcaDirectInfo`);\r\n\r\n if (innerText === 'View Branch Level Progress') {\r\n document.getElementById(`ymcaDirectInfo`).innerText =\r\n 'Hide Branch Level Progress';\r\n } else {\r\n document.getElementById(`ymcaDirectInfo`).innerText =\r\n 'View Branch Level Progress';\r\n }\r\n };\r\n\r\n const getCollabApis = (api, index) => {\r\n const newcollabTabsView = [...collabTabsView];\r\n newcollabTabsView[index] = !collabTabsView[index];\r\n setCollabTabsView([...newcollabTabsView]);\r\n const { innerText } = document.getElementById(`collaboration-tab-${index}`);\r\n\r\n if (innerText === 'View Branch Level Progress') {\r\n document.getElementById(`collaboration-tab-${index}`).innerText =\r\n 'Hide Branch Level Progress';\r\n setLoader(true);\r\n api(\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', '0')\r\n ).then(res => {\r\n if (res?.data?.isSuccess) {\r\n const newcollabTabsData = [...collabrationTabDatas];\r\n newcollabTabsData[index] = res?.data?.data || [];\r\n setCollabrationTabDatas([...newcollabTabsData]);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorPopup(true);\r\n }\r\n });\r\n } else {\r\n document.getElementById(`collaboration-tab-${index}`).innerText =\r\n 'View Branch Level Progress';\r\n }\r\n };\r\n\r\n const getProgramActivitiesApis = (api, index) => {\r\n const newProgramActivitieView = [...programActivityView];\r\n newProgramActivitieView[index] = !programActivityView[index];\r\n setProgramActivityView([...newProgramActivitieView]);\r\n const { innerText } = document.getElementById(\r\n `programActivities-tab-${index}`\r\n );\r\n\r\n if (innerText === 'View Branch Level Progress') {\r\n document.getElementById(`programActivities-tab-${index}`).innerText =\r\n 'Hide Branch Level Progress';\r\n setLoader(true);\r\n api(\r\n role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD\r\n ? get(associateData, 'associationNumber', '')\r\n : get(LoginUserData, 'user.associations[0]', '0')\r\n ).then(res => {\r\n if (res?.data?.isSuccess) {\r\n const newProgramActivitiesData = [...programActivityDatas];\r\n newProgramActivitiesData[index] = res?.data?.data || [];\r\n setProgramActivityDatas([...newProgramActivitiesData]);\r\n setLoader(false);\r\n } else {\r\n setLoader(false);\r\n setErrorPopup(true);\r\n }\r\n });\r\n } else {\r\n document.getElementById(`programActivities-tab-${index}`).innerText =\r\n 'View Branch Level Progress';\r\n }\r\n };\r\n\r\n const getCursor = name => {\r\n if (\r\n name === APP_LABELS.PLEDGE &&\r\n role !== APP_LABELS.YUSA_DATA_VIEWER &&\r\n role !== APP_LABELS.ALLIANCE_DATA_STEWARD &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.CVO_DATA_STEWARD &&\r\n role !== APP_LABELS.CEO_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD &&\r\n selectedYear === '2022'\r\n ) {\r\n return 'cursor-not-allowed';\r\n }\r\n if (\r\n (name === APP_LABELS.SITE_INFORMATION ||\r\n name === APP_LABELS.EMPLOYEE ||\r\n name === APP_LABELS.CONSTITUENCY_REPORT ||\r\n name === APP_LABELS.DIVERSITY_METRICS ||\r\n name === APP_LABELS.PLEDGE ||\r\n name === APP_LABELS.REVIEW_SUBMIT) &&\r\n role === APP_LABELS.BRANCH_DATA_STEWARD\r\n ) {\r\n return 'cursor-not-allowed';\r\n }\r\n return '';\r\n };\r\n const isAccess = name => {\r\n if (\r\n name === APP_LABELS.PLEDGE &&\r\n role !== APP_LABELS.YUSA_DATA_VIEWER &&\r\n role !== APP_LABELS.ALLIANCE_DATA_STEWARD &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.CVO_DATA_STEWARD &&\r\n role !== APP_LABELS.CEO_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD &&\r\n selectedYear === '2022'\r\n ) {\r\n return true;\r\n }\r\n return !!(\r\n [\r\n APP_LABELS.SITE_INFORMATION,\r\n APP_LABELS.EMPLOYEE,\r\n APP_LABELS.CONSTITUENCY_REPORT,\r\n APP_LABELS.DIVERSITY,\r\n APP_LABELS.PLEDGE,\r\n APP_LABELS.REVIEW_SUBMIT\r\n ].includes(name) && role === APP_LABELS.BRANCH_DATA_STEWARD\r\n );\r\n };\r\n const getCollaborationsApiName = sectionName => {\r\n if (sectionName === 'Other Not-for-Profit Organizations') {\r\n return handlegetCollabNonProfitOrgApi;\r\n }\r\n if (sectionName === 'Educational Organizations') {\r\n return handlegetCollabEducationOrgApi;\r\n }\r\n if (sectionName === 'Other Community Organizations') {\r\n return handlegetCollabOtherCommunityOrgApi;\r\n }\r\n if (sectionName === 'Private Organizations and Businesses') {\r\n return handlegetCollabPrivateOrgAndBusinessesApi;\r\n }\r\n if (sectionName === 'Collabrations Among YS') {\r\n return handlegetCollaborationsAmongYsApi;\r\n }\r\n if (sectionName === 'Government Organizations & Their Affiliates') {\r\n return handlegetCollabGovtOrgAndAffiliatesApi;\r\n }\r\n return null;\r\n };\r\n\r\n const setAction = (name, status) =>\r\n ((role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n (name === APP_LABELS.PLEDGE &&\r\n (role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD))) &&\r\n 'View') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_YETTOBEGIN && 'Start') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_COMPLETED && 'Edit') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_SUBMITTED && 'View') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_INPROGRESS && 'Edit');\r\n\r\n const getActions = (\r\n name,\r\n status,\r\n tabIdORbranchfunc,\r\n subTabsListORview,\r\n index,\r\n sectionName\r\n ) => {\r\n if (\r\n name !== APP_LABELS.COLLABORATIONS &&\r\n name !== APP_LABELS.YMCA_DIRECTORY_INFO &&\r\n name !== APP_LABELS.PROGRAM_ACTIVITIES\r\n ) {\r\n return (\r\n redirect(tabIdORbranchfunc, sectionName)}\r\n >\r\n {setAction(name, status)} \r\n {isAccess(name) && (\r\n \r\n You are not authorized to access this section\r\n \r\n )}\r\n \r\n );\r\n }\r\n\r\n if (name === APP_LABELS.COLLABORATIONS) {\r\n return (\r\n \r\n getCollabApis(getCollaborationsApiName(sectionName), index)\r\n }\r\n id={`collaboration-tab-${index}`}\r\n >\r\n View Branch Level Progress\r\n \r\n );\r\n }\r\n if (name === APP_LABELS.PROGRAM_ACTIVITIES) {\r\n return (\r\n \r\n getProgramActivitiesApis(programActivitiesTabFuncs[index], index)\r\n }\r\n id={`programActivities-tab-${index}`}\r\n >\r\n View Branch Level Progress\r\n \r\n );\r\n }\r\n return (\r\n \r\n View Branch Level Progress\r\n \r\n );\r\n };\r\n\r\n const renderOption = (name, status, tabIdORbranchfunc, sectionName) => (\r\n redirect(tabIdORbranchfunc, sectionName)}\r\n >\r\n \r\n {((role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n (name === APP_LABELS.PLEDGE &&\r\n (role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD))) &&\r\n 'View') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_YETTOBEGIN && 'Start') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_COMPLETED && 'Edit') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_SUBMITTED && 'View') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_INPROGRESS && 'Edit')}\r\n \r\n {isAccess(name) && (\r\n \r\n You are not authorized to access this section\r\n \r\n )}\r\n \r\n );\r\n\r\n const renderButton = (\r\n name,\r\n status,\r\n tabIdORbranchfunc,\r\n subTabsListORview,\r\n index\r\n ) => (\r\n \r\n redirect(\r\n tabIdORbranchfunc,\r\n subTabsListORview ? subTabsListORview[index] : 0\r\n )\r\n }\r\n >\r\n \r\n {((role === APP_LABELS.YUSA_DATA_VIEWER ||\r\n role === APP_LABELS.ALLIANCE_DATA_STEWARD ||\r\n (name === APP_LABELS.PLEDGE &&\r\n (role === APP_LABELS.YUSA_DATA_STEWARD ||\r\n role === APP_LABELS.YESS_DATA_STEWARD))) &&\r\n 'View') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_YETTOBEGIN && 'Start') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_COMPLETED && 'Edit') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_SUBMITTED && 'View') ||\r\n (status?.toUpperCase() === APP_LABELS.STATUS_INPROGRESS && 'Edit')}\r\n \r\n {isAccess(name) && (\r\n \r\n You are not authorized to access this section\r\n \r\n )}\r\n \r\n );\r\n\r\n const get2023Actions = (\r\n name,\r\n status,\r\n tabIdORbranchfunc,\r\n subTabsListORview,\r\n index,\r\n sectionName\r\n ) => {\r\n if (\r\n name !== APP_LABELS.COLLABORATIONS &&\r\n name !== APP_LABELS.YMCA_DIRECTORY_INFO &&\r\n name !== APP_LABELS.PROGRAM_ACTIVITIES\r\n ) {\r\n return renderOption(name, status, tabIdORbranchfunc, sectionName);\r\n }\r\n if (\r\n name === APP_LABELS.YMCA_DIRECTORY_INFO &&\r\n (sectionName === APP_LABELS.CVO_CONTACT_DETAILS ||\r\n sectionName === APP_LABELS.INCOMING_CVO_CONTACT_DETAILS)\r\n ) {\r\n return renderButton(\r\n name,\r\n status,\r\n tabIdORbranchfunc,\r\n subTabsListORview,\r\n index\r\n );\r\n }\r\n if (name === APP_LABELS.COLLABORATIONS) {\r\n return (\r\n \r\n getCollabApis(getCollaborationsApiName(sectionName), index)\r\n }\r\n id={`collaboration-tab-${index}`}\r\n >\r\n View Branch Level Progress\r\n \r\n );\r\n }\r\n if (name === APP_LABELS.PROGRAM_ACTIVITIES) {\r\n return (\r\n \r\n getProgramActivitiesApis(programActivitiesTabFuncs[index], index)\r\n }\r\n id={`programActivities-tab-${index}`}\r\n >\r\n View Branch Level Progress\r\n \r\n );\r\n }\r\n return (\r\n \r\n View Branch Level Progress\r\n \r\n );\r\n };\r\n const ymcaSiteInfoList = (name, branchFunc, View) => {\r\n if (overviewData && overviewData.length > 1) {\r\n const list = overviewData.filter(res => res.formName === name);\r\n const sectionData = list ? list[0]?.sections.slice(0, 1) : [];\r\n\r\n return sectionData?.map(element => (\r\n <>\r\n {getStatus(element?.sectionStatus)}\r\n \r\n {element?.lastUpdatedBy || '----'}\r\n \r\n \r\n {element?.lastUpdatedDate\r\n ? convertUtcToLocal(element.lastUpdatedDate)\r\n : '----'}\r\n \r\n {getActions(name, element?.sectionStatus, branchFunc, View)} \r\n \r\n ));\r\n }\r\n return (\r\n <>\r\n ---- \r\n ---- \r\n ---- \r\n ---- \r\n \r\n );\r\n };\r\n const renderPledgeSectionsYmcaList = (name, tabId, subTabsList) => {\r\n if (overviewData && overviewData.length > 1) {\r\n const list = overviewData?.filter(res => res.formName === name);\r\n const sectionData = list ? list[0].sections : [];\r\n return sectionData.map((element, index) => {\r\n if (\r\n (element?.sectionName === APP_LABELS.CVO_CONTACT_DETAILS ||\r\n element?.sectionName === APP_LABELS.INCOMING_CVO_CONTACT_DETAILS) &&\r\n role !== APP_LABELS.BRANCH_DATA_STEWARD\r\n ) {\r\n return (\r\n \r\n \r\n {element?.sectionName}\r\n \r\n {getStatus(element?.sectionStatus)}\r\n \r\n {element?.lastUpdatedBy || '----'}\r\n \r\n \r\n {convertUtcToLocal(element?.lastUpdatedDate)}\r\n \r\n \r\n {get2023Actions(\r\n name,\r\n element?.sectionStatus,\r\n tabId,\r\n subTabsList,\r\n index,\r\n element?.sectionName\r\n )}\r\n \r\n \r\n );\r\n }\r\n return null;\r\n });\r\n }\r\n return null;\r\n };\r\n\r\n const renderSectionslist = (name, tabId, subTabsList) => {\r\n if (overviewData && overviewData.length > 1) {\r\n const list = overviewData?.filter(res => res.formName === name);\r\n const sectionData = list ? list[0]?.sections : [];\r\n return sectionData?.map((element, index) => (\r\n <>\r\n \r\n \r\n {element?.sectionName}\r\n \r\n {getStatus(element?.sectionStatus)}\r\n \r\n {element?.lastUpdatedBy || '----'}\r\n \r\n \r\n {convertUtcToLocal(element?.lastUpdatedDate)}\r\n \r\n \r\n {getActions(\r\n name,\r\n element?.sectionStatus,\r\n tabId,\r\n subTabsList,\r\n index,\r\n element?.sectionName\r\n )}\r\n \r\n \r\n {name === APP_LABELS.COLLABORATIONS &&\r\n collabTabsView[index] &&\r\n showlist(\r\n collabrationTabDatas[index] || [],\r\n tabId,\r\n subTabsList[index],\r\n element?.sectionName\r\n )}\r\n {name === APP_LABELS.PROGRAM_ACTIVITIES &&\r\n programActivityView[index] &&\r\n showlist(\r\n programActivityDatas[index] || [],\r\n tabId,\r\n subTabsList[index],\r\n element?.sectionName\r\n )}\r\n \r\n ));\r\n }\r\n return '';\r\n };\r\n const renderSections2022list = (name, tabId, subTabsList) => {\r\n if (overviewData && overviewData.length > 1) {\r\n const list = overviewData?.filter(res => res.formName === name);\r\n const sectionData = list ? list[0]?.sections : [];\r\n return sectionData?.map((element, index) => (\r\n <>\r\n \r\n \r\n {element?.sectionName}\r\n \r\n {getStatus(element?.sectionStatus)}\r\n \r\n {element?.lastUpdatedBy || '----'}\r\n \r\n \r\n {convertUtcToLocal(element?.lastUpdatedDate)}\r\n \r\n \r\n {getActions(\r\n name,\r\n element?.sectionStatus,\r\n tabId,\r\n subTabsList,\r\n index,\r\n subTabsList[index]\r\n )}\r\n \r\n \r\n {name === APP_LABELS.COLLABORATIONS &&\r\n collabTabsView[index] &&\r\n showlist(\r\n collabrationTabDatas[index] || [],\r\n tabId,\r\n subTabsList[index],\r\n element?.sectionName\r\n )}\r\n {name === APP_LABELS.PROGRAM_ACTIVITIES &&\r\n programActivityView[index] &&\r\n showlist(\r\n programActivityDatas[index] || [],\r\n tabId,\r\n subTabsList[index],\r\n element?.sectionName\r\n )}\r\n \r\n ));\r\n }\r\n return '';\r\n };\r\n return (\r\n \r\n
\r\n HELP {/* */}\r\n \r\n
\r\n \r\n \r\n \r\n Status \r\n Last Updated By \r\n Last Updated On \r\n Actions \r\n \r\n \r\n \r\n \r\n 01 Staff \r\n {ymcaSiteInfoList(\r\n APP_LABELS.SITE_INFORMATION,\r\n 'v-pills-siteInformations-tab'\r\n )}\r\n \r\n\r\n \r\n 02 Participations and Enrollment \r\n {ymcaSiteInfoList(\r\n APP_LABELS.SITE_INFORMATION,\r\n 'v-pills-siteInformations-tab'\r\n )}\r\n \r\n \r\n 03 Financials \r\n {ymcaSiteInfoList(\r\n APP_LABELS.EMPLOYEE,\r\n 'v-pills-updateEmployee-tab'\r\n )}\r\n \r\n \r\n 04 Program & Property \r\n {ymcaSiteInfoList(\r\n APP_LABELS.EMPLOYEE,\r\n 'v-pills-updateEmployee-tab'\r\n )}\r\n \r\n \r\n 05 Review & Submit \r\n {ymcaSiteInfoList(\r\n APP_LABELS.REVIEW_SUBMIT,\r\n 'v-pills-ReviewSubmit-tab'\r\n )}\r\n \r\n \r\n
\r\n
{\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={APP_LABELS.COMMON_ERROR_MESSAGE}\r\n showErrorPopup={errorPopup}\r\n />\r\n {help && \r\n HELP\r\n \r\n
\r\n
\r\n
{APP_LABELS.INSTRUCTIONS} \r\n
\r\n {/*
\r\n Full-time employees should be reported as your Camp defined\r\n them. A typical definition of Full-time would be 30 or more\r\n hours per week, minimum 1500 hours per year. Include\r\n international staff, who are most commonly seasonal employees\r\n but include them in the category that best describles them at\r\n your Camp.\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/* {APP_LABELS.AR_EMPLOYEE_HEAD_COUNT_TEXT} */}\r\n How many staff did your Camp employ for Summer Overnight Camp this\r\n past season? Please use the table below to indicate how many were\r\n Full-time exempt, Full-time Non-exempt, or\r\n Part-time/Seasonal/Temporary.\r\n
\r\n
\r\n
\r\n\r\n
\r\n {({ values, setFieldValue, errors, touched, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n \r\n HELP\r\n \r\n
\r\n
\r\n
{APP_LABELS.INSTRUCTIONS} \r\n
\r\n
\r\n Please include the wage paid for this position. Exclude earning\r\n from work that individuals may perform for other duties at your\r\n Camp, Overtime Pay, Bonuses, Inceptive Pay, Profit Sharing, and\r\n the Monetary Value of any other benefits that may be provided.\r\n If multiple persons hold the same title, use the highest paid\r\n for your estimate.\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/* {APP_LABELS.AR_EMPLOYEE_HEAD_COUNT_TEXT} */}\r\n For each position at your Summer Overnight Camp, what is the\r\n position's Gross Daily Wage (before taxes and deductions)? Enter a\r\n dollar value only, without a dollar sign.\r\n
\r\n
\r\n
\r\n\r\n
\r\n {({ dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n onActive('Total Staff');\r\n }}\r\n >\r\n Total Staff\r\n \r\n \r\n \r\n {\r\n onActive('Wages');\r\n }}\r\n >\r\n Wages\r\n \r\n \r\n \r\n
\r\n
\r\n {activeTab === 'Total Staff' && (\r\n \r\n
\r\n {activeTab === 'Wages' && (\r\n \r\n
\r\n HELP\r\n \r\n
\r\n
\r\n
{APP_LABELS.INSTRUCTIONS} \r\n
\r\n {/*
\r\n The following section will ask you to provide details on your\r\n Enrollment.The value selected determines the number of rows to\r\n appear in a table below. The Columns/Data points in the\r\n tableremain the same.\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n How many Overnight Camp Sessions did you offer during this Past\r\n Summers Season?\r\n \r\n Number of row(s) to appear in a table below* \r\n \r\n
\r\n
\r\n
\r\n \r\n -- Select -- \r\n {Array.from({ length: 20 }, (_, i) => (\r\n \r\n {i + 1}\r\n \r\n ))}\r\n \r\n \r\n Apply\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n {({ values, errors, touched, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n \r\n
\r\n
\r\n
\r\n
Confirm Row Count Change \r\n \r\n
\r\n
\r\n {pendingRowCount > rowCount\r\n ? `Are you sure you want to increase the row count to ${pendingRowCount}?`\r\n : `Are you sure you want to decrease the row count to ${pendingRowCount}?`}\r\n
\r\n
\r\n
\r\n \r\n Cancel\r\n \r\n \r\n Confirm\r\n \r\n
\r\n
\r\n
\r\n
\r\n HELP\r\n \r\n
\r\n
\r\n
{APP_LABELS.INSTRUCTIONS} \r\n
\r\n {/*
\r\n The following section will ask you to provide details on your\r\n Enrollment.\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n {({ values, setFieldValue, errors, touched, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n onActive('Enrollment And Occupancy');\r\n }}\r\n >\r\n Enrollment And Occupancy\r\n \r\n \r\n \r\n {\r\n onActive('Participants');\r\n }}\r\n >\r\n Participants\r\n \r\n \r\n \r\n
\r\n
\r\n {activeTab === 'Enrollment And Occupancy' && (\r\n \r\n
\r\n {activeTab === 'Participants' && (\r\n \r\n
\r\n HELP\r\n \r\n
\r\n {({ values, setFieldValue, errors, touched, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n <>\r\n \r\n \r\n );\r\n }}\r\n \r\n \r\n HELP\r\n \r\n
\r\n
\r\n
{APP_LABELS.INSTRUCTIONS} \r\n
\r\n {/*
\r\n What was your Overnight Summer Camp's total operating revenue\r\n for the summer? Do not include revenue from other programs or\r\n services offered such as Day Camp, Retreats, Conferences, etc.\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n {({ values, setFieldValue, errors, touched, dirty }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n <>\r\n \r\n \r\n );\r\n }}\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n {\r\n onActive('Revenue');\r\n }}\r\n >\r\n Revenue\r\n \r\n \r\n \r\n {\r\n onActive('Expenses');\r\n }}\r\n >\r\n Expenses\r\n \r\n \r\n \r\n
\r\n
\r\n {activeTab === 'Revenue' && (\r\n \r\n
\r\n {activeTab === 'Expenses' && (\r\n \r\n
\r\n
\r\n {({ dirty, errors }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {/* {help && \r\n {({ dirty, errors }) => {\r\n sessionStorage.setItem('dirty', dirty);\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n {dataStatus?.toUpperCase() === APP_LABELS.STATUS_SUBMITTED && (\r\n \r\n {APP_LABELS.REVIEW_SUBMIT_SUBMITTED_TEXT}\r\n
\r\n )}\r\n\r\n {/* {\r\n setIsModalOpen(false);\r\n }}\r\n inCompleteList={inCompleteList}\r\n setSubmitStatus={setSubmitStatus}\r\n setShowPopup={setShowPopup}\r\n setLoader={setLoader}\r\n fromValues={formData}\r\n remaingTabs={\r\n ReviewSubmitInfoSelectorData?.data?.dashboardMenuList.length\r\n }\r\n ReviewSubmitInfoSelectorData={ReviewSubmitInfoSelectorData}\r\n associationNum={associationNum}\r\n /> */}\r\n\r\n {\r\n setShowPopup(false);\r\n if (submitStatus && selectedYear === '2022') setRedirect(true);\r\n if (\r\n submitStatus &&\r\n selectedYear !== '2022' &&\r\n reviewSubmitRating === null\r\n ) {\r\n setFeedbackPopup(true);\r\n } else {\r\n setRedirect(true);\r\n }\r\n }}\r\n />\r\n\r\n {\r\n setFeedbackPopup(false);\r\n if (submitStatus) setRedirect(true);\r\n }}\r\n showFeedbackPopup={feedbackPopup}\r\n sectionName={sectionName}\r\n selectedYear={selectedYear}\r\n associationNumber={associationNum}\r\n formId={formId}\r\n />\r\n\r\n {redirect && {\r\n setErrorPopup(false);\r\n }}\r\n errorMessage={APP_LABELS.COMMON_ERROR_MESSAGE}\r\n showErrorPopup={errorPopup}\r\n />\r\n\r\n {help && \r\n \r\n {`0${number}`}\r\n
\r\n
\r\n );\r\n }\r\n if (status === APP_LABELS.STATUS_COMPLETED) {\r\n return (\r\n \r\n \r\n {`0${number}`}\r\n
\r\n
\r\n );\r\n }\r\n return (\r\n \r\n {`0${number}`}
\r\n \r\n );\r\n };\r\n\r\n // useEffect(() => {\r\n // const navItems = AnnualReportsDashboardData?.find(\r\n // yearwise => yearwise.year === '2024'\r\n // );\r\n // console.log(AnnualReportsDashboardData);\r\n // setMenuItems(navItems);\r\n // }, [AnnualReportsDashboardData]);\r\n\r\n useEffect(() => {\r\n if (window.location.pathname === '/overnight-camp-data/reports') {\r\n // setMenuItems(DashboardOverviewSelectorData?.data);\r\n let dashboardDTOs;\r\n setMenuItems({\r\n dashboardDTOs: [\r\n {\r\n formId: 82,\r\n name: 'Staff',\r\n sequenceNo: 1,\r\n associationNumber: '9999',\r\n year: '2024',\r\n updatedByName: 'Kevin Thomas',\r\n updatedDateTime: '2024-12-06T07:25:48.937',\r\n status: 'Submitted',\r\n rating: null\r\n },\r\n {\r\n formId: 83,\r\n name: 'Participations and Enrollment',\r\n sequenceNo: 2,\r\n associationNumber: '9999',\r\n year: '2024',\r\n updatedByName: 'Kevin Thomas',\r\n updatedDateTime: '2024-12-06T07:25:48.937',\r\n status: 'Submitted',\r\n rating: null\r\n },\r\n {\r\n formId: 84,\r\n name: 'Financials',\r\n sequenceNo: 3,\r\n associationNumber: '9999',\r\n year: '2024',\r\n updatedByName: 'Kevin Thomas',\r\n updatedDateTime: '2024-12-06T07:25:48.937',\r\n status: 'Submitted',\r\n rating: null\r\n },\r\n {\r\n formId: 84,\r\n name: 'Program and Property',\r\n sequenceNo: 4,\r\n associationNumber: '9999',\r\n year: '2024',\r\n updatedByName: 'Kevin Thomas',\r\n updatedDateTime: '2024-12-06T07:25:48.937',\r\n status: 'Submitted',\r\n rating: null\r\n },\r\n {\r\n formId: 85,\r\n name: 'Review & Submit',\r\n sequenceNo: 5,\r\n associationNumber: '9999',\r\n year: '2024',\r\n updatedByName: 'Kevin Thomas',\r\n updatedDateTime: '2024-12-06T07:25:48.937',\r\n status: 'Submitted',\r\n rating: null\r\n }\r\n ]\r\n });\r\n }\r\n return () => {\r\n setIsDataLoading(false);\r\n };\r\n }, [DashboardOverviewSelectorData]);\r\n\r\n const isDisabled = (data, index) =>\r\n (navbarListIds[index]?.id === 'v-pills-Pledge-tab' &&\r\n role !== APP_LABELS.CVO_DATA_STEWARD &&\r\n role !== APP_LABELS.CEO_DATA_STEWARD &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.YUSA_DATA_VIEWER &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD &&\r\n role !== APP_LABELS.ALLIANCE_DATA_STEWARD &&\r\n data?.year === '2022') || // navbarListIds[index]?.id === 'v-pills-siteInformations-tab' ||\r\n ((navbarListIds[index]?.id === 'v-pills-updateEmployee-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-Constituency-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-globalMetrics-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-ReviewSubmit-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-Pledge-tab') &&\r\n role === APP_LABELS.BRANCH_DATA_STEWARD);\r\n\r\n const isAuthorized = (data, index) =>\r\n (navbarListIds[index]?.id === 'v-pills-Pledge-tab' &&\r\n role !== APP_LABELS.CVO_DATA_STEWARD &&\r\n role !== APP_LABELS.CEO_DATA_STEWARD &&\r\n role !== APP_LABELS.YUSA_DATA_STEWARD &&\r\n role !== APP_LABELS.YUSA_DATA_VIEWER &&\r\n role !== APP_LABELS.ALLIANCE_DATA_STEWARD &&\r\n role !== APP_LABELS.YESS_DATA_STEWARD &&\r\n data?.year === '2022') || // navbarListIds[index]?.id === 'v-pills-siteInformations-tab' ||\r\n ((navbarListIds[index]?.id === 'v-pills-updateEmployee-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-Constituency-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-globalMetrics-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-ReviewSubmit-tab' ||\r\n navbarListIds[index]?.id === 'v-pills-Pledge-tab') &&\r\n role === APP_LABELS.BRANCH_DATA_STEWARD) ? (\r\n \r\n You are not authorized to access this section\r\n \r\n ) : (\r\n ''\r\n );\r\n\r\n return (\r\n \r\n handleSetActive('v-pills-Overview-tab')}\r\n >\r\n \r\n \r\n Overview \r\n \r\n {menuItems?.dashboardDTOs &&\r\n menuItems.dashboardDTOs?.map((data, index) => (\r\n handleSetActive(navbarListIds[index]?.id)}\r\n disabled={isDisabled(data, index)}\r\n >\r\n {getStatusIcons(\r\n data?.status?.toUpperCase(),\r\n data?.year >= '2023' ? data?.sequenceNo : data?.formId\r\n )}\r\n {data?.name} \r\n {isAuthorized(data, index)}\r\n \r\n ))}\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
= '2023') ||\r\n // (statusList &&\r\n // statusList[0]?.status?.toUpperCase() ===\r\n // 'SUBMITTED' &&\r\n // activeTab !== 'v-pills-Overview-tab')\r\n // ? 'disable-input-role no-cursor'\r\n // : ''\r\n\r\n id=\"v-pills-tabContent\"\r\n >\r\n \r\n {activeTab === 'v-pills-Overview-tab' && (\r\n \r\n\r\n
\r\n {activeTab === 'v-pills-Staff-tab' && (\r\n \r\n\r\n
\r\n {activeTab ===\r\n 'v-pills-participationsAndEnrollment-tab' && (\r\n \r\n {activeTab === 'v-pills-financials-tab' && (\r\n \r\n\r\n
\r\n {activeTab === 'v-pills-programAndProperty-tab' && (\r\n \r\n {activeTab === 'v-pills-ReviewSubmit-tab' && (\r\n \r\n \r\n );\r\n};\r\n\r\nOvernightCampForms.propTypes = {\r\n location: PropTypes.objectOf(PropTypes.any).isRequired,\r\n AnnualReportsDashboardData: PropTypes.objectOf(PropTypes.any).isRequired,\r\n handleGetAnnualReportsDashboard: PropTypes.func.isRequired,\r\n LoginUserData: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n AnnualReportsDashboardData: DashboardOverviewSelector(state),\r\n LoginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\nconst mapDispatchToProps = {\r\n handleGetAnnualReportsDashboard: getAnnualReportsDashboardOverviewData\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(React.memo(OvernightCampForms));\r\n","// Default named exports for all the components here\r\nexport { default as OvernightCampYusaDashboard } from './overnight-camp-yusa-dashboard';\r\nexport { default as OvernightCampCardDashboard } from './overnight-camp-cards-dashboard';\r\nexport { default as OvernightCampForms } from './overnight-camp-data-forms';\r\n","export * from './components';\r\n","// export * from './shared';\r\nexport * from './employee-data-collection';\r\nexport * from './annual-reports';\r\nexport * from './volunteer-registeration-workflow';\r\nexport * from './chronic-disease-program';\r\nexport * from './user-management';\r\nexport * from './shared';\r\nexport * from './swim-safety';\r\nexport * from './certificate-of-liability';\r\nexport * from './metadata-manager';\r\nexport * from './overnight-camp-data';\r\n// -- Modular approach\r\n","export const CLONE_META_DATA_SUCCESS = 'CLONE_META_DATA_SUCCESS';\r\nexport const CLONE_META_DATA_FAILURE = 'CLONE_META_DATA_FAILURE';\r\n\r\nexport const CLONE_COUNT_META_DATA_SUCCESS = 'CLONE_COUNT_META_DATA_SUCCESS';\r\nexport const CLONE_COUNT_META_DATA_FAILURE = 'CLONE_COUNT_META_DATA_FAILURE';\r\n","import { META_DATA_URLS } from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\n// eslint-disable-next-line import/prefer-default-export\r\nexport const cloneMetadata =\r\n (domainId, year, cloneYear) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: META_DATA_URLS.CLONE_META_DATA(domainId, year, cloneYear),\r\n method: 'POST',\r\n successAction: data => ({\r\n type: types.CLONE_META_DATA_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.CLONE_META_DATA_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getCloneCount =\r\n (domainId, year, cloneYear) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: META_DATA_URLS.GET_CLONE_COUNT(domainId, year, cloneYear),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.CLONE_COUNT_META_DATA_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.CLONE_COUNT_META_DATA_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","import React, { useCallback, useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { connect } from 'react-redux';\r\nimport { Loader } from 'react-loaders';\r\nimport { Link } from 'react-router-dom';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport { APP_LABELS, META_DATA } from '@config/app-config';\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\nimport {\r\n cloneMetadata,\r\n getCloneCount\r\n} from '@redux/metadata-manager/clone/actions';\r\nimport { isAccess } from '../shared/index';\r\nimport {\r\n getDomains,\r\n getYears\r\n} from '@redux/metadata-manager/dashboard/actions';\r\n\r\nimport { handleResponse } from '../shared/index';\r\n\r\nconst MetaDataManagerClone = props => {\r\n const { handleGetDomains, handleGetYears, handleClone, handleCloneCount } =\r\n props;\r\n\r\n const [listOfYears, setListOfYears] = useState([]);\r\n const [listOfCloneYears, setListOfCloneYears] = useState([]);\r\n const [listOfDataDomains, setListOfDataDomains] = useState([]);\r\n const [fromYear, setFromYear] = useState('');\r\n const [toYear, setToYear] = useState('');\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [dataDomainId, setDataDomainId] = useState(undefined);\r\n const [showFailure, setShowFailure] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n const [showSuccess, setShowSuccess] = useState(false);\r\n const [successMessage, setSuccessMessage] = useState('');\r\n const [showConfirmation, setShowConfirmation] = useState(false);\r\n const [confirmationMessage, setConfirmationMessage] = useState(\r\n META_DATA.CONFIRM_META_DATA_CLONE\r\n );\r\n\r\n const loadClone = useCallback(async () => {\r\n setIsLoading(true);\r\n try {\r\n const response = await Promise.all([\r\n handleGetDomains(),\r\n handleGetYears()\r\n ]);\r\n const domainRes = handleResponse(response[0]);\r\n const yearRes = handleResponse(response[1]);\r\n if (domainRes.isSuccess && yearRes.isSuccess) {\r\n const currentYear = new Date().getFullYear();\r\n const filteredYears = yearRes?.data?.filter(\r\n year => year >= currentYear - 4 && year < currentYear\r\n );\r\n setListOfYears(filteredYears);\r\n setListOfDataDomains(domainRes.data);\r\n const clonedYears = [];\r\n if (!clonedYears.includes(currentYear)) {\r\n clonedYears.push(currentYear);\r\n }\r\n setListOfCloneYears(clonedYears);\r\n\r\n const initialDomain = domainRes.data[0]?.dataDomainId;\r\n const initialYear = yearRes.data[0];\r\n setDataDomainId(initialDomain);\r\n setFromYear(initialYear);\r\n setToYear(currentYear);\r\n }\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n }, [handleGetDomains, handleGetYears]);\r\n\r\n const initializeClone = useCallback(async () => {\r\n await loadClone();\r\n }, [handleGetDomains, handleGetYears]);\r\n\r\n const showCloneConfirm = useCallback(\r\n async (reqDmainId, reqFromYear, reqToYear) => {\r\n setIsLoading(true);\r\n try {\r\n const response = await handleCloneCount(\r\n reqDmainId,\r\n reqFromYear,\r\n reqToYear\r\n );\r\n const result = handleResponse(response);\r\n if (result.isSuccess) {\r\n setShowConfirmation(true);\r\n setConfirmationMessage(`\r\n \r\n
Are you sure you want to clone ${reqFromYear} year data to \r\n ${reqToYear} ? This will add the following records:\r\n
\r\n
\r\n ${result.data\r\n .map(\r\n item =>\r\n `${item.source} - ${item.recordCount}
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Dashboard \r\n \r\n \r\n Clone Metadata \r\n \r\n \r\n
\r\n \r\n
Clone Metadata \r\n
\r\n
\r\n
\r\n
\r\n \r\n Data Domain* \r\n \r\n setDataDomainId(e.target.value)}\r\n >\r\n {listOfDataDomains?.map(item => (\r\n \r\n {item?.dataDomainName}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Existing Year* \r\n \r\n setFromYear(e.target.value)}\r\n >\r\n {listOfYears?.map(item => (\r\n \r\n {item}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Clone Year* \r\n \r\n {\r\n setToYear(e.target.value);\r\n }}\r\n >\r\n {listOfCloneYears?.map(item => (\r\n \r\n {item}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n item?.dataDomainId?.toString() ===\r\n dataDomainId?.toString()\r\n )?.dataDomainName\r\n )}\r\n type=\"button\"\r\n onClick={() => handleCloneClick()}\r\n >\r\n Clone\r\n \r\n loadClone()}\r\n >\r\n Clear\r\n \r\n
\r\n
\r\n
\r\n
\r\n
handleConfirmClick(dataDomainId, fromYear, toYear)}\r\n onCancel={() => setShowConfirmation(false)}\r\n />\r\n {\r\n document.getElementById('dashboard-back-icon').click();\r\n setShowSucess(false);\r\n }}\r\n />\r\n setShowFailure(false)}\r\n />\r\n \r\n );\r\n};\r\nMetaDataManagerClone.propTypes = {\r\n handleGetDomains: PropTypes.func.isRequired,\r\n handleGetYears: PropTypes.func.isRequired,\r\n handleClone: PropTypes.func.isRequired,\r\n handleCloneCount: PropTypes.func.isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetDomains: getDomains,\r\n handleGetYears: getYears,\r\n handleClone: cloneMetadata,\r\n handleCloneCount: getCloneCount\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(MetaDataManagerClone);\r\n","export const GET_METADATA_CATEGORY_MAPPINGS_SUCCESS =\r\n 'GET_METADATA_CATEGORY_MAPPINGS_SUCCESS';\r\nexport const GET_METADATA_CATEGORY_MAPPINGS_FAILURE =\r\n 'GET_METADATA_CATEGORY_MAPPINGS_FAILURE';\r\n\r\nexport const GET_METADATA_CATEGORY_ITEM_SUCCESS =\r\n 'GET_METADATA_CATEGORY_ITEM_SUCCESS';\r\nexport const GET_METADATA_CATEGORY_ITEM_FAILURE =\r\n 'GET_METADATA_CATEGORY_ITEM_FAILURE';\r\n\r\nexport const GET_METADATA_CATEGORIES_SUCCESS =\r\n 'GET_METADATA_CATEGORIES_SUCCESS';\r\nexport const GET_METADATA_CATEGORIES_FAILURE =\r\n 'GET_METADATA_CATEGORIES_FAILURE';\r\n\r\nexport const GET_CONFIGURE_CATEGORIES_SUCCESS =\r\n 'GET_CONFIGURE_CATEGORIES_SUCCESS';\r\nexport const GET_CONFIGURE_CATEGORIES_FAILURE =\r\n 'GET_CONFIGURE_CATEGORIES_FAILURE';\r\n","import { META_DATA_CATEGORY_URLS } from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getCategoryMappings = id => (dispatch, getState) =>\r\n asyncRequest({\r\n url: META_DATA_CATEGORY_URLS.GET_CATEGORY_MAPPINGS(id),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_METADATA_CATEGORY_MAPPINGS_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_CATEGORY_MAPPINGS_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getMappingsByDomineAndYear =\r\n (domine, year) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: META_DATA_CATEGORY_URLS.GET_CATEGORY_MAPPINGS_BY_DOMINE_YEAR(\r\n domine,\r\n year\r\n ),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_METADATA_CATEGORY_MAPPINGS_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_CATEGORY_MAPPINGS_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getCategoryMappingBySubForms =\r\n (dataDomainId, year, formId, subFormId) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: META_DATA_CATEGORY_URLS.GET_CATEGORY_MAPPINGS_BY_FORM_SUBFORM(\r\n dataDomainId,\r\n year,\r\n formId,\r\n subFormId\r\n ),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_METADATA_CATEGORY_MAPPINGS_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_CATEGORY_MAPPINGS_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getCategoryItems = categoryItem => (dispatch, getState) =>\r\n asyncRequest({\r\n url: META_DATA_CATEGORY_URLS.GET_CATEGORY_ITEM(categoryItem),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_METADATA_CATEGORY_ITEM_FAILURE,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_CATEGORY_ITEM_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getConfigureCategories = () => (dispatch, getState) =>\r\n asyncRequest({\r\n url: META_DATA_CATEGORY_URLS.GET_CONFIGURE(),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_CONFIGURE_CATEGORIES_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_CATEGORIES_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const addCategoryMappings = (bodyObject, id) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: META_DATA_CATEGORY_URLS.GET_CATEGORY_MAPPINGS(id),\r\n method: id ? 'PUT' : 'POST',\r\n data: bodyObject,\r\n successAction: data => ({\r\n type: types.GET_CONFIGURE_CATEGORIES_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_CATEGORIES_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const deleteConfigureCategorieItem =\r\n (id, categoryItem) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: META_DATA_CATEGORY_URLS.DELETE_CATEGORY_ITEM(id, categoryItem),\r\n method: 'DELETE',\r\n successAction: data => ({\r\n type: types.GET_CONFIGURE_CATEGORIES_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_CATEGORIES_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const addConfigureCategorieItem = bodyObject => (dispatch, getState) =>\r\n asyncRequest({\r\n url: META_DATA_CATEGORY_URLS.ADD_CATEGORY_ITEM(),\r\n method: 'POST',\r\n data: bodyObject,\r\n successAction: data => ({\r\n type: types.GET_CONFIGURE_CATEGORIES_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_CATEGORIES_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const updateConfigureCategorieItem =\r\n (id, bodyObject) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: META_DATA_CATEGORY_URLS.UPDATE_CATEGORY_ITEM(id),\r\n method: 'PUT',\r\n data: bodyObject,\r\n successAction: data => ({\r\n type: types.GET_CONFIGURE_CATEGORIES_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_CATEGORIES_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const deleteCategoryMappings = categoryItem => (dispatch, getState) =>\r\n asyncRequest({\r\n url: META_DATA_CATEGORY_URLS.GET_CATEGORY_MAPPINGS(categoryItem),\r\n method: 'DELETE',\r\n successAction: data => ({\r\n type: types.GET_METADATA_CATEGORY_MAPPINGS_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_CATEGORY_MAPPINGS_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","import React, { useCallback, useEffect, useState } from 'react';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { Loader } from 'react-loaders';\r\nimport BlockUi from 'react-block-ui';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport moment from 'moment';\r\n\r\nimport {\r\n getDashboardForms,\r\n getDomains,\r\n getYears\r\n} from '@redux/metadata-manager/dashboard/actions';\r\nimport { getCategoryMappingBySubForms } from '@redux/metadata-manager/categories/actions';\r\nimport {\r\n addMetadata,\r\n getDataPointTypes,\r\n getMetadata,\r\n getSegmentTypes,\r\n updateMetadata\r\n} from '@redux/metadata-manager/manage-metadata/actions';\r\n\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\nimport { APP_LABELS, META_DATA } from '@config/app-config';\r\nimport { isAccess } from '../shared/index';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport { handleCatch, handleResponse } from '../shared/index';\r\n\r\nconst MetaDataManagerManageMetadata = ({\r\n handleGetDomains,\r\n handleGetYears,\r\n handleGetSegmentTypes,\r\n handleGetDataPointTypes,\r\n handleGetDashboardForms,\r\n handleGetCategoryMappings,\r\n handleGetMetadata,\r\n handleAddMetadata,\r\n handleUpdateMetadata\r\n}) => {\r\n const [state, setState] = useState({\r\n listOfYears: [],\r\n listOfDataDomains: [],\r\n listOfForms: [],\r\n listOfSubForms: [],\r\n listOfAllSubForms: [],\r\n listOfCategoryMappings: [],\r\n listOfSegmentTypes: [],\r\n listOfDataPointTypes: [],\r\n listOfCategory1: [],\r\n listOfCategory2: [],\r\n listOfCategory3: [],\r\n listOfFormSubForm: [],\r\n listOfCategories: [],\r\n dataDomainId: '',\r\n year: '',\r\n formId: '',\r\n subFormId: '',\r\n category1: '',\r\n category2: '',\r\n category3: '',\r\n segmentType: '',\r\n dataPointType: '',\r\n dataPointScore: '',\r\n dataEvalMinScore: '',\r\n qualtricsId: '',\r\n sourceMapping: '',\r\n targetMapping: '',\r\n createdDttm: '',\r\n createdBy: '',\r\n updatedDttm: '',\r\n updatedBy: '',\r\n formPointsPossible: '',\r\n isLoading: false,\r\n showSuccess: false,\r\n showFailure: false,\r\n errorMessage: '',\r\n metadataId: undefined,\r\n canRedirect: false,\r\n errors: {} // State for form errors\r\n });\r\n\r\n const {\r\n listOfYears,\r\n listOfDataDomains,\r\n listOfForms,\r\n listOfSubForms,\r\n listOfDataPointTypes,\r\n listOfCategory1,\r\n listOfCategory2,\r\n listOfCategory3,\r\n listOfFormSubForm,\r\n listOfCategories,\r\n dataDomainId,\r\n year,\r\n formId,\r\n subFormId,\r\n category1,\r\n category2,\r\n category3,\r\n dataPointType,\r\n dataPointScore,\r\n qualtricsId,\r\n sourceMapping,\r\n targetMapping,\r\n showSuccess,\r\n showFailure,\r\n errorMessage,\r\n isLoading,\r\n metadataId,\r\n canRedirect,\r\n formPointsPossible\r\n } = state;\r\n\r\n const formGroup = {\r\n dataDomainId: {\r\n validations: {\r\n required: {\r\n value: true,\r\n message: 'Domain is required'\r\n }\r\n }\r\n },\r\n year: {\r\n validations: {\r\n required: {\r\n value: true,\r\n message: 'Year is required'\r\n }\r\n }\r\n },\r\n formId: {\r\n validations: {\r\n required: {\r\n value: true,\r\n message: 'Form is required'\r\n }\r\n }\r\n },\r\n subFormId: {\r\n validations: {\r\n required: {\r\n value: true,\r\n message: 'Subform is required'\r\n }\r\n }\r\n },\r\n category1: {\r\n validations: {\r\n required: {\r\n value: true,\r\n message: 'Category 1 is required'\r\n }\r\n }\r\n },\r\n dataPointType: {\r\n validations: {\r\n required: {\r\n value: true,\r\n message: 'Data Point Type is required'\r\n }\r\n }\r\n },\r\n dataPointScore: {\r\n validations: {\r\n required: {\r\n value: true,\r\n message: 'Data Points is required'\r\n },\r\n number: {\r\n value: true,\r\n message: 'Data Points must be a valid number'\r\n }\r\n }\r\n },\r\n formPointsPossible: {\r\n validations: {\r\n required: {\r\n value: true,\r\n message: 'Form Points Possible is required'\r\n },\r\n number: {\r\n value: true,\r\n message: 'Form Points Possible must be a valid number'\r\n }\r\n }\r\n },\r\n sourceMapping: {\r\n validations: {\r\n required: {\r\n value: true,\r\n message: 'Data Source Mapping is required'\r\n }\r\n }\r\n },\r\n targetMapping: {\r\n validations: {\r\n required: {\r\n value: true,\r\n message: 'Data Target Mapping is required'\r\n }\r\n }\r\n }\r\n };\r\n\r\n // Helper to update state\r\n const updateState = updates => setState(prev => ({ ...prev, ...updates }));\r\n\r\n const validateField = (field, value) => {\r\n const errors = [];\r\n if (formGroup[field]) {\r\n const { validations } = formGroup[field];\r\n\r\n // Validate the field value\r\n Object.entries(validations).forEach(([rule, config]) => {\r\n if (rule === 'required' && config.value && !value) {\r\n errors.push(config.message);\r\n }\r\n if (\r\n rule === 'number' &&\r\n config.value &&\r\n value &&\r\n !/^\\d+$/.test(value)\r\n ) {\r\n errors.push(config.message);\r\n }\r\n });\r\n }\r\n\r\n return errors;\r\n };\r\n\r\n // Form validation logic\r\n const validateForm = () => {\r\n const errors = {};\r\n let formIsValid = true;\r\n\r\n // Validate each field\r\n Object.keys(formGroup).forEach(field => {\r\n const value = state[field];\r\n const fieldErrors = validateField(field, value);\r\n\r\n if (fieldErrors.length > 0) {\r\n errors[field] = fieldErrors;\r\n formIsValid = false;\r\n }\r\n });\r\n\r\n updateState({ errors });\r\n\r\n return formIsValid;\r\n };\r\n\r\n const handleInputChange = (field, value) => {\r\n const fieldErrors = validateField(field, value);\r\n updateState({\r\n [field]: value,\r\n errors: { ...state.errors, [field]: fieldErrors }\r\n });\r\n };\r\n\r\n const sortCategories = (data, key) => {\r\n const sortedData = data?.sort((a, b) => {\r\n if (a[key]?.toLowerCase()?.trim() < b[key]?.toLowerCase()?.trim())\r\n return -1;\r\n if (a[key]?.toLowerCase()?.trim() > b[key]?.toLowerCase()?.trim())\r\n return 1;\r\n return 0;\r\n });\r\n return sortedData;\r\n };\r\n\r\n const loadForms = useCallback(\r\n async (_domainId, _year) => {\r\n updateState({ isLoading: true });\r\n try {\r\n const response = await handleGetDashboardForms(_domainId, _year);\r\n const result = handleResponse(response);\r\n if (result.isSuccess) {\r\n const formsData = result.data.flatMap(({ form }) => form);\r\n const subFormsData = result.data.flatMap(({ subForms }) =>\r\n subForms.filter(c => {\r\n return (\r\n c.year.toString() === _year.toString() &&\r\n c.domainId.toString() === _domainId.toString()\r\n );\r\n })\r\n );\r\n const formWithSubForms = result.data.flatMap(({ form, subForms }) => {\r\n return {\r\n form: {\r\n ...form,\r\n subForms: subForms.filter(\r\n subForm =>\r\n subForm.formId.toString() === form.formId.toString() &&\r\n subForm.year.toString() === _year.toString() &&\r\n subForm.domainId.toString() === _domainId.toString()\r\n )\r\n }\r\n };\r\n });\r\n updateState({\r\n listOfForms: sortCategories(formsData, 'formName'),\r\n listOfSubForms: sortCategories(subFormsData, 'subFormName'),\r\n listOfAllSubForms: subFormsData,\r\n listOfFormSubForm: formWithSubForms\r\n });\r\n }\r\n } finally {\r\n updateState({ isLoading: false });\r\n }\r\n },\r\n [handleGetDashboardForms]\r\n );\r\n\r\n const loadMetadata = useCallback(async id => {\r\n updateState({ isLoading: true, metadataId: id });\r\n\r\n const response = await handleGetMetadata(id);\r\n const result = handleResponse(response);\r\n if (result.isSuccess) {\r\n const { data } = result;\r\n\r\n updateState({\r\n dataDomainId: data.dataDomainId || '',\r\n year: data.year || '',\r\n formId: data.formId || '',\r\n subFormId: data.subformId || '',\r\n category1: data.category1Id || '',\r\n category2: data.category2Id || '',\r\n category3: data.category3Id || '',\r\n segmentType: data.dataSegmentType || '',\r\n dataPointType: data.dataPointType || '',\r\n dataPointScore: data.dataPoints || '',\r\n dataEvalMinScore: data.minPointsReq || '',\r\n qualtricsId: data.qualtricsId || '',\r\n sourceMapping: data.sourceMapping || '',\r\n targetMapping: data.targetMapping || '',\r\n updatedDttm: data.updatedDttm || '',\r\n updatedBy: data.updatedBy || '',\r\n createdDttm: data.createdDttm || '',\r\n createdBy: data.createdBy || '',\r\n formPointsPossible: data.formPointsPossible || ''\r\n });\r\n }\r\n\r\n updateState({ isLoading: false });\r\n }, []);\r\n\r\n const initializeMetadata = useCallback(async () => {\r\n updateState({ isLoading: true });\r\n try {\r\n const [domainsRes, yearsRes, segmentRes, dataPointRes] =\r\n await Promise.all([\r\n handleGetDomains(),\r\n handleGetYears(),\r\n handleGetSegmentTypes(),\r\n handleGetDataPointTypes()\r\n ]);\r\n\r\n updateState({\r\n listOfDataDomains: handleResponse(domainsRes).data || [],\r\n listOfYears: handleResponse(yearsRes).data || [],\r\n listOfSegmentTypes: handleResponse(segmentRes).data || [],\r\n listOfDataPointTypes: handleResponse(dataPointRes).data || []\r\n });\r\n\r\n const path = window.location.pathname;\r\n const id = path.substring(path.lastIndexOf('/') + 1);\r\n if (id && id > 0) {\r\n await loadMetadata(id);\r\n }\r\n } catch (error) {\r\n const errorMsg = handleCatch(error);\r\n updateState({\r\n showDownloadMessage: APP_LABELS.ERROR_MESSAGE || errorMsg,\r\n showDownloadStatus: true\r\n });\r\n } finally {\r\n updateState({ isLoading: false });\r\n }\r\n }, [\r\n handleGetDomains,\r\n handleGetYears,\r\n handleGetSegmentTypes,\r\n handleGetDataPointTypes,\r\n loadMetadata\r\n ]);\r\n\r\n const updateCategoryMappings = useCallback(\r\n data => {\r\n const nestedCategories = [];\r\n data.forEach(\r\n ({\r\n category1Id,\r\n category1Name,\r\n category2Id,\r\n category2Name,\r\n category3Id,\r\n category3Name\r\n }) => {\r\n // Find or create category1\r\n // eslint-disable-next-line no-shadow\r\n let category1 = nestedCategories.find(\r\n cat1 => cat1.category1Id === category1Id\r\n );\r\n if (!category1) {\r\n category1 = {\r\n category1Id,\r\n category1Name,\r\n category2: []\r\n };\r\n nestedCategories.push(category1);\r\n }\r\n\r\n // Find or create category2 under category1\r\n // eslint-disable-next-line no-shadow\r\n let category2 = category1.category2.find(\r\n cat2 => cat2?.category2Id === category2Id\r\n );\r\n if (!category2) {\r\n category2 = {\r\n category2Id,\r\n category2Name,\r\n category3: []\r\n };\r\n category1.category2.push(category2);\r\n }\r\n\r\n // Find or create category3 under category2\r\n // eslint-disable-next-line no-shadow\r\n let category3 = category2.category3.find(\r\n cat3 => cat3.category3Id === category3Id\r\n );\r\n if (!category3) {\r\n category3 = {\r\n category3Id,\r\n category3Name\r\n };\r\n category2.category3.push(category3);\r\n }\r\n }\r\n );\r\n const checkCombination = data.find(res => {\r\n const { category1Id, category2Id, category3Id } = res;\r\n if (category1 && !category2 && !category3) {\r\n return category1Id.toString() === category1.toString();\r\n }\r\n if (category1 && category2 && !category3) {\r\n return (\r\n category1Id.toString() === category1.toString() &&\r\n category2Id.toString() === category2.toString()\r\n );\r\n }\r\n if (category1 && category2 && category3) {\r\n return (\r\n category1Id.toString() === category1.toString() &&\r\n category2Id.toString() === category2.toString() &&\r\n category3Id.toString() === category3.toString()\r\n );\r\n }\r\n return false;\r\n });\r\n updateState({\r\n listOfCategories: nestedCategories,\r\n listOfCategory1: sortCategories(nestedCategories, 'category1Name'),\r\n category1: checkCombination ? category1 : '',\r\n category2: checkCombination ? category2 : '',\r\n category3: checkCombination ? category3 : ''\r\n });\r\n },\r\n [category1, category2, category3]\r\n );\r\n\r\n const calculateDatapointId = () => {\r\n // Start with the base data point ID\r\n if (!formId) return '';\r\n let dataPointID = `Q${formId}.${subFormId}`;\r\n\r\n // Check if all three categories are provided\r\n if (category1 && category2 && category3) {\r\n dataPointID = `${dataPointID}#${category1}_${category2}_${category3}`;\r\n }\r\n // Check if the first two categories are provided and the third one is not\r\n else if (category1 && category2 && !category3) {\r\n dataPointID = `${dataPointID}#${category1}_${category2}`;\r\n }\r\n // Check if only the first category is provided\r\n else if (category1 && !category2 && !category3) {\r\n dataPointID = `${dataPointID}#${category1}`;\r\n }\r\n\r\n return dataPointID;\r\n };\r\n\r\n const loadSubForms = useCallback(\r\n (_formId, _domainId, _year) => {\r\n const subForms = listOfFormSubForm.find(\r\n c =>\r\n c.form.formId.toString() === _formId.toString() &&\r\n c.form.year.toString() === _year.toString() &&\r\n c.form.domainId.toString() === _domainId.toString() &&\r\n c.form.subForms?.filter(\r\n e =>\r\n e.year.toString() === _year.toString() &&\r\n e.domainId.toString() === _domainId.toString()\r\n )\r\n )?.form?.subForms;\r\n\r\n updateState({ listOfSubForms: sortCategories(subForms, 'subFormName') });\r\n },\r\n [listOfFormSubForm]\r\n );\r\n\r\n const loadCategories = useCallback(\r\n async (_formId, _subFormId) => {\r\n const response = await handleGetCategoryMappings(\r\n dataDomainId,\r\n year,\r\n _formId,\r\n _subFormId\r\n );\r\n const result = handleResponse(response);\r\n updateCategoryMappings(result.data);\r\n },\r\n [listOfFormSubForm, category1, category2, category3]\r\n );\r\n\r\n const loadCategory2 = useCallback(\r\n _category1 => {\r\n const category2List = listOfCategory1.find(\r\n c => c.category1Id.toString() === _category1.toString()\r\n )?.category2;\r\n updateState({\r\n listOfCategory2: sortCategories(\r\n category2List?.filter(res => res?.category2Id),\r\n 'category2Name'\r\n )\r\n });\r\n },\r\n [listOfCategories]\r\n );\r\n\r\n const loadCategory3 = useCallback(\r\n _category2 => {\r\n const category3List = listOfCategory2?.find(\r\n c => c.category2Id?.toString() === _category2?.toString()\r\n )?.category3;\r\n updateState({\r\n listOfCategory3: sortCategories(\r\n category3List?.filter(res => res?.category3Id),\r\n 'category3Name'\r\n )\r\n });\r\n },\r\n [listOfCategory2]\r\n );\r\n\r\n const handleFormSubmit = async () => {\r\n if (!validateForm()) {\r\n return;\r\n }\r\n updateState({ isLoading: true });\r\n\r\n try {\r\n const localCategory1 = listOfCategories.find(\r\n c => c.category1Id?.toString() === category1?.toString()\r\n );\r\n const localCategory2 = localCategory1?.category2?.find(\r\n c => c.category2Id?.toString() === category2?.toString()\r\n );\r\n const localCategory3 = localCategory2?.category3?.find(\r\n c => c.category3Id?.toString() === category3?.toString()\r\n );\r\n\r\n const request = {\r\n year,\r\n dataDomainId,\r\n dataDomainName:\r\n listOfDataDomains.find(\r\n c => c.dataDomainId.toString() === dataDomainId.toString()\r\n )?.dataDomainName || '',\r\n dataPointDescription: '',\r\n dataPointType,\r\n dataPointGranularity: '',\r\n formName: listOfFormSubForm.find(\r\n c => c.form.formId.toString() === formId\r\n )?.form?.formName,\r\n formId,\r\n subformName: listOfFormSubForm\r\n .find(c => c.form.formId.toString() === formId)\r\n ?.form?.subForms.find(c => c.subFormId.toString() === subFormId)\r\n ?.subFormName,\r\n subformId: subFormId,\r\n category1Name: localCategory1?.category1Name,\r\n category1Id: category1,\r\n category2Name: localCategory2?.category2Name,\r\n category2Id: category2,\r\n category3Name: localCategory3?.category3Name,\r\n category3Id: category3,\r\n sourceMapping,\r\n targetMapping,\r\n dataEvalId: '',\r\n dataPoints: dataPointScore,\r\n qualtricsId,\r\n formPointsPossible,\r\n dataPointId: calculateDatapointId()\r\n };\r\n let response;\r\n\r\n if (metadataId && parseInt(metadataId, 10) > 0)\r\n response = await handleUpdateMetadata(\r\n request,\r\n parseInt(metadataId, 10)\r\n );\r\n else response = await handleAddMetadata(request);\r\n\r\n const result = handleResponse(response);\r\n if (result.isSuccess) {\r\n updateState({ showSuccess: true });\r\n } else {\r\n updateState({\r\n showSuccess: false,\r\n showFailure: true,\r\n errorMessage: result.message\r\n });\r\n }\r\n } catch (error) {\r\n const err = await handleCatch(error);\r\n updateState({ showSuccess: false, showFailure: true, errorMessage: err });\r\n } finally {\r\n updateState({ isLoading: false });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (category2 && listOfCategory2?.length > 0) loadCategory3(category2);\r\n }, [category2, listOfCategory2]);\r\n\r\n useEffect(() => {\r\n if (category1 && listOfCategory1?.length > 0) loadCategory2(category1);\r\n }, [category1, listOfCategory1]);\r\n\r\n useEffect(() => {\r\n if (formId && subFormId && listOfFormSubForm?.length > 0)\r\n loadCategories(formId, subFormId);\r\n }, [formId, subFormId, listOfFormSubForm.length]);\r\n\r\n useEffect(() => {\r\n if (formId && listOfFormSubForm?.length > 0)\r\n loadSubForms(formId, dataDomainId, year);\r\n }, [formId, year, dataDomainId, listOfFormSubForm.length]);\r\n\r\n useEffect(() => {\r\n if (year && dataDomainId) loadForms(dataDomainId, year);\r\n }, [year, dataDomainId]);\r\n\r\n useEffect(() => {\r\n initializeMetadata();\r\n window.scrollTo(0, 0);\r\n }, [initializeMetadata]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Dashboard \r\n \r\n \r\n \r\n {metadataId ? 'Edit' : 'Add'} Datapoint\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {metadataId ? 'Edit' : 'Add'} Datapoint\r\n \r\n
\r\n item?.dataDomainId?.toString() === dataDomainId?.toString()\r\n )?.dataDomainName\r\n )\r\n ? 'disable-input-role no-cursor'\r\n : ''\r\n } container border-wrapper`}\r\n >\r\n \r\n
\r\n
\r\n
\r\n Data Domain * \r\n \r\n
\r\n handleInputChange('dataDomainId', e.target.value)\r\n }\r\n value={dataDomainId}\r\n >\r\n Select \r\n {listOfDataDomains.map(item => (\r\n \r\n {item.dataDomainName}\r\n \r\n ))}\r\n \r\n {!dataDomainId && state.errors.dataDomainId && (\r\n {state.errors.dataDomainId}
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n Year* \r\n \r\n
handleInputChange('year', e.target.value)}\r\n value={year}\r\n >\r\n Select \r\n {listOfYears.map(item => (\r\n \r\n {item}\r\n \r\n ))}\r\n \r\n {!year && state.errors.year && (\r\n {state.errors.year}
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n Form Name* \r\n \r\n
handleInputChange('formId', e.target.value)}\r\n value={formId}\r\n >\r\n Select \r\n {listOfForms?.map(item => (\r\n \r\n {item.formName}\r\n \r\n ))}\r\n \r\n {!formId && state.errors.formId && (\r\n {state.errors.formId}
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n Sub Form Name* \r\n \r\n
\r\n handleInputChange('subFormId', e.target.value)\r\n }\r\n value={subFormId}\r\n >\r\n Select \r\n {listOfSubForms?.map(item => (\r\n \r\n {item.subFormName}\r\n \r\n ))}\r\n \r\n {!subFormId && state.errors.subFormId && (\r\n {state.errors.subFormId}
\r\n )}\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n Category 1* \r\n \r\n
{\r\n handleInputChange('category1', e.target.value);\r\n handleInputChange('category2', '');\r\n handleInputChange('category3', '');\r\n }}\r\n value={category1}\r\n >\r\n Select \r\n {listOfCategory1\r\n ?.sort((a, b) =>\r\n a.category1Name\r\n .toUpperCase()\r\n .localeCompare(b.category1Name.toUpperCase(), 'de', {\r\n sensitivity: 'base'\r\n })\r\n )\r\n .map(item => (\r\n \r\n {item.category1Name}\r\n \r\n ))}\r\n \r\n {!category1 && state.errors.category1 && (\r\n {state.errors.category1}
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n Category 2\r\n \r\n
{\r\n handleInputChange('category2', e.target.value);\r\n handleInputChange('category3', '');\r\n }}\r\n value={category2}\r\n >\r\n Select \r\n {listOfCategory2\r\n ?.sort((a, b) =>\r\n a.category2Name\r\n .toUpperCase()\r\n .localeCompare(b.category2Name.toUpperCase(), 'de', {\r\n sensitivity: 'base'\r\n })\r\n )\r\n .map(item => (\r\n \r\n {item.category2Name}\r\n \r\n ))}\r\n \r\n {!category2 && state.errors.category2 && (\r\n {state.errors.category2}
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n Category 3\r\n \r\n
\r\n handleInputChange('category3', e.target.value)\r\n }\r\n value={category3}\r\n >\r\n Select \r\n {listOfCategory3\r\n ?.sort((a, b) =>\r\n a.category3Name\r\n .toUpperCase()\r\n .localeCompare(b.category3Name.toUpperCase(), 'de', {\r\n sensitivity: 'base'\r\n })\r\n )\r\n .map(item => (\r\n \r\n {item.category3Name}\r\n \r\n ))}\r\n \r\n {!category3 && state.errors.category3 && (\r\n {state.errors.category3}
\r\n )}\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n Datapoint ID{''}\r\n * \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Data Point Type{''}\r\n * \r\n \r\n
\r\n handleInputChange('dataPointType', e.target.value)\r\n }\r\n value={dataPointType}\r\n >\r\n Select \r\n {listOfDataPointTypes.map(item => (\r\n \r\n {item}\r\n \r\n ))}\r\n \r\n {!dataPointType && state.errors.dataPointType && (\r\n \r\n {state.errors.dataPointType}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n Data Points{''}\r\n * \r\n \r\n
\r\n handleInputChange('dataPointScore', e.target.value)\r\n }\r\n value={dataPointScore}\r\n />\r\n {state.errors.dataPointScore && (\r\n \r\n {state.errors.dataPointScore}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n QualtricsID (optional)\r\n \r\n
\r\n handleInputChange('qualtricsId', e.target.value)\r\n }\r\n value={qualtricsId}\r\n />\r\n {state.errors.qualtricsId && (\r\n {state.errors.qualtricsId}
\r\n )}\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n Form Points Possible{''}\r\n * \r\n \r\n
\r\n handleInputChange('formPointsPossible', e.target.value)\r\n }\r\n value={formPointsPossible}\r\n />\r\n {!/^\\d+$/.test(state.formPointsPossible) &&\r\n state.errors.formPointsPossible && (\r\n \r\n {state.errors.formPointsPossible}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Data Source Mapping{''}\r\n * \r\n \r\n \r\n handleInputChange('sourceMapping', e.target.value)\r\n }\r\n value={sourceMapping}\r\n />\r\n {!sourceMapping && state.errors.sourceMapping && (\r\n \r\n {state.errors.sourceMapping}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n Data Target Mapping{''}\r\n * \r\n \r\n \r\n handleInputChange('targetMapping', e.target.value)\r\n }\r\n value={targetMapping}\r\n />\r\n {!targetMapping && state.errors.targetMapping && (\r\n \r\n {state.errors.targetMapping}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n Last Updated By:{''}\r\n {state.updatedBy || state.createdBy} \r\n
\r\n
\r\n On:{''}\r\n \r\n {state.updatedDttm\r\n ? moment\r\n .utc(state.updatedDttm)\r\n .local()\r\n .format('DD MMM YYYY, hh:mm a')\r\n : moment\r\n .utc(state.createdDttm)\r\n .local()\r\n .format('DD MMM YYYY, hh:mm a')}\r\n \r\n
\r\n
\r\n \r\n Cancel\r\n \r\n \r\n item?.dataDomainId?.toString() ===\r\n dataDomainId?.toString()\r\n )?.dataDomainName\r\n )}\r\n type=\"button\"\r\n onClick={() => handleFormSubmit()}\r\n >\r\n Submit\r\n \r\n
\r\n updateState({ showSuccess: false, canRedirect: true })}\r\n />\r\n\r\n updateState({ showFailure: false })}\r\n />\r\n \r\n );\r\n};\r\n\r\nMetaDataManagerManageMetadata.propTypes = {\r\n handleGetDomains: PropTypes.func.isRequired,\r\n handleGetYears: PropTypes.func.isRequired,\r\n handleGetDashboardForms: PropTypes.func.isRequired,\r\n handleGetCategoryMappings: PropTypes.func.isRequired,\r\n handleGetSegmentTypes: PropTypes.func.isRequired,\r\n handleGetDataPointTypes: PropTypes.func.isRequired,\r\n handleGetMetadata: PropTypes.func.isRequired,\r\n handleAddMetadata: PropTypes.func.isRequired,\r\n handleUpdateMetadata: PropTypes.func.isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetDomains: getDomains,\r\n handleGetYears: getYears,\r\n handleGetDashboardForms: getDashboardForms,\r\n handleGetSegmentTypes: getSegmentTypes,\r\n handleGetDataPointTypes: getDataPointTypes,\r\n handleGetMetadata: getMetadata,\r\n handleAddMetadata: addMetadata,\r\n handleUpdateMetadata: updateMetadata,\r\n handleGetCategoryMappings: getCategoryMappingBySubForms\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(MetaDataManagerManageMetadata);\r\n","import React from 'react';\r\nimport moment from 'moment';\r\nimport { Link } from 'react-router-dom';\r\nimport EditPencilIcon from '@static/images/swimRegistration/edit-pencil-icon.svg';\r\nimport DeleteIcon from '@static/images/swimRegistration/delete-icon.svg';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport { isAccess } from '../shared/index';\r\n\r\nexport const METADATA_CATEGORIES_COLUMNS = ({\r\n handleDelete,\r\n domain,\r\n handleEdit,\r\n role,\r\n selectedDataDomain,\r\n selectedYear,\r\n dataDomainId\r\n}) => [\r\n {\r\n Header: 'Data Domain',\r\n accessor: 'dataDomainName',\r\n className: 'notranslate',\r\n Cell: () => {\r\n return {domain} ;\r\n }\r\n },\r\n {\r\n Header: 'Form',\r\n accessor: 'formName',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Sub-Form',\r\n accessor: 'subFormName',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Category 1',\r\n accessor: 'category1Name',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Category 2',\r\n accessor: 'category2Name',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Category 3',\r\n accessor: 'category3Name',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n\r\n {\r\n Header: 'Last Updated Name & Time',\r\n accessor: row => {\r\n if (row.lastUpdatedNameTime)\r\n return (\r\n <>\r\n {moment\r\n .utc(row.lastUpdatedNameTime)\r\n .local()\r\n .format('DD MMM YYYY, hh:mm a')}\r\n \r\n );\r\n },\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n }\r\n];\r\n\r\nexport const METADATA_CONFIGURE_CATEGORIES_COLUMNS = () => [\r\n {\r\n Header: 'Category',\r\n accessor: 'category',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'No.of Items',\r\n accessor: 'itemCount',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Last Updated Date & Time',\r\n accessor: row =>\r\n `${moment(row.lastUpdatedDate).format('DD MMM YYYY, hh:mm a')}`,\r\n className: 'notranslate ymca-word-break ymca-ellipse '\r\n },\r\n {\r\n Header: 'Actions',\r\n accessor: 'sno',\r\n className: 'notranslate ymca-word-break ymca-ellipse ',\r\n Cell: v => (\r\n \r\n \r\n sessionStorage.setItem('metaData_categoryItem', v.value)\r\n }\r\n >\r\n View Details\r\n \r\n
\r\n )\r\n }\r\n];\r\n\r\nexport const METADATA_CATEGORIES_ITEMS_COLUMNS = ({\r\n handleDelete,\r\n role,\r\n isEditableAccess\r\n}) => [\r\n {\r\n Header: 'Items',\r\n accessor: 'name',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Actions',\r\n accessor: 'id',\r\n className: 'notranslate ymca-word-break ymca-ellipse ',\r\n Cell: v => (\r\n \r\n {!isEditableAccess && role !== APP_LABELS.YUSA_DATA_VIEWER ? (\r\n <>\r\n {/*
{\r\n handleUpdate(v.value, v?.cell?.row?.values?.name);\r\n }}\r\n >\r\n handleDelete(v.value)}\r\n >\r\n \r\n \r\n ) : (\r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups.map(headerGroup => (\r\n \r\n {headerGroup.headers.map(column => (\r\n \r\n {column.render('Header')}\r\n {column.render('Header') !== 'Actions' && (\r\n \r\n {column.isSorted\r\n ? getSortedDesc(column.isSortedDesc)\r\n : column.Header !== 'Summary' &&\r\n column.Header !== '' && (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row.cells.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n {/* Page Size Selector, Pagination, and Table Info */}\r\n {showpagination && (\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n setPageSize(Number(e.target.value))}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {calculatePageEntries()} to {calculatePageToEntries()}{' '}\r\n of {calculatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n globalFilter: PropTypes.string,\r\n setGlobalFilter: PropTypes.func.isRequired,\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string,\r\n showCount: PropTypes.bool,\r\n showpagination: PropTypes.bool,\r\n getRowProps: PropTypes.func.isRequired,\r\n autoResetSortBy: PropTypes.bool.isRequired,\r\n autoResetPage: PropTypes.bool.isRequired,\r\n autoResetFilters: PropTypes.bool.isRequired,\r\n autoResetGlobalFilter: PropTypes.bool.isRequired,\r\n hiddenRecordCount: PropTypes.number.isRequired,\r\n showHideButtonText: PropTypes.string.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n globalFilter: '',\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: '',\r\n showCount: false\r\n};\r\n\r\nexport default connect()(Table);\r\n","import React, { useEffect, useState, useCallback } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport get from 'lodash.get';\r\nimport { isAccess } from '../shared/index';\r\nimport { Link } from 'react-router-dom';\r\nimport Multiselect from 'multiselect-react-dropdown';\r\nimport { AssociationAdminLoginDetailsSelector } from '@redux/login/selectors';\r\nimport helpicon from '@static/images/caretdoubleright.svg';\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\nimport SearchIcon from '@static/images/search-icon.svg';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport {\r\n getCategoryMappings,\r\n deleteCategoryMappings,\r\n getMappingsByDomineAndYear\r\n} from '@redux/metadata-manager/categories/actions';\r\n\r\nimport {\r\n getDomains,\r\n getYears,\r\n getDashboardForms\r\n} from '@redux/metadata-manager/dashboard/actions';\r\nimport moment from 'moment';\r\nimport { handleResponse } from '../shared/index';\r\nimport { METADATA_CATEGORIES_COLUMNS } from './table-columns';\r\nimport Help from '@modules/shared/components/reusable-components/help';\r\nimport Table from './table';\r\nconst MetaDataManagerCategories = ({\r\n handleGetCategories,\r\n handleDeleteMappings,\r\n handleGetDomains,\r\n handleGetYears,\r\n handleMappingsByDomineAndYear,\r\n loginUserData,\r\n handleGetDashboardForms\r\n}) => {\r\n const [showAttentionPopup, setShowAttentionPopup] = useState(false);\r\n const [help, setHelp] = useState(false);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [tableData, setTableData] = useState([]);\r\n const [allTableData, setAllTableData] = useState([]);\r\n const [dataDomains, setDataDomains] = useState([]);\r\n const [years, setYears] = useState([]);\r\n const selectedYearFromSession = sessionStorage.getItem('year');\r\n const selectedDomainFromSession =\r\n sessionStorage.getItem('domainName') || null;\r\n const selectedDomainIdFromSession =\r\n sessionStorage.getItem('domainId') || null;\r\n const dashboardSelectedYear = selectedYearFromSession\r\n ? moment(selectedYearFromSession).format('YYYY')\r\n : null;\r\n const [selectedYear, setSelectedYear] = useState(\r\n dashboardSelectedYear || null\r\n );\r\n const [domain, setDomain] = useState(selectedDomainFromSession || null);\r\n const [selectedDataDomain, setSelectedDataDomain] = useState(\r\n selectedDomainFromSession || null\r\n );\r\n const [year, setYear] = useState(dashboardSelectedYear || null);\r\n const [forms, setForms] = useState([]);\r\n const [subForms, setSubForms] = useState([]);\r\n const [selectedForms, setSelectedForms] = useState([]);\r\n const [selectedSubForms, setSelectedSubForms] = useState([]);\r\n const [selectedId, setSelectedId] = useState('');\r\n const [globalFilter, setGlobalFilter] = useState('');\r\n\r\n const role = get(loginUserData, 'user.role[0]');\r\n const dataDomainId = dataDomains?.find(\r\n res => res.dataDomainName === selectedDataDomain\r\n )?.dataDomainId;\r\n\r\n const handleShowHelp = () => {\r\n setHelp(true);\r\n };\r\n const hideShowHelp = () => {\r\n setHelp(false);\r\n };\r\n\r\n const filterTableData = (selectedDataForms, selectedDataSubForms) => {\r\n if (selectedDataForms.length === 0 && selectedDataSubForms.length === 0) {\r\n setTableData(allTableData); // Reset to all data if no filters are applied\r\n } else {\r\n const filteredData = allTableData.filter(data => {\r\n const formMatch =\r\n selectedDataForms.length === 0 ||\r\n selectedDataForms.some(\r\n form => form.name.trim() === data.formName?.trim()\r\n );\r\n const subFormMatch =\r\n selectedDataSubForms.length === 0 ||\r\n selectedDataSubForms.some(\r\n subForm => subForm.name.trim() === data.subFormName?.trim()\r\n );\r\n return formMatch && subFormMatch;\r\n });\r\n setTableData(filteredData);\r\n }\r\n };\r\n\r\n const handleTableData = async (domain, year) => {\r\n setDomain(domain);\r\n setYear(year);\r\n setSelectedDataDomain(domain);\r\n setSelectedYear(year);\r\n setIsLoading(true);\r\n try {\r\n const response = await handleMappingsByDomineAndYear(domain, year);\r\n const result = handleResponse(response);\r\n if (dataDomainId !== undefined) {\r\n loadForms(dataDomainId, year);\r\n }\r\n if (result?.isSuccess) {\r\n setTableData(result.data);\r\n setAllTableData(result.data);\r\n }\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n const sortCategories = (data, key) => {\r\n const sortedData = data.sort((a, b) => {\r\n if (a[key]?.toLowerCase()?.trim() < b[key]?.toLowerCase()?.trim())\r\n return -1;\r\n if (a[key]?.toLowerCase()?.trim() > b[key]?.toLowerCase()?.trim())\r\n return 1;\r\n return 0;\r\n });\r\n\r\n return sortedData;\r\n };\r\n\r\n const loadForms = useCallback(\r\n async (domainId, year) => {\r\n setIsLoading(true);\r\n const response = await handleGetDashboardForms(domainId, year);\r\n const result = handleResponse(response);\r\n if (result.isSuccess) {\r\n let data = result.data.map(({ form, subForms }) => ({\r\n name: form.formName,\r\n id: form.formId,\r\n subForms\r\n }));\r\n setForms(sortCategories(data, 'name'));\r\n }\r\n setIsLoading(false);\r\n },\r\n [handleGetDashboardForms]\r\n );\r\n\r\n const initializeCategories = useCallback(async () => {\r\n setIsLoading(true);\r\n try {\r\n const [domains, years] = await Promise.all([\r\n handleGetDomains(),\r\n handleGetYears()\r\n ]);\r\n const domainRes = handleResponse(domains);\r\n const yearRes = handleResponse(years);\r\n\r\n if (domainRes.isSuccess && yearRes.isSuccess) {\r\n setDataDomains(domainRes.data);\r\n setSelectedDataDomain(\r\n selectedDomainFromSession || domainRes?.data[0].dataDomainName\r\n );\r\n setYears(yearRes.data);\r\n setSelectedYear(dashboardSelectedYear || moment().year());\r\n setDomain(\r\n selectedDomainFromSession || domainRes?.data[0].dataDomainName\r\n );\r\n setYear(dashboardSelectedYear || moment().year());\r\n handleTableData(\r\n sessionStorage.getItem('categorydomain') ||\r\n selectedDomainFromSession ||\r\n domainRes?.data[0].dataDomainName,\r\n sessionStorage.getItem('categoryyear') ||\r\n dashboardSelectedYear ||\r\n moment().year()\r\n );\r\n }\r\n await loadForms(\r\n selectedDomainIdFromSession || domainRes?.data[0].dataDomainId,\r\n dashboardSelectedYear || moment().year()\r\n );\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n }, [handleGetCategories]);\r\n\r\n const handleFormChange = selectedFormData => {\r\n if (selectedFormData.length === 0) {\r\n // If no forms are selected, clear selectedSubForms and reset subForms\r\n setSelectedSubForms([]);\r\n setSubForms([]); // Reset to show all subForms\r\n setTableData(allTableData); // Reset to original table data\r\n return;\r\n }\r\n\r\n const childForms = selectedFormData.flatMap(({ subForms }) =>\r\n subForms.map(a => ({\r\n name: a.subFormName,\r\n id: a.subFormId,\r\n formId: a.formId\r\n }))\r\n );\r\n\r\n setSelectedForms(selectedFormData);\r\n setSubForms(sortCategories(childForms, 'name'));\r\n const selectedFormIds = selectedFormData.map(c => c.id);\r\n const isChildExisits = childForms.find(c =>\r\n selectedFormIds.indexOf(c.formId)\r\n );\r\n if (!isChildExisits) {\r\n setSelectedSubForms([]);\r\n filterTableData(selectedFormData, []);\r\n } else {\r\n filterTableData(selectedFormData, selectedSubForms);\r\n }\r\n };\r\n\r\n const handleSubFormChange = data => {\r\n setSelectedSubForms(data);\r\n filterTableData(selectedForms, data); // Apply filter\r\n };\r\n\r\n useEffect(() => {\r\n initializeCategories();\r\n window.scrollTo(0, 0);\r\n }, [initializeCategories]);\r\n\r\n const deleteCategory = async () => {\r\n setShowAttentionPopup(false);\r\n setIsLoading(true);\r\n\r\n try {\r\n const response = await handleDeleteMappings(selectedId);\r\n const result = handleResponse(response);\r\n if (result?.isSuccess) {\r\n initializeCategories();\r\n setIsLoading(false);\r\n }\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n const handleDelete = categoryMappingId => {\r\n setShowAttentionPopup(true);\r\n setSelectedId(categoryMappingId);\r\n };\r\n\r\n const handleEdit = categoryMappingId => {\r\n const fileds = {\r\n domine: dataDomains?.find(res => res?.dataDomainName === domain)\r\n ?.dataDomainId,\r\n year: year\r\n };\r\n sessionStorage.setItem('categoryMappingId', categoryMappingId);\r\n sessionStorage.setItem('selectedFileds', JSON.stringify(fileds));\r\n };\r\n\r\n const handleAdd = () => {\r\n sessionStorage.setItem('categorydomain', selectedDataDomain);\r\n sessionStorage.setItem('categorydomainId', dataDomainId);\r\n sessionStorage.setItem('categoryyear', selectedYear);\r\n sessionStorage.removeItem('categoryMappingId');\r\n const fileds = {\r\n domine: dataDomains?.find(res => res?.dataDomainName === domain)\r\n ?.dataDomainId,\r\n year: year\r\n };\r\n sessionStorage.setItem('selectedFileds', JSON.stringify(fileds));\r\n };\r\n const resetFormNSubFroms = () => {\r\n setSelectedForms([]);\r\n setSelectedSubForms([]);\r\n setSubForms([]);\r\n };\r\n return (\r\n \r\n
\r\n \r\n
\r\n HELP{/* */}\r\n \r\n
\r\n
\r\n \r\n \r\n {\r\n sessionStorage.removeItem('categorydomain');\r\n sessionStorage.removeItem('categoryyear');\r\n }}\r\n >\r\n Dashboard \r\n \r\n \r\n Categories \r\n \r\n \r\n
{\r\n sessionStorage.removeItem('categorydomain');\r\n sessionStorage.removeItem('categoryyear');\r\n }}\r\n >\r\n \r\n\r\n
Categories \r\n
\r\n
\r\n
\r\n
\r\n \r\n Data Domain{''}\r\n * \r\n \r\n setSelectedDataDomain(e.target.value)}\r\n >\r\n {dataDomains.map(item => (\r\n \r\n {item.dataDomainName}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Year* \r\n \r\n setSelectedYear(e.target.value)}\r\n >\r\n {years.map(item => (\r\n \r\n {item}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n {\r\n resetFormNSubFroms();\r\n loadForms(\r\n dataDomainId || selectedDomainIdFromSession,\r\n selectedYear || dashboardSelectedYear\r\n );\r\n handleTableData(\r\n selectedDataDomain || selectedDomainFromSession,\r\n selectedYear || dashboardSelectedYear\r\n );\r\n }}\r\n >\r\n Apply\r\n \r\n {\r\n resetFormNSubFroms();\r\n loadForms(\r\n dataDomainId || selectedDomainIdFromSession,\r\n selectedYear || dashboardSelectedYear\r\n );\r\n handleTableData(\r\n dataDomains[0]?.dataDomainName,\r\n moment().year()\r\n );\r\n }}\r\n >\r\n Reset\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n {\r\n sessionStorage.setItem(\r\n 'categorydomain',\r\n selectedDataDomain\r\n );\r\n sessionStorage.setItem(\r\n 'categorydomainId',\r\n dataDomainId\r\n );\r\n sessionStorage.setItem(\r\n 'categoryyear',\r\n selectedYear || selectedYearFromSession\r\n );\r\n }}\r\n >\r\n Configure Category\r\n \r\n {role !== APP_LABELS.YUSA_DATA_VIEWER && (\r\n \r\n Add Category Mapping\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n Filter by Form Name{''}\r\n * \r\n \r\n handleFormChange(e)}\r\n onRemove={e => handleFormChange(e)}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n \r\n Filter by Sub Form Name{''}\r\n * \r\n \r\n handleSubFormChange(e)}\r\n onRemove={e => handleSubFormChange(e)}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
setShowAttentionPopup(false)}\r\n />\r\n \r\n {help &&
}\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Dashboard \r\n \r\n \r\n \r\n Categories \r\n \r\n \r\n Configure Category \r\n \r\n \r\n
\r\n \r\n
Configure Category \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Dashboard \r\n \r\n \r\n \r\n Categories \r\n \r\n \r\n \r\n Configure \r\n \r\n \r\n \r\n Add/Edit Category Items\r\n \r\n \r\n \r\n
\r\n \r\n
Add/Edit Category Items \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n {role !== APP_LABELS.YUSA_DATA_VIEWER && (\r\n
\r\n
setIsItemAdd('Add')}\r\n >\r\n {' '}\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
{isItemAdd} Item
\r\n
\r\n \r\n
\r\n
\r\n
\r\n Item Name \r\n setItem(e.target.value)}\r\n />\r\n
\r\n
\r\n
\r\n \r\n Cancel\r\n \r\n \r\n Submit\r\n \r\n
\r\n
\r\n
\r\n
setShowAttentionPopup(false)}\r\n />\r\n\r\n setShowFailure(false)}\r\n />\r\n \r\n );\r\n};\r\n\r\nMetaDataManagerManageCategoryItem.propTypes = {\r\n handleGetCategoriesItems: PropTypes.func.isRequired,\r\n handleAddCategoriesItems: PropTypes.func.isRequired,\r\n handleUpdateCategoriesItems: PropTypes.func.isRequired,\r\n handleDeleteCategoriesItems: PropTypes.func.isRequired,\r\n loginUserData: PropTypes.node.isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetCategoriesItems: getCategoryItems,\r\n handleAddCategoriesItems: addConfigureCategorieItem,\r\n handleUpdateCategoriesItems: updateConfigureCategorieItem,\r\n handleDeleteCategoriesItems: deleteConfigureCategorieItem\r\n};\r\nconst mapStateToProps = state => ({\r\n loginUserData: AssociationAdminLoginDetailsSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(MetaDataManagerManageCategoryItem);\r\n","import React, { useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport * as Yup from 'yup';\r\nimport { Loader } from 'react-loaders';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport { Link } from 'react-router-dom';\r\nimport helpicon from '@static/images/caretdoubleright.svg';\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\nimport TextError from '@modules/shared/components/reusable-components/text-error';\r\nimport Help from '@modules/shared/components/reusable-components/help';\r\nimport Multiselect from 'multiselect-react-dropdown';\r\nimport { APP_LABELS, META_DATA } from '@config/app-config';\r\nimport CustomModal from '@utilities/CustomModal';\r\n\r\nimport {\r\n getCategoryItems,\r\n addCategoryMappings,\r\n getCategoryMappings\r\n} from '@redux/metadata-manager/categories/actions';\r\nimport {\r\n getDashboardForms,\r\n getDomains,\r\n getYears\r\n} from '@redux/metadata-manager/dashboard/actions';\r\nimport { Formik, Form, Field, ErrorMessage } from 'formik';\r\nimport { handleResponse, handleCatch } from '../shared/index';\r\n\r\nconst MetaDataManagerCategoryMapping = props => {\r\n const {\r\n handleGetCategoriesItems,\r\n handleGetDashboardForms,\r\n handleAddCategoryMappings,\r\n handleGetCategoryMappings,\r\n handleGetDomains,\r\n handleGetYears\r\n } = props;\r\n const [help, setHelp] = useState(false);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [allLists, setAllLists] = useState({\r\n domine: [],\r\n years: [],\r\n category1: [],\r\n category2: [],\r\n category3: []\r\n });\r\n const [subformList, setSubformList] = useState([]);\r\n const [selectedDataDomain, setSelectedDataDomain] = useState('');\r\n const [selectedYear, setSelectedYear] = useState('');\r\n const [formList, setFormList] = useState([]);\r\n const [showSuccess, setShowSuccess] = useState(false);\r\n const [showFailure, setShowFailure] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState(false);\r\n const [initialValues, setInitialValues] = useState({\r\n formId: '',\r\n subFormId: '',\r\n category1Id: '',\r\n category2Id: null,\r\n category3Id: null\r\n });\r\n const validationSchema = Yup.object({\r\n formId: Yup.string().nullable().required('Form is Required'),\r\n subFormId: Yup.string().nullable().required('Subform is Required'),\r\n category1Id: Yup.string().nullable().required('Category 1 is Required'),\r\n category2Id: Yup.string().nullable(),\r\n category3Id: Yup.string().nullable()\r\n });\r\n\r\n const categoryMappingId = sessionStorage.getItem('categoryMappingId');\r\n const selectedFileds = sessionStorage.getItem('selectedFileds');\r\n const handleShowHelp = () => {\r\n setHelp(true);\r\n };\r\n const hideShowHelp = () => {\r\n setHelp(false);\r\n };\r\n\r\n const sortCategories = (data, key) => {\r\n const sortedData = data.sort((a, b) => {\r\n if (a[key]?.toLowerCase()?.trim() < b[key]?.toLowerCase()?.trim())\r\n return -1;\r\n if (a[key]?.toLowerCase()?.trim() > b[key]?.toLowerCase()?.trim())\r\n return 1;\r\n return 0;\r\n });\r\n\r\n return sortedData;\r\n };\r\n\r\n useEffect(async () => {\r\n setIsLoading(true);\r\n\r\n const [domainsRes, yearsRes, category1, category2, category3] =\r\n await Promise.all([\r\n handleGetDomains(),\r\n handleGetYears(),\r\n handleGetCategoriesItems(1),\r\n handleGetCategoriesItems(2),\r\n handleGetCategoriesItems(3)\r\n ]);\r\n\r\n setAllLists({\r\n domine: handleResponse(domainsRes).data || [],\r\n years: handleResponse(yearsRes).data || [],\r\n category1: sortCategories(handleResponse(category1).data, 'name') || [],\r\n category2: sortCategories(handleResponse(category2).data, 'name') || [],\r\n category3: sortCategories(handleResponse(category3).data, 'name') || []\r\n });\r\n setIsLoading(false);\r\n\r\n if (JSON.parse(selectedFileds)) {\r\n let fields = JSON.parse(selectedFileds);\r\n setSelectedDataDomain(fields?.domine);\r\n setSelectedYear(fields?.year);\r\n }\r\n\r\n if (categoryMappingId) {\r\n const categoryResponse = await handleGetCategoryMappings(\r\n categoryMappingId\r\n );\r\n const { formId, subFormId, category1Id, category2Id, category3Id } =\r\n handleResponse(categoryResponse).data;\r\n setInitialValues({\r\n formId,\r\n subFormId,\r\n category1Id,\r\n category2Id,\r\n category3Id\r\n });\r\n }\r\n }, []);\r\n\r\n useEffect(async () => {\r\n if (selectedDataDomain && selectedYear) {\r\n setIsLoading(true);\r\n try {\r\n const response = await handleGetDashboardForms(\r\n selectedDataDomain,\r\n selectedYear\r\n );\r\n const list =\r\n handleResponse(response)?.data?.map(res => {\r\n return {\r\n ...res?.form,\r\n subForms: [...(res?.subForms || [])]\r\n };\r\n }) || [];\r\n\r\n setFormList(sortCategories(list, 'formName'));\r\n setIsLoading(false);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n }\r\n }, [selectedDataDomain, selectedYear]);\r\n\r\n useEffect(() => {\r\n if (\r\n initialValues?.formId &&\r\n subformList?.length === 0 &&\r\n formList?.length > 0\r\n ) {\r\n let list = formList?.find(res => res?.formId === initialValues?.formId);\r\n\r\n setSubformList(sortCategories(list?.subForms, 'subFormName'));\r\n }\r\n }, [initialValues, formList]);\r\n\r\n const onSubmit = async values => {\r\n setIsLoading(true);\r\n const payload = {\r\n formId: values?.formId && Number(values?.formId),\r\n formName: formList.find(\r\n form => form.formId?.toString() === values?.formId?.toString()\r\n )?.formName,\r\n subFormId: values?.subFormId && Number(values?.subFormId),\r\n subFormName: subformList.find(\r\n form => form.subFormId?.toString() === values?.subFormId?.toString()\r\n )?.subFormName,\r\n category1Id: values?.category1Id && Number(values?.category1Id),\r\n category2Id: (values?.category2Id && Number(values?.category2Id)) || null,\r\n category3Id: (values?.category3Id && Number(values?.category3Id)) || null,\r\n category1Name: allLists?.category1.find(\r\n option => option.id === values.category1Id\r\n )?.name,\r\n category2Name:\r\n allLists?.category2.find(option => option.id === values.category2Id)\r\n ?.name || null,\r\n category3Name:\r\n allLists?.category3.find(option => option.id === values.category3Id)\r\n ?.name || null,\r\n domainId: sessionStorage.getItem('categorydomainId'),\r\n domainName: allLists?.domine?.find(\r\n option =>\r\n option?.dataDomainId?.toString() ===\r\n sessionStorage.getItem('categorydomainId').toString()\r\n )?.dataDomainName,\r\n year: sessionStorage.getItem('categoryyear')\r\n };\r\n\r\n try {\r\n const response = await handleAddCategoryMappings(\r\n payload,\r\n categoryMappingId\r\n );\r\n const result = handleResponse(response);\r\n\r\n if (result.isSuccess) {\r\n setShowSuccess(true);\r\n } else {\r\n setShowFailure(true);\r\n setErrorMessage(result.message);\r\n }\r\n setIsLoading(false);\r\n } catch (error) {\r\n const err = await handleCatch(error);\r\n setShowFailure(true);\r\n setErrorMessage(result.message || err);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n const handleForm = (e, setFieldValue) => {\r\n setFieldValue('formId', e.target.value);\r\n setFieldValue('subFormId', '');\r\n const list = formList.filter(\r\n item => item?.formId?.toString() === e.target.value.toString()\r\n );\r\n setSubformList(sortCategories(list[0]?.subForms || [], 'subFormName'));\r\n };\r\n return (\r\n \r\n
\r\n \r\n HELP{/* */}\r\n \r\n
\r\n
\r\n \r\n \r\n Dashboard \r\n \r\n \r\n \r\n Categories \r\n \r\n \r\n \r\n {categoryMappingId && 'Edit'} Category Mapping\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {categoryMappingId && 'Edit'} Category Mapping\r\n \r\n
\r\n {({ setFieldValue, values }) => (\r\n \r\n )}\r\n \r\n \r\n {help &&
}\r\n
document.getElementById('categories_id').click()}\r\n />\r\n\r\n setShowFailure(false)}\r\n />\r\n \r\n );\r\n};\r\n\r\nMetaDataManagerCategoryMapping.propTypes = {\r\n handleGetDomains: PropTypes.func.isRequired,\r\n handleGetYears: PropTypes.func.isRequired,\r\n handleGetCategoriesItems: PropTypes.func.isRequired,\r\n handleGetDashboardForms: PropTypes.func.isRequired,\r\n handleAddCategoryMappings: PropTypes.func.isRequired,\r\n handleGetCategoryMappings: PropTypes.func.isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetDomains: getDomains,\r\n handleGetYears: getYears,\r\n handleGetCategoriesItems: getCategoryItems,\r\n handleGetDashboardForms: getDashboardForms,\r\n handleAddCategoryMappings: addCategoryMappings,\r\n handleGetCategoryMappings: getCategoryMappings\r\n};\r\nexport default connect(\r\n null,\r\n mapDispatchToProps\r\n)(MetaDataManagerCategoryMapping);\r\n","import { META_DATA_UPLOAD_URLS } from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const uploadMetadata = requestData => (dispatch, getState) =>\r\n asyncRequest({\r\n url: META_DATA_UPLOAD_URLS.UPLOAD_META_DATA(),\r\n method: 'POST',\r\n data: requestData,\r\n successAction: data => ({\r\n type: types.UPLOAD_METADATA_SUCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.UPLOAD_METADATA_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const importSummaryMetadata = uploadId => (dispatch, getState) =>\r\n asyncRequest({\r\n url: META_DATA_UPLOAD_URLS.IMPORT_SUMMARY_META_DATA(uploadId),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.IMPORT_SUMMARY_SUCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.IMPORT_SUMMARY_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","// eslint-disable-next-line import/prefer-default-export\r\nexport const UploadMetadataSelector = ({\r\n metadataUpload: { uploadDataSummary }\r\n}) => uploadDataSummary;\r\n","import React, { useCallback, useEffect, useRef, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Redirect, Link } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport axios from 'axios';\r\n\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\nimport moment from 'moment';\r\nimport appConfig, { APP_LABELS } from '@config/app-config';\r\nimport userService from '@utilities/user-service';\r\nimport { META_DATA_UPLOAD_URLS } from '@config/api-config';\r\nimport {\r\n getDomains,\r\n getYears\r\n} from '@redux/metadata-manager/dashboard/actions';\r\nimport { uploadMetadata } from '@redux/metadata-manager/upload-metadata/actions';\r\nimport { UploadMetadataSelector } from '@redux/metadata-manager/upload-metadata/selectors';\r\nimport { handleCatch, handleResponse } from '../shared/index';\r\n\r\nconst MetaDataManagerUploadMetadata = ({\r\n handleGetDomains,\r\n handleGetYears,\r\n handleUploadMetadata\r\n}) => {\r\n const fileInputRef = useRef(null);\r\n const [canRedirect, setCanRedirect] = useState(false);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [dataDomains, setDataDomains] = useState([]);\r\n const [years, setYears] = useState([]);\r\n const [selectedDataDomain, setSelectedDataDomain] = useState(null);\r\n const [selectedYear, setSelectedYear] = useState(null);\r\n const [selectedUploadDataDomain, setSelectedUploadDataDomain] =\r\n useState(null);\r\n const [selectedUploadYear, setSelectedUploadYear] = useState(null);\r\n const [showDownloadStatus, setShowDownloadStatus] = useState(false);\r\n const [showDownloadMessage, setShowDownloadMessage] = useState('');\r\n const [instructions, setInstructions] = useState('');\r\n const downloadExistingData = async () => {\r\n setIsLoading(true);\r\n try {\r\n const response = await axios.post(\r\n META_DATA_UPLOAD_URLS.DOWNLOAD_EXISTING_DATA(\r\n selectedDataDomain,\r\n selectedYear\r\n ),\r\n null,\r\n {\r\n responseType: 'blob',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n Authorization: `Bearer ${userService.getToken()}`,\r\n 'Ocp-Apim-Subscription-Key': appConfig.APIM_KEY\r\n }\r\n }\r\n );\r\n const result = handleResponse(response);\r\n if (response.status === 200) {\r\n const downloadUrl = window.URL.createObjectURL(\r\n new Blob([response.data])\r\n );\r\n const link = document.createElement('a');\r\n link.href = downloadUrl;\r\n link.setAttribute('download', 'Metadata-DataCollections.xlsx');\r\n document.body.appendChild(link);\r\n link.click();\r\n link.remove();\r\n } else {\r\n setShowDownloadMessage(result?.message || APP_LABELS.ERROR_MESSAGE);\r\n setShowDownloadStatus(true);\r\n }\r\n } catch (error) {\r\n const err = await handleCatch(error);\r\n setShowDownloadMessage(err || APP_LABELS.ERROR_MESSAGE);\r\n setShowDownloadStatus(true);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n const handleUploadMetadataClick = async uploadedFile => {\r\n setIsLoading(true);\r\n const formData = new FormData();\r\n formData.append('UploadedFile', uploadedFile);\r\n formData.append('DomainId', selectedUploadDataDomain);\r\n formData.append('Year', selectedUploadYear);\r\n try {\r\n const response = await handleUploadMetadata(formData);\r\n const result = handleResponse(response);\r\n if (result.isSuccess && result.data) {\r\n setCanRedirect(true);\r\n } else {\r\n setShowDownloadMessage(result.message || APP_LABELS.ERROR_MESSAGE);\r\n setShowDownloadStatus(true);\r\n }\r\n } catch (error) {\r\n if (fileInputRef.current) {\r\n fileInputRef.current.value = ''; // Reset the file input\r\n }\r\n const err = handleCatch(error);\r\n setShowDownloadMessage(APP_LABELS.ERROR_MESSAGE || err);\r\n setShowDownloadStatus(true);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n const handleFileChange = e => {\r\n const selectedFile = e.target.files[0];\r\n if (selectedFile) {\r\n handleUploadMetadataClick(selectedFile);\r\n }\r\n };\r\n\r\n const handleButtonClick = () => {\r\n fileInputRef.current.click();\r\n };\r\n\r\n const initializeUpload = useCallback(async () => {\r\n setIsLoading(true);\r\n try {\r\n const response = await Promise.all([\r\n handleGetDomains(),\r\n handleGetYears()\r\n ]);\r\n const domainRes = handleResponse(response[0]);\r\n const yearRes = handleResponse(response[1]);\r\n if (domainRes.isSuccess && yearRes.isSuccess) {\r\n setDataDomains(domainRes.data);\r\n setYears(yearRes.data);\r\n\r\n const initialDomain = domainRes.data[0]?.dataDomainId;\r\n const initialYear = moment().year();\r\n setSelectedDataDomain(initialDomain);\r\n setSelectedYear(initialYear);\r\n\r\n setSelectedUploadDataDomain(initialDomain);\r\n setSelectedUploadYear(initialYear);\r\n }\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n }, [handleGetDomains, handleGetYears]);\r\n\r\n useEffect(() => {\r\n initializeUpload();\r\n setInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.[\r\n 'upload-metadata-data'\r\n ]?.Instruction\r\n );\r\n }, [initializeUpload]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Dashboard \r\n \r\n \r\n Upload Data \r\n \r\n \r\n
\r\n \r\n\r\n
Upload Metadata \r\n
\r\n
\r\n
\r\n
\r\n {APP_LABELS.INSTRUCTIONS}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n Step 1 : Download existing Metadata.\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Domain* \r\n \r\n setSelectedDataDomain(e.target.value)}\r\n >\r\n {dataDomains.map(item => (\r\n \r\n {item.dataDomainName}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Year* \r\n \r\n setSelectedYear(e.target.value)}\r\n >\r\n {years.map(item => (\r\n \r\n {item}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Download Existing Data\r\n \r\n
\r\n
\r\n\r\n
Step 2 : Upload metadata. \r\n
\r\n
\r\n
\r\n
\r\n \r\n Domain* \r\n \r\n \r\n setSelectedUploadDataDomain(e.target.value)\r\n }\r\n >\r\n {dataDomains.map(item => (\r\n \r\n {item.dataDomainName}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Year* \r\n \r\n setSelectedUploadYear(e.target.value)}\r\n >\r\n {years.map(item => (\r\n \r\n {item}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n Upload Data\r\n \r\n
\r\n
\r\n {canRedirect && (\r\n
\r\n )}\r\n
\r\n
\r\n
setShowDownloadStatus(false)}\r\n />\r\n \r\n );\r\n};\r\nMetaDataManagerUploadMetadata.propTypes = {\r\n handleGetYears: PropTypes.func.isRequired,\r\n handleGetDomains: PropTypes.func.isRequired,\r\n handleUploadMetadata: PropTypes.func.isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleGetYears: getYears,\r\n handleGetDomains: getDomains,\r\n handleUploadMetadata: uploadMetadata\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n uploadedMetadata: UploadMetadataSelector(state)\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(MetaDataManagerUploadMetadata);\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nexport const COLUMN = [\r\n {\r\n Header: 'Year',\r\n accessor: 'Year',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Data Domain',\r\n accessor: 'DataDomain',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Association',\r\n accessor: 'Association',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: '',\r\n accessor: 'ViewForms'\r\n }\r\n];\r\n\r\nexport const METADATA_DATA_SCORING_COLUMNS = () => [\r\n {\r\n Header: 'Year',\r\n accessor: 'Year',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Data Domain',\r\n accessor: 'DataDomain',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Association No.',\r\n accessor: 'associationNumber',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Association',\r\n accessor: 'Association',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Total Score',\r\n accessor: 'totalScore',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Actions',\r\n accessor: 'DetailPage',\r\n Cell: v => (\r\n \r\n \r\n sessionStorage.setItem('metaData_categoryItem', v.value)\r\n }\r\n >\r\n View Forms\r\n \r\n
\r\n )\r\n }\r\n];\r\n","import {\r\n METADATA_DATASCORING_URLS,\r\n GET_SUB_SCORING_GROUPS_INFO\r\n} from '@config/api-config';\r\nimport { asyncRequest } from '@config/http-config';\r\nimport * as types from './types';\r\n\r\nexport const getDataScoringAssociation =\r\n (year, associationNo) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: METADATA_DATASCORING_URLS.DATASCORING_GET_ASSOCIATIONS(\r\n year,\r\n associationNo\r\n ),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_METADATA_DATASCORING_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_DATASCORING_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getDataScoringAssociationList = () => (dispatch, getState) =>\r\n asyncRequest({\r\n url: METADATA_DATASCORING_URLS.DATASCORING_GET_ASSOCIATIONSLIST(),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_METADATA_DATASCORING_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_DATASCORING_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getDataScoringFormView =\r\n (year, domainId, associationNo) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: METADATA_DATASCORING_URLS.DATASCORING_FORM_VIEW(\r\n year,\r\n domainId,\r\n associationNo\r\n ),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_METADATA_DATASCORING_FORM_VIEW_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_DATASCORING_FORM_VIEW_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getDataScoringSubFormView =\r\n (year, domainId, associationNo, formId) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: METADATA_DATASCORING_URLS.DATASCORING_SUBFORM_VIEW(\r\n year,\r\n domainId,\r\n associationNo,\r\n formId\r\n ),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_METADATA_DATASCORING_SUBFORM_VIEW_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_DATASCORING_SUBFORM_VIEW_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getDataScoringEvaluationGroupView =\r\n (year, domainId, associationNo, formId, subFormId) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: METADATA_DATASCORING_URLS.DATASCORING_EVALUATION_GROUP_VIEW(\r\n year,\r\n domainId,\r\n associationNo,\r\n formId,\r\n subFormId\r\n ),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_METADATA_DATASCORING_EVALUATION_GROUP_VIEW_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_DATASCORING_EVALUATION_GROUP_VIEW_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getDataScoringDataPointsView =\r\n (year, domainId, associationNo, formId, subFormId, evaluationGroupId) =>\r\n (dispatch, getState) =>\r\n asyncRequest({\r\n url: METADATA_DATASCORING_URLS.DATASCORING_DATAPOINTS_VIEW(\r\n year,\r\n domainId,\r\n associationNo,\r\n formId,\r\n subFormId,\r\n evaluationGroupId\r\n ),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.GET_METADATA_DATASCORING_DATAPOINTS_VIEW_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_METADATA_DATASCORING_DATAPOINTS_VIEW_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const addMetadataScoring = bodyObject => (dispatch, getState) =>\r\n asyncRequest({\r\n url: METADATA_DATASCORING_URLS.ADD_METADATA_SCORIING,\r\n method: 'PUT',\r\n data: bodyObject,\r\n successAction: data => ({\r\n type: types.ADD_METADATA_DATASCORING_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.ADD_METADATA_DATASCORING_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const getEvalDataBySubform =\r\n (domineId, year, formId, subFormId) => (dispatch, getState) =>\r\n asyncRequest({\r\n url: METADATA_DATASCORING_URLS.GET_EVALDATE_BY_SUBFORM(\r\n domineId,\r\n year,\r\n formId,\r\n subFormId\r\n ),\r\n method: 'GET',\r\n successAction: data => ({\r\n type: types.ADD_METADATA_DATASCORING_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.ADD_METADATA_DATASCORING_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const postEvalDataByIds = bodyObject => (dispatch, getState) =>\r\n asyncRequest({\r\n url: METADATA_DATASCORING_URLS.POST_EVALDATA_BY_IDS,\r\n method: 'POST',\r\n data: bodyObject,\r\n successAction: data => ({\r\n type: types.POST_EVALDATA_BY_IDS_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.POST_EVALDATA_BY_IDS_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n\r\nexport const postSubScoringGroupDetails = bodyObject => (dispatch, getState) =>\r\n asyncRequest({\r\n url: GET_SUB_SCORING_GROUPS_INFO(),\r\n method: 'POST',\r\n data: bodyObject,\r\n successAction: data => ({\r\n type: types.GET_SUB_SCORING_GROUPS_INFO_SUCCESS,\r\n async: true,\r\n payload: data,\r\n state: getState()\r\n }),\r\n failureAction: error => ({\r\n type: types.GET_SUB_SCORING_GROUPS_INFO_FAILURE,\r\n payload: error\r\n }),\r\n dispatch\r\n });\r\n","import React, { useState, useEffect } from 'react';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport { Link } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport helpicon from '@static/images/caretdoubleright.svg';\r\nimport { METADATA_DATA_SCORING_COLUMNS } from './column';\r\nimport { connect } from 'react-redux';\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\nimport moment from 'moment';\r\nimport {\r\n getDomains,\r\n getYears\r\n} from '@redux/metadata-manager/dashboard/actions';\r\nimport Table from '../categories/table';\r\nimport Help from '@modules/shared/components/reusable-components/help';\r\nimport {\r\n getDataScoringAssociation,\r\n getDataScoringAssociationList\r\n} from '@redux/metadata-manager/data-scoring/actions';\r\nconst MetaDataManagerDataScoring = ({\r\n handleGetDomains,\r\n handleGetYears,\r\n handleGetDataScoringAssociation,\r\n handleGeAssociationList\r\n}) => {\r\n const [loader, setLoader] = useState(false);\r\n const [selectedAssociation, setSelectedAssociation] = useState(null);\r\n const [selectedDataDomain, setSelectedDataDomain] = useState(null);\r\n const [help, setHelp] = useState(false);\r\n const [selectedYear, setSelectedYear] = useState(null);\r\n const [dataDomains, setDataDomains] = useState([]);\r\n const [years, setYears] = useState([]);\r\n const [associations, setAssociations] = useState([]);\r\n const [tableData, setTableData] = useState([]);\r\n\r\n const getAssociations = async () => {\r\n await handleGetDataScoringAssociation(moment().year()).then(res => {\r\n if (res) {\r\n setTableData(res?.data?.data);\r\n }\r\n });\r\n };\r\n\r\n useEffect(async () => {\r\n window.scrollTo(0, 0);\r\n setLoader(true);\r\n await handleGetDomains().then(res => {\r\n if (res) {\r\n setDataDomains(res?.data?.data);\r\n if (res?.data?.data?.length > 0) {\r\n setSelectedDataDomain(res?.data?.data[0]?.dataDomainName);\r\n }\r\n }\r\n });\r\n await handleGetYears().then(res => {\r\n if (res) {\r\n setYears(res?.data?.data);\r\n if (res?.data?.data?.length > 0) {\r\n setSelectedYear(moment().year());\r\n }\r\n }\r\n });\r\n await handleGeAssociationList().then(res => {\r\n if (res) {\r\n setAssociations(res?.data?.data);\r\n if (res?.data?.data?.length > 0) {\r\n setSelectedAssociation('all');\r\n }\r\n }\r\n });\r\n getAssociations();\r\n setLoader(false);\r\n }, []);\r\n const handleShowHelp = () => {\r\n setHelp(true);\r\n };\r\n const hideShowHelp = () => {\r\n setHelp(false);\r\n };\r\n const renderTabledata = tableData?.map(data => {\r\n const location1 = {\r\n pathname: '/metadata-manager/datascoring/forms',\r\n state: {\r\n Year: selectedYear,\r\n DataDomain: dataDomains?.find(\r\n res => res?.dataDomainName === selectedDataDomain\r\n )?.dataDomainId,\r\n Association: data.associationNumber,\r\n dataDomainName: selectedDataDomain,\r\n associationName: data.associationName,\r\n associationNumber: data.associationNumber\r\n }\r\n };\r\n return {\r\n Year: selectedYear,\r\n DataDomain: selectedDataDomain,\r\n Association: data.associationName,\r\n DetailPage: location1,\r\n totalScore: data?.totalScore,\r\n associationNumber: data.associationNumber\r\n };\r\n });\r\n\r\n const handleApply = () => {\r\n handleGetDataScoringAssociation(\r\n selectedYear,\r\n selectedAssociation === 'all' ? '' : selectedAssociation\r\n ).then(res => {\r\n if (res) {\r\n setTableData(res?.data?.data);\r\n }\r\n });\r\n };\r\n\r\n const handleCancel = () => {\r\n setSelectedAssociation('all');\r\n setSelectedDataDomain(dataDomains[0].dataDomainId);\r\n setSelectedYear(moment().year());\r\n getAssociations();\r\n };\r\n return (\r\n \r\n
\r\n \r\n HELP{/* */}\r\n \r\n
\r\n
\r\n \r\n \r\n Dashboard \r\n \r\n \r\n Data Scoring \r\n \r\n \r\n
\r\n \r\n
Data Scoring \r\n
\r\n
\r\n
\r\n
\r\n \r\n Year* \r\n \r\n setSelectedYear(e.target.value)}\r\n >\r\n {years.map(item => (\r\n \r\n {item}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n Data Domain{''}\r\n * \r\n \r\n setSelectedDataDomain(e.target.value)}\r\n >\r\n {dataDomains.map(item => (\r\n \r\n {item.dataDomainName}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n Association\r\n \r\n setSelectedAssociation(e.target.value)}\r\n >\r\n All \r\n {associations?.map(item => (\r\n \r\n {item.associationName}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n Apply\r\n \r\n \r\n Clear\r\n \r\n
\r\n
\r\n
\r\n
\r\n
Total Data Scoring
\r\n
\r\n {help &&
}\r\n
\r\n \r\n sessionStorage.setItem('metaData_categoryItem', v.value)\r\n }\r\n >\r\n View Sub Form\r\n \r\n
\r\n )\r\n }\r\n];\r\n\r\nexport default FORMS_COLUMN;\r\n","import React, { useEffect } from 'react';\r\nimport {\r\n useTable,\r\n useGlobalFilter,\r\n usePagination,\r\n useSortBy\r\n} from 'react-table';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport PreviousIcon from '@static/images/previous-icon.svg';\r\nimport NextIcon from '@static/images/Next-icon.svg';\r\nimport SortUpIcon from '@static/images/sorting-icon-up.svg';\r\nimport SortDownIcon from '@static/images/sorting-icon-down.svg';\r\nimport FirstIcon from '@static/images/first-icon.svg';\r\nimport LastIcon from '@static/images/Last-icon.svg';\r\n\r\nconst Table = ({\r\n globalFilter,\r\n setGlobalFilter,\r\n rows,\r\n headers,\r\n hiddenColumns,\r\n noRecordMessage,\r\n title,\r\n showCount,\r\n getRowProps,\r\n autoResetSortBy,\r\n autoResetPage,\r\n autoResetFilters,\r\n autoResetGlobalFilter,\r\n hiddenRecordCount,\r\n showHideButtonText,\r\n showpagination\r\n}) => {\r\n const columns = headers;\r\n const data = rows || [];\r\n\r\n const {\r\n getTableProps,\r\n getTableBodyProps,\r\n headerGroups,\r\n page,\r\n nextPage,\r\n previousPage,\r\n canNextPage,\r\n canPreviousPage,\r\n gotoPage,\r\n pageCount,\r\n prepareRow,\r\n state,\r\n setGlobalFilter: setTableGlobalFilter,\r\n setPageSize,\r\n\r\n rows: filteredRows\r\n } = useTable(\r\n {\r\n columns,\r\n data,\r\n disableSortRemove: true,\r\n defaultCanSort: true,\r\n autoResetSortBy,\r\n autoResetPage,\r\n autoResetFilters,\r\n autoResetGlobalFilter,\r\n initialState: {\r\n pageSize: 50,\r\n hiddenColumns: hiddenColumns || []\r\n }\r\n },\r\n useGlobalFilter,\r\n useSortBy,\r\n usePagination\r\n );\r\n\r\n const { pageIndex, pageSize } = state;\r\n\r\n useEffect(() => {\r\n setTableGlobalFilter(globalFilter);\r\n }, [globalFilter, setTableGlobalFilter]);\r\n\r\n const calculatePageEntries = () => {\r\n return data.length > 0 ? pageSize * pageIndex + 1 : 0;\r\n };\r\n\r\n const calculatePageToEntries = () => {\r\n let toCount = pageSize * (pageIndex + 1);\r\n return toCount > filteredRows.length ? filteredRows.length : toCount;\r\n };\r\n\r\n const calculatePageOfEntries = () => {\r\n return globalFilter\r\n ? `${filteredRows.length} (filtered)`\r\n : filteredRows.length;\r\n };\r\n\r\n const getSortedDesc = isSortedDesc =>\r\n isSortedDesc ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups.map(headerGroup => (\r\n \r\n {headerGroup.headers.map(column => (\r\n \r\n {column.render('Header')}\r\n {column.render('Header') !== 'Action' && (\r\n \r\n {column.isSorted\r\n ? getSortedDesc(column.isSortedDesc)\r\n : column.Header !== 'Summary' &&\r\n column.Header !== '' && (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row.cells.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n {/* Page Size Selector, Pagination, and Table Info */}\r\n {showpagination && (\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n setPageSize(Number(e.target.value))}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {calculatePageEntries()} to {calculatePageToEntries()}{' '}\r\n of {calculatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n globalFilter: PropTypes.string,\r\n setGlobalFilter: PropTypes.func.isRequired,\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string,\r\n showCount: PropTypes.bool,\r\n showpagination: PropTypes.bool,\r\n getRowProps: PropTypes.func.isRequired,\r\n autoResetSortBy: PropTypes.bool.isRequired,\r\n autoResetPage: PropTypes.bool.isRequired,\r\n autoResetFilters: PropTypes.bool.isRequired,\r\n autoResetGlobalFilter: PropTypes.bool.isRequired,\r\n hiddenRecordCount: PropTypes.number.isRequired,\r\n showHideButtonText: PropTypes.string.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n globalFilter: '',\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: '',\r\n showCount: false\r\n};\r\n\r\nexport default connect()(Table);\r\n","import React, { useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport { Link } from 'react-router-dom';\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\nimport SearchIcon from '@static/images/search-icon.svg';\r\nimport { getDataScoringFormView } from '@redux/metadata-manager/data-scoring/actions';\r\nimport FORMS_COLUMN from './forms-column';\r\nimport Table from './table';\r\n\r\nconst MetaDataManagerForms = ({ handleGetDataScoringFormView, location }) => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [tableData, setTableData] = useState([]);\r\n const [globalFilter, setGlobalFilter] = useState('');\r\n const { Year, dataDomainName, DataDomain, Association, associationName } =\r\n location?.state || {};\r\n const initializeDataScoringFormView = async () => {\r\n setIsLoading(true);\r\n try {\r\n const response = await handleGetDataScoringFormView(\r\n Year,\r\n DataDomain,\r\n Association\r\n );\r\n if (response?.data?.data) {\r\n setTableData(response.data.data);\r\n }\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n initializeDataScoringFormView();\r\n }, []);\r\n\r\n const renderTabledata = tableData?.map(data => {\r\n const location1 = {\r\n pathname: '/metadata-manager/datascoring/forms/subforms',\r\n state: {\r\n Year: Year,\r\n DataDomain: DataDomain,\r\n Association: Association,\r\n dataDomainName: dataDomainName,\r\n associationName: associationName,\r\n Form: data?.formId,\r\n formName: data?.formName\r\n }\r\n };\r\n return {\r\n Association: Association,\r\n Form: data?.formName,\r\n FormId: data?.formId,\r\n FormDataScore: data.formDataScore,\r\n MaxScorePossible: data.maxScorePossible,\r\n ViewSubForms: location1\r\n };\r\n });\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Dashboard \r\n \r\n \r\n \r\n Data Scoring \r\n \r\n \r\n Forms \r\n \r\n \r\n
\r\n \r\n
Forms \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Year
\r\n
\r\n {location?.state?.Year}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Data Domain
\r\n
\r\n {location?.state?.dataDomainName}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Association
\r\n
\r\n {location?.state?.associationName}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Forms Details
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n sessionStorage.setItem('metaData_categoryItem', v.value)\r\n }\r\n >\r\n Show Scores Earned\r\n \r\n
\r\n )\r\n }\r\n];\r\n\r\nexport default SUBFORMS_COLUMN;\r\n","import React, { useEffect } from 'react';\r\nimport {\r\n useTable,\r\n useGlobalFilter,\r\n usePagination,\r\n useSortBy\r\n} from 'react-table';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport PreviousIcon from '@static/images/previous-icon.svg';\r\nimport NextIcon from '@static/images/Next-icon.svg';\r\nimport SortUpIcon from '@static/images/sorting-icon-up.svg';\r\nimport SortDownIcon from '@static/images/sorting-icon-down.svg';\r\nimport FirstIcon from '@static/images/first-icon.svg';\r\nimport LastIcon from '@static/images/Last-icon.svg';\r\n\r\nconst Table = ({\r\n globalFilter,\r\n setGlobalFilter,\r\n rows,\r\n headers,\r\n hiddenColumns,\r\n noRecordMessage,\r\n title,\r\n showCount,\r\n getRowProps,\r\n autoResetSortBy,\r\n autoResetPage,\r\n autoResetFilters,\r\n autoResetGlobalFilter,\r\n hiddenRecordCount,\r\n showHideButtonText,\r\n showpagination\r\n}) => {\r\n const columns = headers;\r\n const data = rows || [];\r\n\r\n const {\r\n getTableProps,\r\n getTableBodyProps,\r\n headerGroups,\r\n page,\r\n nextPage,\r\n previousPage,\r\n canNextPage,\r\n canPreviousPage,\r\n gotoPage,\r\n pageCount,\r\n prepareRow,\r\n state,\r\n setGlobalFilter: setTableGlobalFilter,\r\n setPageSize,\r\n\r\n rows: filteredRows\r\n } = useTable(\r\n {\r\n columns,\r\n data,\r\n disableSortRemove: true,\r\n defaultCanSort: true,\r\n autoResetSortBy,\r\n autoResetPage,\r\n autoResetFilters,\r\n autoResetGlobalFilter,\r\n initialState: {\r\n pageSize: 50,\r\n hiddenColumns: hiddenColumns || []\r\n }\r\n },\r\n useGlobalFilter,\r\n useSortBy,\r\n usePagination\r\n );\r\n\r\n const { pageIndex, pageSize } = state;\r\n\r\n useEffect(() => {\r\n setTableGlobalFilter(globalFilter);\r\n }, [globalFilter, setTableGlobalFilter]);\r\n\r\n const calculatePageEntries = () => {\r\n return data.length > 0 ? pageSize * pageIndex + 1 : 0;\r\n };\r\n\r\n const calculatePageToEntries = () => {\r\n let toCount = pageSize * (pageIndex + 1);\r\n return toCount > filteredRows.length ? filteredRows.length : toCount;\r\n };\r\n\r\n const calculatePageOfEntries = () => {\r\n return globalFilter\r\n ? `${filteredRows.length} (filtered)`\r\n : filteredRows.length;\r\n };\r\n\r\n const getSortedDesc = isSortedDesc =>\r\n isSortedDesc ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups.map(headerGroup => (\r\n \r\n {headerGroup.headers.map(column => (\r\n \r\n {column.render('Header')}\r\n {column.render('Header') !== 'Action' && (\r\n \r\n {column.isSorted\r\n ? getSortedDesc(column.isSortedDesc)\r\n : column.Header !== 'Summary' &&\r\n column.Header !== '' && (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row.cells.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n {/* Page Size Selector, Pagination, and Table Info */}\r\n {showpagination && (\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n setPageSize(Number(e.target.value))}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {calculatePageEntries()} to {calculatePageToEntries()}{' '}\r\n of {calculatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n globalFilter: PropTypes.string,\r\n setGlobalFilter: PropTypes.func.isRequired,\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n showpagination: PropTypes.bool,\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string,\r\n showCount: PropTypes.bool,\r\n getRowProps: PropTypes.func.isRequired,\r\n autoResetSortBy: PropTypes.bool.isRequired,\r\n autoResetPage: PropTypes.bool.isRequired,\r\n autoResetFilters: PropTypes.bool.isRequired,\r\n autoResetGlobalFilter: PropTypes.bool.isRequired,\r\n hiddenRecordCount: PropTypes.number.isRequired,\r\n showHideButtonText: PropTypes.string.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n globalFilter: '',\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: '',\r\n showCount: false\r\n};\r\n\r\nexport default connect()(Table);\r\n","import React, { useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport { Link } from 'react-router-dom';\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\nimport SearchIcon from '@static/images/search-icon.svg';\r\nimport { getDataScoringSubFormView } from '@redux/metadata-manager/data-scoring/actions';\r\nimport SUBFORMS_COLUMN from './subforms-column';\r\nimport Table from './table';\r\n\r\nconst MetaDataManagerSubForms = ({\r\n handleGetDataScoringSubFormView,\r\n location\r\n}) => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [tableData, setTableData] = useState([]);\r\n const [globalFilter, setGlobalFilter] = useState('');\r\n const {\r\n Year,\r\n dataDomainName,\r\n DataDomain,\r\n Association,\r\n associationName,\r\n Form,\r\n formName\r\n } = location?.state || {};\r\n const initializeDataScoringSubFormView = async () => {\r\n setIsLoading(true);\r\n try {\r\n const response = await handleGetDataScoringSubFormView(\r\n Year,\r\n DataDomain,\r\n Association,\r\n Form\r\n );\r\n if (response?.data?.data) {\r\n setTableData(response.data.data);\r\n }\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n initializeDataScoringSubFormView();\r\n }, []);\r\n const renderTabledata = tableData?.map(data => {\r\n const location1 = {\r\n pathname: '/metadata-manager/datascoring/forms/subforms/evalgroups',\r\n state: {\r\n Year: Year,\r\n DataDomain: DataDomain,\r\n Association: Association,\r\n dataDomainName: dataDomainName,\r\n associationName: associationName,\r\n Form: Form,\r\n formName: formName,\r\n SubForm: data?.subFormId,\r\n subFormName: data?.subFormName\r\n }\r\n };\r\n return {\r\n Association: Association,\r\n SubForm: data?.subFormName,\r\n SubFormId: data?.subFormId,\r\n SubFormDataScore: data.subFormDataScore,\r\n PointsPossible: data.pointsPossible,\r\n ShowEvalGroups: location1\r\n };\r\n });\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Dashboard \r\n \r\n \r\n \r\n Data Scoring \r\n \r\n \r\n \r\n \r\n Forms \r\n \r\n \r\n Sub-Forms \r\n \r\n \r\n
\r\n \r\n
Sub-Forms \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Year
\r\n
\r\n {location?.state?.Year}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Data Domain
\r\n
\r\n {location?.state?.dataDomainName}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Association
\r\n
\r\n {location?.state?.associationName}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Form
\r\n
\r\n {location?.state?.formName}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Sub-Forms Details
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n aria-describedby=\"basic-addon1\"\r\n />\r\n \r\n
\r\n
\r\n\r\n
\r\n {tableData && (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n \r\n sessionStorage.setItem('metaData_categoryItem', v.value)\r\n }\r\n >\r\n Show Datapoints\r\n \r\n
\r\n )\r\n }\r\n];\r\n\r\nexport default EVALUATION_GROUPS_COLUMN;\r\n","import React, { useEffect } from 'react';\r\nimport {\r\n useTable,\r\n useGlobalFilter,\r\n usePagination,\r\n useSortBy\r\n} from 'react-table';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport PreviousIcon from '@static/images/previous-icon.svg';\r\nimport NextIcon from '@static/images/Next-icon.svg';\r\nimport SortUpIcon from '@static/images/sorting-icon-up.svg';\r\nimport SortDownIcon from '@static/images/sorting-icon-down.svg';\r\nimport FirstIcon from '@static/images/first-icon.svg';\r\nimport LastIcon from '@static/images/Last-icon.svg';\r\n\r\nconst Table = ({\r\n globalFilter,\r\n setGlobalFilter,\r\n rows,\r\n headers,\r\n hiddenColumns,\r\n noRecordMessage,\r\n title,\r\n showCount,\r\n getRowProps,\r\n autoResetSortBy,\r\n autoResetPage,\r\n autoResetFilters,\r\n autoResetGlobalFilter,\r\n hiddenRecordCount,\r\n showHideButtonText,\r\n showpagination\r\n}) => {\r\n const columns = headers;\r\n const data = rows || [];\r\n\r\n const {\r\n getTableProps,\r\n getTableBodyProps,\r\n headerGroups,\r\n page,\r\n nextPage,\r\n previousPage,\r\n canNextPage,\r\n canPreviousPage,\r\n gotoPage,\r\n pageCount,\r\n prepareRow,\r\n state,\r\n setGlobalFilter: setTableGlobalFilter,\r\n setPageSize,\r\n\r\n rows: filteredRows\r\n } = useTable(\r\n {\r\n columns,\r\n data,\r\n disableSortRemove: true,\r\n defaultCanSort: true,\r\n autoResetSortBy,\r\n autoResetPage,\r\n autoResetFilters,\r\n autoResetGlobalFilter,\r\n initialState: {\r\n pageSize: 50,\r\n hiddenColumns: hiddenColumns || []\r\n }\r\n },\r\n useGlobalFilter,\r\n useSortBy,\r\n usePagination\r\n );\r\n\r\n const { pageIndex, pageSize } = state;\r\n\r\n useEffect(() => {\r\n setTableGlobalFilter(globalFilter);\r\n }, [globalFilter, setTableGlobalFilter]);\r\n\r\n const calculatePageEntries = () => {\r\n return data.length > 0 ? pageSize * pageIndex + 1 : 0;\r\n };\r\n\r\n const calculatePageToEntries = () => {\r\n let toCount = pageSize * (pageIndex + 1);\r\n return toCount > filteredRows.length ? filteredRows.length : toCount;\r\n };\r\n\r\n const calculatePageOfEntries = () => {\r\n return globalFilter\r\n ? `${filteredRows.length} (filtered)`\r\n : filteredRows.length;\r\n };\r\n\r\n const getSortedDesc = isSortedDesc =>\r\n isSortedDesc ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups.map(headerGroup => (\r\n \r\n {headerGroup.headers.map(column => (\r\n \r\n {column.render('Header')}\r\n {column.render('Header') !== 'Action' && (\r\n \r\n {column.isSorted\r\n ? getSortedDesc(column.isSortedDesc)\r\n : column.Header !== 'Summary' &&\r\n column.Header !== '' && (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row.cells.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n {/* Page Size Selector, Pagination, and Table Info */}\r\n {showpagination && (\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n setPageSize(Number(e.target.value))}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {calculatePageEntries()} to {calculatePageToEntries()}{' '}\r\n of {calculatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n globalFilter: PropTypes.string,\r\n setGlobalFilter: PropTypes.func.isRequired,\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string,\r\n showCount: PropTypes.bool,\r\n showpagination: PropTypes.bool,\r\n getRowProps: PropTypes.func.isRequired,\r\n autoResetSortBy: PropTypes.bool.isRequired,\r\n autoResetPage: PropTypes.bool.isRequired,\r\n autoResetFilters: PropTypes.bool.isRequired,\r\n autoResetGlobalFilter: PropTypes.bool.isRequired,\r\n hiddenRecordCount: PropTypes.number.isRequired,\r\n showHideButtonText: PropTypes.string.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n globalFilter: '',\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: '',\r\n showCount: false\r\n};\r\n\r\nexport default connect()(Table);\r\n","import React, { useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport { Link } from 'react-router-dom';\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\nimport SearchIcon from '@static/images/search-icon.svg';\r\nimport { getDataScoringEvaluationGroupView } from '@redux/metadata-manager/data-scoring/actions';\r\nimport EVALUATION_GROUPS_COLUMN from './evaluation-groups-column';\r\nimport Table from './table';\r\n\r\nconst MetaDataManagerEvalGroups = ({\r\n handleGetDataScoringEvaluationGroupsView,\r\n location\r\n}) => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [tableData, setTableData] = useState([]);\r\n const [globalFilter, setGlobalFilter] = useState('');\r\n const {\r\n Year,\r\n dataDomainName,\r\n DataDomain,\r\n Association,\r\n associationName,\r\n Form,\r\n formName,\r\n SubForm,\r\n subFormName\r\n } = location?.state || {};\r\n const initializeDataScoringEvaluationGroupView = async () => {\r\n setIsLoading(true);\r\n try {\r\n const response = await handleGetDataScoringEvaluationGroupsView(\r\n Year,\r\n DataDomain,\r\n Association,\r\n Form,\r\n SubForm\r\n );\r\n if (response?.data?.data) {\r\n setTableData(response.data.data);\r\n }\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n initializeDataScoringEvaluationGroupView();\r\n }, []);\r\n const renderTabledata = tableData?.map(data => {\r\n const location1 = {\r\n pathname:\r\n '/metadata-manager/datascoring/forms/subforms/evalgroups/datapoints',\r\n state: {\r\n Year: Year,\r\n DataDomain: DataDomain,\r\n Association: Association,\r\n dataDomainName: dataDomainName,\r\n associationName: associationName,\r\n Form: Form,\r\n formName: formName,\r\n SubForm: SubForm,\r\n subFormName: subFormName,\r\n EvaluationGroup: data?.evaluationGroupID,\r\n evaluationGroupName: data?.evaluationGroupName\r\n }\r\n };\r\n return {\r\n Association: Association,\r\n ScoringGroupID: data?.scoringGroupID,\r\n ScoringGroupName: data?.scoringGroupName,\r\n EvaluationGroupID: data?.evaluationGroupID,\r\n EvaluationGroupName: data?.evaluationGroupName,\r\n PointsPossible: data.pointsPossible,\r\n PointsEarned: data.pointsEarned,\r\n MinPointsRequired: data.minPointsRequired,\r\n EarnedScore: data.earnedScore,\r\n ShowDataPoints: location1\r\n };\r\n });\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Dashboard \r\n \r\n \r\n \r\n Data Scoring \r\n \r\n \r\n \r\n \r\n Forms \r\n \r\n \r\n \r\n \r\n Sub-Forms \r\n \r\n \r\n \r\n Data Scoring Groups\r\n \r\n \r\n \r\n
\r\n \r\n
Data Scoring \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Year
\r\n
\r\n {location?.state?.Year}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Data Domain
\r\n
\r\n {location?.state?.dataDomainName}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Association
\r\n
\r\n {location?.state?.associationName} (\r\n {renderTabledata[0]?.Association})\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Form
\r\n
\r\n {location?.state?.formName}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Sub-Form
\r\n
\r\n {location?.state?.subFormName}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Data Scoring Details
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n aria-describedby=\"basic-addon1\"\r\n />\r\n \r\n
\r\n
\r\n\r\n
\r\n {tableData && (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n \r\n ) : (\r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups.map(headerGroup => (\r\n \r\n {headerGroup.headers.map(column => (\r\n \r\n {column.render('Header')}\r\n {column.render('Header') !== 'Action' && (\r\n \r\n {column.isSorted\r\n ? getSortedDesc(column.isSortedDesc)\r\n : column.Header !== 'Summary' &&\r\n column.Header !== '' && (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row.cells.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n {/* Page Size Selector, Pagination, and Table Info */}\r\n {showpagination && (\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n setPageSize(Number(e.target.value))}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {calculatePageEntries()} to {calculatePageToEntries()}{' '}\r\n of {calculatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n globalFilter: PropTypes.string,\r\n setGlobalFilter: PropTypes.func.isRequired,\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n showpagination: PropTypes.bool,\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string,\r\n showCount: PropTypes.bool,\r\n getRowProps: PropTypes.func.isRequired,\r\n autoResetSortBy: PropTypes.bool.isRequired,\r\n autoResetPage: PropTypes.bool.isRequired,\r\n autoResetFilters: PropTypes.bool.isRequired,\r\n autoResetGlobalFilter: PropTypes.bool.isRequired,\r\n hiddenRecordCount: PropTypes.number.isRequired,\r\n showHideButtonText: PropTypes.string.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n globalFilter: '',\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: '',\r\n showCount: false\r\n};\r\n\r\nexport default connect()(Table);\r\n","import React, { useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport { Link } from 'react-router-dom';\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\nimport SearchIcon from '@static/images/search-icon.svg';\r\nimport { getDataScoringDataPointsView } from '@redux/metadata-manager/data-scoring/actions';\r\nimport DATA_POINTS_COLUMN from './data-points-column';\r\nimport Table from './table';\r\nconst MetaDataManagerDataPoint = ({\r\n handleGetDataScoringDataPointsView,\r\n location\r\n}) => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [tableData, setTableData] = useState([]);\r\n const [globalFilter, setGlobalFilter] = useState('');\r\n const {\r\n Year,\r\n DataDomain,\r\n Association,\r\n Form,\r\n SubForm,\r\n dataDomainName,\r\n EvaluationGroup,\r\n associationName,\r\n evaluationGroupName,\r\n formName,\r\n subFormName\r\n } = location?.state || {};\r\n const initializeDataScoringDataPointsView = async () => {\r\n setIsLoading(true);\r\n try {\r\n const response = await handleGetDataScoringDataPointsView(\r\n Year,\r\n DataDomain,\r\n Association,\r\n Form,\r\n SubForm,\r\n EvaluationGroup\r\n );\r\n if (response?.data?.data) {\r\n setTableData(response.data.data);\r\n }\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n initializeDataScoringDataPointsView();\r\n }, []);\r\n const renderTabledata = tableData?.map(data => {\r\n return {\r\n Association: data?.associationNumber,\r\n DataPointID: data?.dataPointId,\r\n EvaluationGroupId: data?.evaluationGroupID,\r\n EvaluationGroupName: data?.evaluationGroupName,\r\n Datapoint: data?.dataPoint,\r\n PointsPossible: data.pointsPossible,\r\n PointsAwarded: data.pointsAwarded\r\n };\r\n });\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Dashboard \r\n \r\n \r\n \r\n Data Scoring \r\n \r\n \r\n \r\n \r\n Forms \r\n \r\n \r\n\r\n \r\n \r\n Sub-Forms \r\n \r\n \r\n \r\n \r\n Data Scoring Groups \r\n \r\n \r\n Data Points \r\n \r\n \r\n
\r\n \r\n
Data Points \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Year
\r\n
\r\n {' '}\r\n {location?.state?.Year}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Data Domain
\r\n
\r\n {' '}\r\n {location?.state?.dataDomainName}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Association
\r\n
\r\n {location?.state?.associationName}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Form
\r\n
\r\n {location?.state?.formName}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Sub-Form
\r\n
\r\n {location?.state?.subFormName}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Scoring Group Name
\r\n
\r\n {location?.state?.evaluationGroupName}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Data Points Details
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n\r\n
\r\n {tableData && (\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n \r\n ) : (\r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
setGlobalFilter(e.target.value)}\r\n />\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups.map(headerGroup => (\r\n \r\n {headerGroup.headers.map(column => (\r\n \r\n {column.render('Header')}\r\n \r\n {column.isSorted\r\n ? getSortedDesc(column.isSortedDesc)\r\n : column.Header !== 'Summary' &&\r\n column.Header !== '' && (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row.cells.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n {/* Page Size Selector, Pagination, and Table Info */}\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n setPageSize(Number(e.target.value))}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {calculatePageEntries()} to {calculatePageToEntries()} of{' '}\r\n {calculatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string\r\n};\r\n\r\nTable.defaultProps = {\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!'\r\n};\r\n\r\nexport default connect()(Table);\r\n","export default __webpack_public_path__ + \"view-blue-icon.svg\";","import React from 'react';\r\nimport viewIconBlue from '@static/images/view-blue-icon.svg';\r\nexport const METADATA_REVIEW_COLUMNS = ({ handleViewClick, isValid }) => [\r\n {\r\n Header: 'Data Domain',\r\n accessor: 'dataDomainName',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Form Name',\r\n accessor: 'formName',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Subform Name',\r\n accessor: 'subformName',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Category 1',\r\n accessor: 'category1Name',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Category 2',\r\n accessor: 'category2Name',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Category 3',\r\n accessor: 'category3Name',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n ...(isValid\r\n ? [\r\n {\r\n Header: 'Error Summary',\r\n accessor: 'errorSummary',\r\n className: 'notranslate ymca-word-break ymca-ellipse',\r\n Cell: v => (\r\n <>\r\n {v?.value?.split(',').map(res => {\r\n return (\r\n \r\n {res}\r\n
\r\n );\r\n })}\r\n \r\n )\r\n }\r\n ]\r\n : []),\r\n {\r\n Header: 'Action',\r\n accessor: 'metaDataFileUploadMappingId',\r\n Cell: v => (\r\n e.preventDefault()}\r\n onClick={() => handleViewClick(v)}\r\n >\r\n \r\n
Form ID
\r\n
\r\n {row.formID || '-'}\r\n
\r\n
\r\n
Sub Form ID
\r\n
\r\n {row.subformID || '-'}\r\n
\r\n
\r\n
Last Updated
\r\n
{getRowDate()}
\r\n
\r\n
Form Name
\r\n
\r\n {row.formName || '-'}\r\n
\r\n
\r\n
Sub Form Name
\r\n
\r\n {row.subformName || '-'}\r\n
\r\n
\r\n
\r\n
Category1 ID
\r\n
\r\n {row.category1ID || '-'}\r\n
\r\n
\r\n
Category2 ID
\r\n
\r\n {row.category2ID || '-'}\r\n
\r\n
\r\n
Category3 ID
\r\n
\r\n {row.category3ID || '-'}\r\n
\r\n
\r\n
Category1 Name
\r\n
\r\n {row.category1Name || '-'}\r\n
\r\n
\r\n
Category2 Name
\r\n
\r\n {row.category2Name || '-'}\r\n
\r\n
\r\n
Category3 Name
\r\n
\r\n {row.category3Name || '-'}\r\n
\r\n
\r\n
\r\n
Data Point ID
\r\n
\r\n {row.dataPointID || '-'}\r\n
\r\n
\r\n
Data Point Type
\r\n
\r\n {row.dataPointType || '-'}\r\n
\r\n
\r\n
Data Point Description
\r\n
\r\n {row.dataPointDescription || '-'}\r\n
\r\n
\r\n
Data Eval Group Type
\r\n
\r\n {row.dataSegmentType || '-'}\r\n
\r\n
\r\n
Data Eval Group ID
\r\n
\r\n {row.dataEvalID || '-'}\r\n
\r\n
\r\n
Data Eval Group Min Score
\r\n
\r\n {row.minPointsReq || '-'}\r\n
\r\n
\r\n
Data Point Granularity
\r\n
\r\n {row.dataPointGranularity || '-'}\r\n
\r\n
\r\n
Data Points
\r\n
\r\n {row.dataPoints || '-'}\r\n
\r\n
\r\n
QualtricsID
\r\n
\r\n {row.qualtricsId || '-'}\r\n
\r\n
\r\n
Form Points Possible
\r\n
\r\n {row.formPointsPossible || '-'}\r\n
\r\n
\r\n
Earned Score
\r\n
\r\n {row.earnedScore || '-'}\r\n
\r\n
\r\n
Data Source Mapping
\r\n
\r\n {row.sourceMapping || '-'}\r\n
\r\n
\r\n
Data Target Mapping
\r\n
\r\n {row.targetMapping || '-'}\r\n
\r\n
\r\n {items}\r\n \r\n );\r\n};\r\n\r\nReviewViewDetails.propTypes = {\r\n row: PropTypes.node.isRequired,\r\n kpiCard: PropTypes.string.isRequired\r\n};\r\n\r\nexport default ReviewViewDetails;\r\n","import React, { useEffect, useState } from 'react';\r\nimport BlockUi from 'react-block-ui';\r\nimport { Loader } from 'react-loaders';\r\n\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\nimport totalRecordsLightIcon from '@static/images/total-records-light-icon.svg';\r\nimport totalRecordsDarkIcon from '@static/images/total-records-dark-icon.svg';\r\nimport validRecordsLightIcon from '@static/images/valid-records-light-icon.svg';\r\nimport validRecordsDarkIcon from '@static/images/valid-records-dark-icon.svg';\r\nimport invalidRecordsLightIcon from '@static/images/invalid-records-light-icon.svg';\r\nimport invalidRecordsDarkIcon from '@static/images/invalid-records-dark-icon.svg';\r\nimport { UploadMetadataSelector } from '@redux/metadata-manager/upload-metadata/selectors';\r\nimport { importSummaryMetadata } from '@redux/metadata-manager/upload-metadata/actions';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { APP_LABELS, META_DATA } from '@config/app-config';\r\nimport Table from './table';\r\nimport { METADATA_REVIEW_COLUMNS } from './columns';\r\nimport ReviewViewDetails from './view-detail';\r\nimport { handleResponse } from '../shared/index';\r\n\r\nconst MetadataManagerReview = ({ uploadedMetadata, handleImportMetadata }) => {\r\n const { data } = uploadedMetadata;\r\n const [kpiCard, setKpiCard] = useState('');\r\n const [tableData, setTableData] = useState(null);\r\n const [selectedRow, setSelectedRow] = useState({});\r\n const [uploadStatus, setUploadStatus] = useState('');\r\n const [importResponseStatus, setImportResponseStatus] = useState(false);\r\n const [showUploadStatus, setShowUploadStatus] = useState(false);\r\n const [canRedirect, setCanRedirect] = useState(false);\r\n const [canImport, setCanImport] = useState(false);\r\n const [isValidBatch, setIsValidBatch] = useState(false);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [instructions, setInstructions] = useState('');\r\n\r\n useEffect(() => {\r\n setTableData(data.segregatedList.TotalData);\r\n setIsValidBatch(data.fileUploadSummary?.invalidData === 0);\r\n setInstructions(\r\n JSON.parse(sessionStorage.getItem('allinstructions'))?.[\r\n 'review-metadata-data'\r\n ]?.Instruction\r\n );\r\n }, []);\r\n\r\n const handleImportClick = async () => {\r\n setIsLoading(true);\r\n const response = await handleImportMetadata(\r\n data.fileUploadSummary.fileUploadId\r\n );\r\n const result = handleResponse(response);\r\n setUploadStatus(result.isSuccess ? result.data : result.message);\r\n setImportResponseStatus(result.isSuccess);\r\n setShowUploadStatus(true);\r\n setIsLoading(false);\r\n };\r\n\r\n const handleKpiClick = key => {\r\n setTableData(data.segregatedList[key]);\r\n setKpiCard(key);\r\n };\r\n\r\n const handleViewClick = item => {\r\n setSelectedRow(item.row.original);\r\n };\r\n\r\n const handleSubmitmportPopup = () => {\r\n if (importResponseStatus) setCanRedirect(true);\r\n else setShowUploadStatus(false);\r\n };\r\n\r\n const columns = React.useMemo(\r\n () =>\r\n METADATA_REVIEW_COLUMNS({\r\n handleViewClick,\r\n isValid: kpiCard === 'InValidData'\r\n }),\r\n [handleViewClick]\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Dashboard \r\n \r\n \r\n Upload Data \r\n \r\n \r\n
\r\n \r\n
Metadata Review \r\n
\r\n
\r\n \r\n {APP_LABELS.INSTRUCTIONS}\r\n
\r\n \r\n
\r\n \r\n \r\n
e.preventDefault()}\r\n onClick={() => handleKpiClick('TotalData')}\r\n >\r\n \r\n \r\n
\r\n\r\n
\r\n
{data.fileUploadSummary?.totalData} \r\n
{META_DATA.REVIEW_PAGE.TotalData}
\r\n
\r\n
e.preventDefault()}\r\n onClick={() => handleKpiClick('ValidData')}\r\n >\r\n \r\n \r\n
\r\n\r\n
\r\n
{data.fileUploadSummary?.validData} \r\n
{META_DATA.REVIEW_PAGE.ValidData}
\r\n
\r\n
e.preventDefault()}\r\n onClick={() => handleKpiClick('InValidData')}\r\n >\r\n \r\n \r\n
\r\n\r\n
\r\n
{data.fileUploadSummary?.invalidData} \r\n
{META_DATA.REVIEW_PAGE.InvalidData}
\r\n
\r\n
\r\n Metadata
\r\n\r\n \r\n\r\n \r\n
\r\n setCanImport(!canImport)}\r\n />\r\n \r\n I confirm to the changes in system.\r\n \r\n
\r\n
\r\n \r\n Cancel\r\n \r\n handleImportClick()}\r\n >\r\n Import Data\r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n {\r\n \r\n ) : (\r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups.map(headerGroup => (\r\n \r\n {headerGroup.headers.map(column => (\r\n \r\n {column.render('Header')}\r\n {column.render('Header') !== 'Action' && (\r\n \r\n {column.isSorted\r\n ? getSortedDesc(column.isSortedDesc)\r\n : column.Header !== 'Summary' &&\r\n column.Header !== '' && (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row.cells.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n setPageSize(Number(e.target.value))}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {calculatePageEntries()} to {calculatePageToEntries()} of{' '}\r\n {calculatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n globalFilter: PropTypes.string,\r\n setGlobalFilter: PropTypes.func.isRequired,\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string,\r\n showCount: PropTypes.bool,\r\n getRowProps: PropTypes.func.isRequired,\r\n autoResetSortBy: PropTypes.bool.isRequired,\r\n autoResetPage: PropTypes.bool.isRequired,\r\n autoResetFilters: PropTypes.bool.isRequired,\r\n autoResetGlobalFilter: PropTypes.bool.isRequired,\r\n hiddenRecordCount: PropTypes.number.isRequired,\r\n showHideButtonText: PropTypes.string.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n globalFilter: '',\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: '',\r\n showCount: false\r\n};\r\n\r\nexport default connect()(Table);\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\n// eslint-disable-next-line import/prefer-default-export\r\nexport const METADATA_SCORING_COLUMNS = (\r\n handleViewScroringDetails,\r\n formValues\r\n) => [\r\n {\r\n Header: 'Group ID',\r\n accessor: 'groupID',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Group Name',\r\n accessor: 'groupName',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Has Sub Groups',\r\n accessor: 'hasSubGroups',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Points Possible',\r\n accessor: 'pointsPossible',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Min Points Req',\r\n accessor: 'minPointsReq',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n\r\n {\r\n Header: 'Earned Score',\r\n accessor: 'earnedScore',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Actions',\r\n accessor: 'isHidden',\r\n className: 'hide',\r\n Cell: v => (\r\n \r\n handleViewScroringDetails(v, formValues)}\r\n >\r\n View Sub Groups\r\n \r\n
\r\n )\r\n }\r\n];\r\n","import React, { useEffect, useState } from 'react';\r\nimport * as Yup from 'yup';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { connect } from 'react-redux';\r\nimport { Loader } from 'react-loaders';\r\nimport { Formik, Form, Field, ErrorMessage } from 'formik';\r\n\r\nimport Modal from '@modules/shared/components/reusable-components/model-popup';\r\nimport { addMetadataScoring } from '@redux/metadata-manager/data-scoring/actions';\r\nimport TextError from '@modules/shared/components/reusable-components/text-error';\r\n\r\nimport { APP_LABELS } from '@config/app-config';\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport { handleResponse } from '../shared/index';\r\n\r\nconst EditScoringDetails = ({\r\n row,\r\n formObject,\r\n handleAddMetadataScoring,\r\n listOfSegmentTypes,\r\n handleSubScoringGroupDetailsAPI\r\n}) => {\r\n const [initialValues, setInitialValues] = useState({\r\n year: '',\r\n dataDomainId: '',\r\n formName: '',\r\n subformName: '',\r\n category1Name: '',\r\n category2Name: '',\r\n category3Name: '',\r\n evalGroup: '',\r\n evalGroupName: '',\r\n evalGroupType: '',\r\n minPointsReq: '',\r\n earnedScore: ''\r\n });\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [showFailure, setShowFailure] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState(false);\r\n\r\n useEffect(() => {\r\n setInitialValues({\r\n dataDomainId: row?.dataDomainId || '',\r\n year: row.year || '',\r\n formName: row.formName || '',\r\n subformName: row.subformName || '',\r\n category1Name: row.category1Name || '',\r\n category2Name: row.category2Name || '',\r\n category3Name: row.category3Name || '',\r\n evalGroupName: row.evalGroupName || '',\r\n evalGroup: row.evalGroup || '',\r\n evalGroupType: row.evalGroupType || '',\r\n minPointsReq: row.minPointsReq || '',\r\n earnedScore: row.earnedScore || ''\r\n });\r\n }, [row]);\r\n\r\n const validationSchema = Yup.object({\r\n minPointsReq: Yup.number()\r\n .typeError('Min Points Required must be a valid number')\r\n .nullable(),\r\n earnedScore: Yup.string().nullable().required('* Earned Score is required.')\r\n });\r\n\r\n const onSubmit = async (values, { setFieldValue, resetForm }) => {\r\n setIsLoading(true);\r\n\r\n const evalGroupTypeId = listOfSegmentTypes?.find(\r\n groupObj => groupObj?.name?.toString() === row?.evalGroupType?.toString()\r\n )?.evalTypeId;\r\n\r\n const payloadBody = {\r\n dataDomainId: formObject?.dataDomainId,\r\n year: formObject?.year,\r\n evalGroupId: row?.subgroupID,\r\n evalGroupName: row?.subgroupName,\r\n evalGroupLevel: row?.dataEvalLevel,\r\n evalTypeId: evalGroupTypeId,\r\n evalTypeName: row?.subGroupType,\r\n minPointsReq: values?.minPointsReq || null,\r\n earnedScore: values?.earnedScore,\r\n categoryMappingId: 0\r\n };\r\n\r\n if (!payloadBody.minPointsReq) delete payloadBody.minPointsReq;\r\n\r\n try {\r\n const response = await handleAddMetadataScoring(payloadBody);\r\n const result = handleResponse(response);\r\n if (result?.isSuccess) {\r\n setIsLoading(false);\r\n document.getElementById('btn-close').click();\r\n resetForm();\r\n handleSubScoringGroupDetailsAPI();\r\n } else {\r\n setErrorMessage(result.message);\r\n setShowFailure(true);\r\n }\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n const handleChange = (e, setFieldValue, name) => {\r\n const result = e.target.value.replace(/\\D+/g, '');\r\n setFieldValue(name, result);\r\n };\r\n\r\n const renderFields = () => {\r\n return (\r\n \r\n {({ setFieldValue }) => {\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n setShowFailure(false)}\r\n />\r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n {renderFields()}\r\n \r\n );\r\n};\r\n\r\nEditScoringDetails.propTypes = {\r\n row: PropTypes.node.isRequired,\r\n handleAddMetadataScoring: PropTypes.func.isRequired,\r\n handleSubScoringGroupDetailsAPI: PropTypes.func.isRequired,\r\n formObject: PropTypes.objectOf(PropTypes.any).isRequired,\r\n listOfSegmentTypes: PropTypes.objectOf(PropTypes.any).isRequired\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n handleAddMetadataScoring: addMetadataScoring\r\n};\r\n\r\nexport default connect(\r\n null,\r\n mapDispatchToProps\r\n)(React.memo(EditScoringDetails));\r\n","import React, { useCallback, useEffect, useState } from 'react';\r\nimport * as Yup from 'yup';\r\nimport moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport BlockUi from 'react-block-ui';\r\nimport { connect } from 'react-redux';\r\nimport { isAccess } from '.././shared/index';\r\nimport { Loader } from 'react-loaders';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport { Formik, Form, Field, ErrorMessage } from 'formik';\r\n\r\nimport {\r\n getDashboardForms,\r\n getDomains,\r\n getYears\r\n} from '@redux/metadata-manager/dashboard/actions';\r\nimport {\r\n addMetadataScoring,\r\n getEvalDataBySubform,\r\n postEvalDataByIds\r\n //postSubScoringGroupDetails\r\n} from '@redux/metadata-manager/data-scoring/actions';\r\nimport {\r\n // addMetadata,\r\n getSegmentTypes\r\n //updateMetadata\r\n} from '@redux/metadata-manager/manage-metadata/actions';\r\nimport { getCategoryMappingBySubForms } from '@redux/metadata-manager/categories/actions';\r\n\r\nimport CustomModal from '@utilities/CustomModal';\r\nimport { APP_LABELS, META_DATA } from '@config/app-config';\r\nimport TextError from '@modules/shared/components/reusable-components/text-error';\r\n\r\nimport BackIcon from '@static/images/back-icon.svg';\r\nimport BreadcrumbIcon from '@static/images/breadcrumb-icon.svg';\r\n\r\nimport Table from './table';\r\nimport { METADATA_SCORING_COLUMNS } from './columns';\r\nimport EditScoringDetails from './edit-scoring-details';\r\nimport { handleCatch, handleResponse } from '../shared/index';\r\n\r\nconst initialValues = {\r\n year: '',\r\n dataDomainId: '',\r\n dataDomainName: '',\r\n formName: '',\r\n formId: '',\r\n subformName: '',\r\n subformId: '',\r\n category1Name: '',\r\n category1Id: '',\r\n category2Name: '',\r\n category2Id: '',\r\n category3Name: '',\r\n category3Id: '',\r\n dataSegmentType: '',\r\n minPointsReq: '',\r\n earnedScore: '',\r\n evalGroup: ''\r\n};\r\n\r\nconst ScoringMetaData = ({\r\n handleGetDomains,\r\n handleGetYears,\r\n handleGetSegmentTypes,\r\n handleGetDashboardForms,\r\n handleGetCategoryMappings,\r\n // handleGetMetadata,\r\n handlePostEvalDataByIds,\r\n handleAddMetadataScoring,\r\n handleGetEvalDataBySubform\r\n}) => {\r\n const [selectedRow, setSelectedRow] = useState({});\r\n\r\n const validationSchema = Yup.object({\r\n dataDomainId: Yup.string().nullable().required('Data Domain is Required'),\r\n year: Yup.string().nullable().required('Year is Required'),\r\n formId: Yup.string().nullable().required('Form is Required'),\r\n subformId: Yup.string().nullable().required('Subform is Required'),\r\n category1Id: Yup.string().nullable().required('Category 1 is Required'),\r\n evalGroup: Yup.string().nullable().required('Scoring Group is Required'),\r\n minPointsReq: Yup.number()\r\n .typeError('Min Points Required must be a valid number')\r\n .nullable(),\r\n dataSegmentType: Yup.string()\r\n .nullable()\r\n .required('Scoring Group Type is Required'),\r\n earnedScore: Yup.number()\r\n .typeError('Earned Score must be a valid number')\r\n .nullable()\r\n .required('Earned Score is Required')\r\n });\r\n\r\n const [redirect, setRedirect] = useState(false);\r\n const [redirectValue, setRedirectValue] = useState();\r\n const [showDataScroingForm, setShowDataScroingForm] = useState(false);\r\n\r\n const [isloading, setIsloading] = useState('');\r\n const [scoringData, setScoringData] = useState([]);\r\n const [selectedScoreData, setSelectedScoreData] = useState({});\r\n const [evalGroupErrMsg, setEvalGroupErrMsg] = useState('');\r\n const [categoryMappingValidation, setCategoryMappingValidation] = useState(\r\n []\r\n );\r\n\r\n const evalGroupList = [\r\n { value: '1', name: 'Category 1' },\r\n { value: '2', name: 'Category 2' },\r\n { value: '3', name: 'Category 3' }\r\n ];\r\n\r\n const [state, setState] = useState({\r\n listOfYears: [],\r\n listOfDataDomains: [],\r\n listOfForms: [],\r\n listOfSubForms: [],\r\n listOfAllSubForms: [],\r\n listOfCategoryMappings: [],\r\n listOfSegmentTypes: [],\r\n listOfCategory1: [],\r\n listOfCategory2: [],\r\n listOfCategory3: [],\r\n listOfFormSubForm: [],\r\n listOfCategories: [],\r\n dataDomainId: '',\r\n year: '',\r\n formId: '',\r\n subFormId: '',\r\n category1: '',\r\n category2: '',\r\n category3: '',\r\n segmentType: '',\r\n evalGroup: '',\r\n dataEvalMinScore: '',\r\n earnedScore: 0,\r\n createdDttm: '',\r\n createdBy: '',\r\n updatedDttm: '',\r\n updatedBy: '',\r\n isLoading: false,\r\n showSuccess: false,\r\n showFailure: false,\r\n errorMessage: '',\r\n metadataId: undefined,\r\n\r\n tableData: [],\r\n errors: {} // State for form errors\r\n });\r\n\r\n const {\r\n listOfYears,\r\n listOfDataDomains,\r\n listOfForms,\r\n listOfSubForms,\r\n listOfSegmentTypes,\r\n listOfCategory1,\r\n listOfCategory2,\r\n listOfCategory3,\r\n listOfFormSubForm,\r\n listOfCategories,\r\n showSuccess,\r\n showFailure,\r\n errorMessage,\r\n isLoading,\r\n metadataId\r\n } = state;\r\n\r\n // Helper to update state\r\n const updateState = updates => setState(prev => ({ ...prev, ...updates }));\r\n\r\n const sortCategories = (data, key) => {\r\n const sortedData = data.sort((a, b) => {\r\n if (a[key]?.toLowerCase()?.trim() < b[key]?.toLowerCase()?.trim())\r\n return -1;\r\n if (a[key]?.toLowerCase()?.trim() > b[key]?.toLowerCase()?.trim())\r\n return 1;\r\n return 0;\r\n });\r\n return sortedData;\r\n };\r\n\r\n const loadForms = useCallback(\r\n async (_domainId, _year, setFieldValue) => {\r\n updateState({ isLoading: true });\r\n try {\r\n const response = await handleGetDashboardForms(_domainId, _year);\r\n const result = handleResponse(response);\r\n if (result.isSuccess) {\r\n if (result.data?.length > 0) {\r\n const formsData = result.data.flatMap(({ form }) => form);\r\n const formWithSubForms = result.data.flatMap(\r\n ({ form, subForms }) => ({\r\n form: {\r\n ...form,\r\n subForms: subForms.filter(\r\n subForm => subForm.formId === form.formId\r\n )\r\n }\r\n })\r\n );\r\n\r\n updateState({\r\n listOfForms: sortCategories(formsData, 'formName'),\r\n listOfFormSubForm: formWithSubForms\r\n });\r\n } else {\r\n setFieldValue('formId', '');\r\n updateState({\r\n listOfForms: [],\r\n listOfSubForms: []\r\n });\r\n }\r\n }\r\n } finally {\r\n updateState({ isLoading: false });\r\n }\r\n },\r\n [handleGetDashboardForms]\r\n );\r\n\r\n const hanldeSetValues = (values, setFieldValue) => {\r\n const storedApiPayload = JSON.parse(sessionStorage.getItem('formValues'));\r\n if (storedApiPayload) {\r\n setFieldValue('dataDomainId', storedApiPayload?.domainid);\r\n setFieldValue('year', storedApiPayload?.year);\r\n setFieldValue('dataDomainName', storedApiPayload?.dataDomainName);\r\n updateState({\r\n listOfForms: JSON.parse(sessionStorage.getItem('formList')),\r\n listOfSubForms: JSON.parse(sessionStorage.getItem('subFormList'))\r\n });\r\n setFieldValue('formId', storedApiPayload?.formId);\r\n setFieldValue('subformId', storedApiPayload?.subFormId);\r\n const initLastSelectedValues = {\r\n ...values,\r\n dataDomainId: storedApiPayload?.domainid,\r\n year: storedApiPayload?.year,\r\n formId: storedApiPayload?.formId,\r\n subformId: storedApiPayload?.subFormId\r\n };\r\n handleEvalDataByIds(\r\n initLastSelectedValues,\r\n setFieldValue,\r\n 'All',\r\n storedApiPayload?.subFormId,\r\n 'SubFormField'\r\n );\r\n }\r\n };\r\n\r\n const initializeMetadata = useCallback(async (values, setFieldValue) => {\r\n updateState({ isLoading: true });\r\n try {\r\n const [domainsRes, yearsRes, segmentRes] = await Promise.all([\r\n handleGetDomains(),\r\n handleGetYears(),\r\n handleGetSegmentTypes()\r\n ]);\r\n\r\n updateState({\r\n listOfDataDomains: handleResponse(domainsRes).data || [],\r\n listOfYears: handleResponse(yearsRes).data || [],\r\n listOfSegmentTypes: handleResponse(segmentRes).data || []\r\n });\r\n } catch (error) {\r\n const errorMsg = handleCatch(error);\r\n updateState({\r\n showDownloadMessage: APP_LABELS.ERROR_MESSAGE || errorMsg,\r\n showDownloadStatus: true\r\n });\r\n } finally {\r\n updateState({ isLoading: false });\r\n hanldeSetValues(values, setFieldValue);\r\n }\r\n }, []);\r\n\r\n const updateCategoryMappings = (data, setFieldValue) => {\r\n setCategoryMappingValidation(data);\r\n const nestedCategories = [];\r\n data.forEach(\r\n ({\r\n category1Id,\r\n category1Name,\r\n category2Id,\r\n category2Name,\r\n category3Id,\r\n category3Name\r\n }) => {\r\n // Find or create category1\r\n // eslint-disable-next-line no-shadow\r\n let category1 = nestedCategories.find(\r\n cat1 => cat1.category1Id === category1Id\r\n );\r\n if (!category1) {\r\n category1 = {\r\n category1Id,\r\n category1Name,\r\n category2: []\r\n };\r\n nestedCategories.push(category1);\r\n }\r\n\r\n // Find or create category2 under category1\r\n // eslint-disable-next-line no-shadow\r\n let category2 = category1.category2.find(\r\n cat2 => cat2?.category2Id === category2Id\r\n );\r\n if (!category2) {\r\n category2 = {\r\n category2Id,\r\n category2Name,\r\n category3: []\r\n };\r\n category1.category2.push(category2);\r\n }\r\n\r\n // Find or create category3 under category2\r\n // eslint-disable-next-line no-shadow\r\n let category3 = category2.category3.find(\r\n cat3 => cat3.category3Id === category3Id\r\n );\r\n if (!category3) {\r\n category3 = {\r\n category3Id,\r\n category3Name\r\n };\r\n category2.category3.push(category3);\r\n }\r\n }\r\n );\r\n\r\n updateState({\r\n listOfCategories: nestedCategories,\r\n listOfCategory1: sortCategories(nestedCategories, 'category1Name')\r\n });\r\n if (nestedCategories?.length === 0) {\r\n setFieldValue('category1Id', '');\r\n updateState({\r\n listOfCategory2: [],\r\n listOfCategory3: []\r\n });\r\n }\r\n };\r\n\r\n const loadSubForms = useCallback(\r\n _formId => {\r\n const subForms = listOfFormSubForm.find(\r\n c => c.form.formId.toString() === _formId.toString()\r\n )?.form?.subForms;\r\n updateState({ listOfSubForms: sortCategories(subForms, 'subFormName') });\r\n },\r\n [listOfFormSubForm]\r\n );\r\n\r\n const loadCategories = useCallback(\r\n async (dataDomainId, year, _formId, _subFormId, setFieldValue) => {\r\n if (!dataDomainId || !year || !_formId || !_subFormId) {\r\n return;\r\n }\r\n const response = await handleGetCategoryMappings(\r\n dataDomainId,\r\n year,\r\n _formId,\r\n _subFormId\r\n );\r\n const result = handleResponse(response);\r\n updateCategoryMappings(result.data, setFieldValue);\r\n },\r\n [listOfFormSubForm]\r\n );\r\n\r\n const loadCategory2 = useCallback(\r\n _category1 => {\r\n const category2List = listOfCategory1.find(\r\n c => c.category1Id.toString() === _category1.toString()\r\n )?.category2;\r\n updateState({\r\n listOfCategory2: sortCategories(category2List, 'category2Name')\r\n });\r\n },\r\n [listOfCategories]\r\n );\r\n\r\n const loadCategory3 = useCallback(\r\n _category2 => {\r\n const category3List = listOfCategory2?.find(\r\n c => c?.category2Id?.toString() === _category2?.toString()\r\n )?.category3;\r\n updateState({\r\n listOfCategory3: sortCategories(category3List, 'category3Name')\r\n });\r\n },\r\n [listOfCategory2]\r\n );\r\n\r\n const returnEvalName = (\r\n evalGroup,\r\n category1Name,\r\n category2Name,\r\n category3Name\r\n ) => {\r\n if (evalGroup == 3 && category3Name) return category3Name;\r\n if (evalGroup == 2 && category2Name) return category2Name;\r\n if (evalGroup == 1 && category1Name) return category1Name;\r\n };\r\n\r\n const handleEvalDataByIds = async (\r\n values,\r\n setFieldValue,\r\n evalGroupId,\r\n subformId,\r\n fieldName\r\n ) => {\r\n setIsloading(true);\r\n const groupName = evalGroupList?.find(\r\n group => group?.value?.toString() === evalGroupId?.toString()\r\n )?.name;\r\n\r\n const payload = {\r\n domainId: values?.dataDomainId,\r\n year: values?.year,\r\n formId: values?.formId,\r\n subformId: fieldName === 'SubFormField' ? subformId : values?.subformId,\r\n evalGroup: groupName,\r\n categoryMappingId: 1\r\n };\r\n\r\n try {\r\n const response = await handlePostEvalDataByIds(payload);\r\n const result = handleResponse(response);\r\n if (result?.isSuccess) {\r\n setScoringData(result?.data);\r\n setIsloading(false);\r\n } else {\r\n handleScoreFields(null, setFieldValue);\r\n setIsloading(false);\r\n }\r\n } catch (error) {\r\n handleScoreFields(null, setFieldValue);\r\n setIsloading(false);\r\n }\r\n };\r\n\r\n const handleFormSubmit = async (\r\n values,\r\n { resetForm, setFieldValue, setFieldError }\r\n ) => {\r\n const {\r\n category2Id,\r\n category3Id,\r\n formId,\r\n year,\r\n subformId,\r\n category1Id,\r\n dataSegmentType,\r\n minPointsReq,\r\n evalGroup,\r\n dataDomainId,\r\n category3Name,\r\n category2Name,\r\n category1Name\r\n } = values;\r\n\r\n if (!['1', '2', '3']?.includes(values?.evalGroup?.toString())) {\r\n setFieldError('evalGroup', 'Scoring Group is required.');\r\n return;\r\n }\r\n\r\n setEvalGroupErrMsg('');\r\n if (\r\n evalGroup === '1' &&\r\n dataSegmentType === '1' &&\r\n [Boolean(category1Id), Boolean(category2Id), Boolean(category3Id)].filter(\r\n Boolean\r\n ).length >= 2\r\n ) {\r\n setEvalGroupErrMsg(\r\n '* Cannot evaluate the selected Group Type from a Parent Category in a multi-level hierarchy.'\r\n );\r\n return;\r\n }\r\n if (\r\n evalGroup === '1' &&\r\n [Boolean(category1Id), Boolean(category2Id), Boolean(category3Id)].filter(\r\n Boolean\r\n ).length >= 3\r\n ) {\r\n setEvalGroupErrMsg(\r\n '* Cannot evaluate the selected Group Type from a Parent Category in a multi-level hierarchy.'\r\n );\r\n return;\r\n }\r\n\r\n if (\r\n evalGroup === '2' &&\r\n (dataSegmentType === '2' || dataSegmentType === '3') &&\r\n [Boolean(category1Id), Boolean(category2Id), Boolean(category3Id)].filter(\r\n Boolean\r\n ).length === 2\r\n ) {\r\n setEvalGroupErrMsg(\r\n '* Cannot evaluate the selected Group Type from a leaf node in multiple level hierarchy.'\r\n );\r\n return;\r\n }\r\n\r\n if (\r\n evalGroup === '2' &&\r\n [Boolean(category1Id), Boolean(category2Id), Boolean(category3Id)].filter(\r\n Boolean\r\n ).length === 1\r\n ) {\r\n setEvalGroupErrMsg('* Invalid Evaluation Group selected.');\r\n return;\r\n }\r\n\r\n if (\r\n evalGroup === '3' &&\r\n (dataSegmentType === '2' || dataSegmentType === '3') &&\r\n [Boolean(category1Id), Boolean(category2Id), Boolean(category3Id)].filter(\r\n Boolean\r\n ).length === 3\r\n ) {\r\n setEvalGroupErrMsg(\r\n '* Cannot evaluate the selected Group Type from a leaf node in multiple level hierarchy.'\r\n );\r\n return;\r\n }\r\n if (\r\n evalGroup === '3' &&\r\n [Boolean(category1Id), Boolean(category2Id), Boolean(category3Id)].filter(\r\n Boolean\r\n ).length === 2\r\n ) {\r\n setEvalGroupErrMsg('* Invalid Evaluation Group selected.');\r\n return;\r\n }\r\n if (\r\n evalGroup === '3' &&\r\n [Boolean(category1Id), Boolean(category2Id), Boolean(category3Id)].filter(\r\n Boolean\r\n ).length === 1\r\n ) {\r\n setEvalGroupErrMsg('* Invalid Evaluation Group selected.');\r\n return;\r\n }\r\n\r\n const resultMatchCategory = categoryMappingValidation?.find(obj => {\r\n const matchCategory1 =\r\n obj?.category1Id ===\r\n (category1Id ? Number(category1Id) : obj?.category1Id);\r\n const matchCategory2 =\r\n obj?.category2Id === (category2Id ? Number(category2Id) : null);\r\n const matchCategory3 =\r\n obj?.category3Id === (category3Id ? Number(category3Id) : null);\r\n return matchCategory1 && matchCategory2 && matchCategory3;\r\n });\r\n\r\n if (!resultMatchCategory) {\r\n setEvalGroupErrMsg('* Invalid Categories combination selected.');\r\n return;\r\n }\r\n\r\n setEvalGroupErrMsg('');\r\n const evalGroupTypeName = listOfSegmentTypes?.find(\r\n groupObj =>\r\n groupObj?.evalTypeId?.toString() === dataSegmentType?.toString()\r\n )?.name;\r\n\r\n const payload = {\r\n dataDomainId,\r\n year,\r\n evalGroupName: returnEvalName(\r\n evalGroup,\r\n category1Name,\r\n category2Name,\r\n category3Name\r\n ),\r\n evalGroupLevel: values?.evalGroup ? `Category ${values?.evalGroup}` : '',\r\n evalTypeId: dataSegmentType,\r\n evalTypeName: evalGroupTypeName,\r\n minPointsReq: values?.minPointsReq || null,\r\n earnedScore: values?.earnedScore,\r\n categoryMappingId: resultMatchCategory?.categoryMappingId\r\n };\r\n\r\n if (!minPointsReq) delete payload.minPointsReq;\r\n setIsloading(true);\r\n\r\n try {\r\n const response = await handleAddMetadataScoring(payload);\r\n const result = handleResponse(response);\r\n if (result?.isSuccess) {\r\n resetForm();\r\n updateState({ showSuccess: true });\r\n handleScoreFields(null, setFieldValue);\r\n setFieldValue('formId', formId);\r\n setFieldValue('subformId', subformId);\r\n setFieldValue(\r\n 'formName',\r\n listOfForms?.find(res => res?.formId === formId)?.formName || ''\r\n );\r\n setFieldValue(\r\n 'subformName',\r\n listOfSubForms?.find(res => res?.subFormId === subformId)?.subFormName\r\n );\r\n setFieldValue('dataDomainId', dataDomainId);\r\n setFieldValue('year', year);\r\n setShowDataScroingForm(false);\r\n handleEvalDataByIds(values, setFieldValue, 'All');\r\n } else {\r\n updateState({\r\n showFailure: true,\r\n errorMessage: result?.message\r\n });\r\n }\r\n setIsloading(false);\r\n } finally {\r\n setIsloading(false);\r\n }\r\n };\r\n\r\n const clearCategoriesData = setFieldValue => {\r\n setFieldValue('category1Id', '');\r\n setFieldValue('category1Name', '');\r\n setFieldValue('category2Id', '');\r\n setFieldValue('category2Name', '');\r\n setFieldValue('category3Id', '');\r\n setFieldValue('category3Name', '');\r\n };\r\n\r\n const handleScoreFields = (data, setFieldValue) => {\r\n setSelectedScoreData(data);\r\n setFieldValue('earnedScore', data?.earnedScore || '');\r\n setFieldValue('dataSegmentType', data?.evalGroupType || '');\r\n setEvalGroupErrMsg('');\r\n };\r\n\r\n const handleForm = (value, setFieldValue) => {\r\n if (value) {\r\n loadSubForms(value);\r\n setFieldValue('formId', value);\r\n setFieldValue('subformId', '');\r\n clearCategoriesData(setFieldValue);\r\n const name = listOfForms?.find(res => res.formId == value)?.formName;\r\n setFieldValue('formName', name);\r\n }\r\n setScoringData([]);\r\n handleScoreFields(null, setFieldValue);\r\n };\r\n\r\n const handleCategory1List = (value, setFieldValue, values) => {\r\n if (value) {\r\n setFieldValue('category1Id', value);\r\n loadCategory2(value);\r\n const name = listOfCategory1?.find(\r\n res => res.category1Id == value\r\n )?.category1Name;\r\n setFieldValue('category1Name', name);\r\n if (values?.evalGroup !== '') {\r\n handleEvalDataByIds(\r\n { ...values, category1: value },\r\n setFieldValue,\r\n values.evalGroup\r\n );\r\n }\r\n } else {\r\n handleScoreFields(null, setFieldValue);\r\n }\r\n };\r\n\r\n const handleCategory2List = (value, setFieldValue, values) => {\r\n if (value) {\r\n setFieldValue('category2Id', value);\r\n const name = listOfCategory2?.find(\r\n res => res.category2Id == value\r\n )?.category2Name;\r\n setFieldValue('category2Name', name);\r\n loadCategory3(value);\r\n if (values?.evalGroup !== '') {\r\n handleEvalDataByIds(\r\n { ...values, category2: value },\r\n setFieldValue,\r\n values.evalGroup\r\n );\r\n }\r\n }\r\n };\r\n\r\n const handleCategory3List = (value, setFieldValue, values) => {\r\n if (value) {\r\n setFieldValue('category3Id', value);\r\n const name = listOfCategory3?.find(\r\n res => res.category3Id == value\r\n )?.category3Name;\r\n setFieldValue('category3Name', name);\r\n if (values?.evalGroup !== '') {\r\n handleEvalDataByIds(\r\n { ...values, category3: value },\r\n setFieldValue,\r\n values.evalGroup\r\n );\r\n }\r\n }\r\n };\r\n\r\n const handledataDomain = (value, setFieldValue) => {\r\n setFieldValue('year', '');\r\n setFieldValue('formId', '');\r\n setFieldValue('subformId', '');\r\n setFieldValue('category1Id', '');\r\n setFieldValue('category2Id', '');\r\n setFieldValue('category3Id', '');\r\n setFieldValue('dataSegmentType', '');\r\n setFieldValue('minPointsReq', '');\r\n setFieldValue('earnedScore', '');\r\n setScoringData([]);\r\n\r\n if (value) {\r\n setFieldValue('dataDomainId', value);\r\n const name = listOfDataDomains?.find(\r\n res => res.dataDomainId == value\r\n )?.dataDomainName;\r\n setFieldValue('dataDomainName', name);\r\n }\r\n };\r\n\r\n const handleYearDropdownChange = (yearValueset, setFieldValue) => {\r\n setFieldValue('year', yearValueset);\r\n if (!showDataScroingForm) {\r\n setFieldValue('formId', '');\r\n setFieldValue('subformId', '');\r\n setFieldValue('category1Id', '');\r\n setFieldValue('category2Id', '');\r\n setFieldValue('category3Id', '');\r\n setFieldValue('dataSegmentType', '');\r\n setFieldValue('minPointsReq', '');\r\n setFieldValue('earnedScore', '');\r\n }\r\n setScoringData([]);\r\n };\r\n\r\n const handleSubForm = (formValues, value, setFieldValue) => {\r\n if (value) {\r\n setFieldValue('subformId', value);\r\n clearCategoriesData(setFieldValue);\r\n const name = listOfSubForms?.find(\r\n res => res.subFormId == value\r\n )?.subFormName;\r\n setFieldValue('subformName', name);\r\n }\r\n handleEvalDataByIds(\r\n { ...formValues },\r\n setFieldValue,\r\n 'All',\r\n value,\r\n 'SubFormField'\r\n );\r\n };\r\n\r\n const getEvalDataBySubform = async (values, subformId) => {\r\n const { dataDomainId, year, formId } = values;\r\n try {\r\n const response = await handleGetEvalDataBySubform(\r\n dataDomainId,\r\n year,\r\n formId,\r\n subformId\r\n );\r\n const result = handleResponse(response);\r\n if (result.isSuccess) {\r\n setScoringData(result.data);\r\n } else {\r\n setScoringData([]);\r\n }\r\n } catch (error) {\r\n setScoringData([]);\r\n }\r\n };\r\n\r\n const handleViewScroringDetails = (rowItem, formValues) => {\r\n const apiPayload = {\r\n domainid: formValues?.dataDomainId,\r\n year: formValues?.year,\r\n formId: formValues?.formId,\r\n subFormId: formValues?.subformId,\r\n scoringGroupId: rowItem?.row?.original?.groupID\r\n };\r\n\r\n sessionStorage.setItem('formValues', JSON.stringify(apiPayload));\r\n sessionStorage.setItem('formList', JSON.stringify(listOfForms));\r\n sessionStorage.setItem('subFormList', JSON.stringify(listOfSubForms));\r\n\r\n setRedirectValue({\r\n pathname: '/metadata-manager/datascoring/sub-groups',\r\n state: {\r\n formObject: formValues,\r\n listOfSegmentTypesList: listOfSegmentTypes,\r\n payload: apiPayload,\r\n dataDomainName: listOfDataDomains?.find(\r\n res =>\r\n res.dataDomainId?.toString() == formValues?.dataDomainId?.toString()\r\n )?.dataDomainName\r\n }\r\n });\r\n setRedirect(true);\r\n };\r\n\r\n const handleBackBtn = () => {\r\n setEvalGroupErrMsg('');\r\n if (showDataScroingForm) {\r\n setShowDataScroingForm(false);\r\n } else {\r\n setRedirectValue('/metadata-manager/dashboard');\r\n setRedirect(true);\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Dashboard \r\n \r\n \r\n \r\n {showDataScroingForm\r\n ? 'Add Scoring Group'\r\n : 'Data Scoring Metadata'}\r\n \r\n \r\n \r\n
handleBackBtn()}>\r\n
\r\n {''}\r\n Back\r\n \r\n
\r\n
\r\n {showDataScroingForm\r\n ? 'Add Scoring Group'\r\n : 'Data Scoring Metadata'}\r\n \r\n
\r\n {({ setFieldValue, values }) => {\r\n const { dataDomainId, year, formId, subformId } = values;\r\n useEffect(() => {\r\n initializeMetadata(values, setFieldValue);\r\n window.scrollTo(0, 0);\r\n }, [initializeMetadata]);\r\n\r\n useEffect(() => {\r\n if (dataDomainId && year) {\r\n loadForms(dataDomainId, year, setFieldValue);\r\n }\r\n }, [dataDomainId, year]);\r\n\r\n useEffect(() => {\r\n if (dataDomainId && year && formId && subformId)\r\n loadCategories(\r\n dataDomainId,\r\n year,\r\n formId,\r\n subformId,\r\n setFieldValue\r\n );\r\n }, [dataDomainId, year, formId, subformId]);\r\n return (\r\n <>\r\n \r\n\r\n \r\n
\r\n
\r\n
\r\n Subform Scoring Groups\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
updateState({ showSuccess: false })}\r\n />\r\n\r\n updateState({ showFailure: false })}\r\n />\r\n\r\n {redirect && \r\n \r\n ) : (\r\n \r\n \r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {headerGroups.map(headerGroup => (\r\n \r\n {headerGroup.headers.map(column => (\r\n \r\n {column.render('Header')}\r\n {column.render('Header') !== 'Action' && (\r\n \r\n {column.isSorted\r\n ? getSortedDesc(column.isSortedDesc)\r\n : column.Header !== 'Summary' &&\r\n column.Header !== '' && (\r\n <>\r\n
\r\n \r\n \r\n ))}\r\n \r\n \r\n {page.map(row => {\r\n prepareRow(row);\r\n return (\r\n \r\n {row.cells.map(cell => (\r\n \r\n {cell.render('Cell')}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n \r\n {page.length === 0 && (\r\n \r\n {noRecordMessage}\r\n
\r\n )}\r\n \r\n
\r\n
\r\n {/* Page Size Selector, Pagination, and Table Info */}\r\n {data?.length > 10 && (\r\n
\r\n
\r\n
\r\n
Show:
\r\n
\r\n setPageSize(Number(e.target.value))}\r\n >\r\n {[10, 20, 25, 50, 100].map(pSize => (\r\n \r\n {pSize}\r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Showing {calculatePageEntries()} to {calculatePageToEntries()}{' '}\r\n of {calculatePageOfEntries()} entries\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n globalFilter: PropTypes.string,\r\n setGlobalFilter: PropTypes.func.isRequired,\r\n rows: PropTypes.arrayOf(PropTypes.any),\r\n headers: PropTypes.arrayOf(PropTypes.any),\r\n hiddenColumns: PropTypes.arrayOf(PropTypes.any),\r\n noRecordMessage: PropTypes.string,\r\n title: PropTypes.string,\r\n showpagination: PropTypes.bool,\r\n showCount: PropTypes.bool,\r\n getRowProps: PropTypes.func.isRequired,\r\n autoResetSortBy: PropTypes.bool.isRequired,\r\n autoResetPage: PropTypes.bool.isRequired,\r\n autoResetFilters: PropTypes.bool.isRequired,\r\n autoResetGlobalFilter: PropTypes.bool.isRequired,\r\n hiddenRecordCount: PropTypes.number.isRequired,\r\n showHideButtonText: PropTypes.string.isRequired\r\n};\r\n\r\nTable.defaultProps = {\r\n globalFilter: '',\r\n rows: [],\r\n headers: [],\r\n hiddenColumns: [],\r\n noRecordMessage: 'No records found!',\r\n title: '',\r\n showCount: false\r\n};\r\n\r\nexport default connect()(Table);\r\n","import React from 'react';\r\nimport EditPencilIcon from '@static/images/swimRegistration/edit-pencil-icon.svg';\r\n\r\n// eslint-disable-next-line import/prefer-default-export\r\nexport const METADATA_SUB_GROPUP_SCORING_COLUMNS = ({\r\n handleEditScoringDetails,\r\n isEditableAccess\r\n}) => [\r\n {\r\n Header: 'Group ID',\r\n accessor: 'groupID',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Group Name',\r\n accessor: 'groupName',\r\n className: 'notranslate'\r\n },\r\n {\r\n Header: 'Subgroup ID',\r\n accessor: 'subgroupID',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Subgroup Name',\r\n accessor: 'subgroupName',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Subgroup Type',\r\n accessor: 'subGroupType',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Data Eval Level',\r\n accessor: 'dataEvalLevel',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Points Possible',\r\n accessor: 'pointsPossible',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Min. Points Req',\r\n accessor: 'minPointsReq',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n\r\n {\r\n Header: 'Earned Score',\r\n accessor: 'earnedScore',\r\n className: 'notranslate ymca-word-break ymca-ellipse'\r\n },\r\n {\r\n Header: 'Actions',\r\n accessor: 'isHidden',\r\n className: 'hide',\r\n Cell: v => (\r\n \r\n {!isEditableAccess ? (\r\n
handleEditScoringDetails(v)}\r\n >\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Dashboard \r\n \r\n \r\n \r\n Data Scoring Metadata \r\n \r\n \r\n Sub Group Details \r\n \r\n \r\n
\r\n \r\n
Sub Group Details \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n);\r\n\r\nexport default App;\r\n","\n import API from \"!../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import domAPI from \"!../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n import getTarget from \"!../../node_modules/style-loader/dist/runtime/getTarget.js\";\n import insertStyleElement from \"!../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n import content, * as namedExport from \"!!../../node_modules/mini-css-extract-plugin/dist/loader.js!../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./app.scss\";\n \n \n\nvar options = {};\n\noptions.styleTagTransform = function(css, style){\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n while (style.firstChild) {\n style.removeChild(style.firstChild);\n }\n\n style.appendChild(document.createTextNode(css));\n }\n };\noptions.setAttributes = function(style) {\n var nonce =\n typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n\n if (nonce) {\n style.setAttribute(\"nonce\", nonce);\n }\n };\noptions.insert = function(style){\n var target = getTarget(\"head\");\n\n if (!target) {\n throw new Error(\n \"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\"\n );\n }\n\n target.appendChild(style);\n };\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../node_modules/mini-css-extract-plugin/dist/loader.js!../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./app.scss\";\n export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport 'bootstrap/dist/js/bootstrap.bundle.min';\r\nimport { Provider } from 'react-redux';\r\nimport App from './app';\r\nimport configureStore from './state/store';\r\nimport styles from './app.scss';\r\nimport { PersistGate } from 'redux-persist/integration/react';\r\nimport ReactGA from 'react-ga4';\r\nimport { getGaTrackingId } from '@config/api-config';\r\n\r\nconst { store, persistor } = configureStore();\r\nconst ApplicationRoot = document.getElementById('app-root');\r\n\r\nconst TRACKING_ID = getGaTrackingId();\r\nReactGA.initialize(TRACKING_ID);\r\nString.format = function () {\r\n var s = arguments[0];\r\n for (var i = 0; i < arguments.length - 1; i++) {\r\n var reg = new RegExp(\"\\\\{\" + i + \"\\\\}\", \"gm\");\r\n s = s.replace(reg, arguments[i + 1]);\r\n }\r\n return s;\r\n}\r\nif (ApplicationRoot) {\r\n ReactDOM.render(\r\n \r\n \r\n \r\n ,\r\n ApplicationRoot\r\n );\r\n} else {\r\n console.error('React: Unable to mount application');\r\n}\r\n\r\nif (process.env.NODE_ENV === 'development') {\r\n module.hot.accept();\r\n}\r\n","\r\nexport const GET_RESOURCE_MOBILIZATION_SUCCESS =\r\n 'GET_RESOURCE_MOBILIZATION_SUCCESS';\r\nexport const GET_RESOURCE_MOBILIZATION_FAILURE =\r\n 'GET_RESOURCE_MOBILIZATION_FAILURE';\r\n\r\nexport const POST_RESOURCE_MOBILIZATION_SUCCESS =\r\n 'POST_RESOURCE_MOBILIZATION_SUCCESS';\r\nexport const POST_RESOURCE_MOBILIZATION_FAILURE =\r\n 'POST_RESOURCE_MOBILIZATION_FAILURE';\r\n","export const FETCH_FILE_TEMPLATE_URL_SUCCESS =\r\n 'FETCH_FILE_TEMPLATE_URL_SUCCESS';\r\nexport const FETCH_FILE_TEMPLATE_URL_FAILURE =\r\n 'FETCH_FILE_TEMPLATE_URL_FAILURE';\r\n\r\nexport const FETCH_FILE_TEMPLATE_SUCCESS = 'FETCH_FILE_TEMPLATE_SUCCESS';\r\nexport const FETCH_FILE_TEMPLATE_FAILURE = 'FETCH_FILE_TEMPLATE_FAILURE';\r\n\r\nexport const UPLOAD_FILE_SUCCESS = 'UPLOAD_FILE_SUCCESS';\r\nexport const UPLOAD_FILE_FAILURE = 'UPLOAD_FILE_FAILURE';\r\n\r\nexport const UPLOAD_FILE_DROPDOWN_SUCCESS = 'UPLOAD_FILE_DROPDOWN_SUCCESS';\r\nexport const UPLOAD_FILE_DROPDOWN_FAILURE = 'UPLOAD_FILE_DROPDOWN_FAILURE';\r\n\r\nexport const GET_TERMS_AND_CONDITIONS_SUCCESS =\r\n 'GET_TERMS_AND_CONDITIONS_SUCCESS';\r\nexport const GET_TERMS_AND_CONDITIONS_FAILURE =\r\n 'GET_TERMS_AND_CONDITIONS_FAILURE';\r\nexport const POST_TERMS_AND_CONDITIONS_SUCCESS =\r\n 'POST_TERMS_AND_CONDITIONS_SUCCESS';\r\nexport const POST_TERMS_AND_CONDITIONS_FAILURE =\r\n 'POST_TERMS_AND_CONDITIONS_FAILURE';\r\n","export const USER_MANAGEMENT_TABLE_SUCCESS = 'USER_MANAGEMENT_TABLE_SUCCESS';\r\nexport const USER_MANAGEMENT_TABLE_FAILURE = 'USER_MANAGEMENT_TABLE_FAILURE';\r\n\r\nexport const VOLUNTEER_ADMIN_DASHBOARD_SUCCESS = 'VOLUNTEER_ADMIN_DASHBOARD_SUCCESS';\r\nexport const VOLUNTEER_ADMIN_DASHBOARD_FAILURE = 'VOLUNTEER_ADMIN_DASHBOARD_FAILURE';","export const IMPORT_DATA_SUCCESS = 'IMPORT_DATA_SUCCESS';\r\nexport const IMPORT_DATA_FAILURE = 'IMPORT_DATA_FAILURE';\r\n\r\nexport const PUSH_DATA = 'PUSH_DATA';\r\n","\r\nexport const GET_PROGRAM_ENROLLMENTS_SUCCESS =\r\n 'GET_PROGRAM_ENROLLMENTS_SUCCESS';\r\nexport const GET_PROGRAM_ENROLLMENTS_FAILURE =\r\n 'GET_PROGRAM_ENROLLMENTS_FAILURE';\r\n\r\nexport const POST_PROGRAM_ENROLLMENTS_SUCCESS =\r\n 'POST_PROGRAM_ENROLLMENTS_SUCCESS';\r\nexport const POST_PROGRAM_ENROLLMENTS_FAILURE =\r\n 'POST_PROGRAM_ENROLLMENTS_FAILURE';\r\n","export const OLDER_ADULTS_GET_SUCCESS = 'OLDER_ADULTS_GET_SUCCESS';\r\nexport const OLDER_ADULTS_GET_FAILURE = 'OLDER_ADULTS_GET_FAILURE';\r\n\r\nexport const OLDER_ADULTS_SUCCESS = 'OLDER_ADULTS_SUCCESS';\r\nexport const OLDER_ADULTS_FAILURE = 'OLDER_ADULTS_FAILURE';\r\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\tloaded: false,\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Flag the module as loaded\n\tmodule.loaded = true;\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = (result, chunkIds, fn, priority) => {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar [chunkIds, fn, priority] = deferred[i];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);\nvar leafPrototypes;\n// create a fake namespace object\n// mode & 1: value is a module id, require it\n// mode & 2: merge all properties of value into the ns\n// mode & 4: return value when already ns object\n// mode & 16: return value when it's Promise-like\n// mode & 8|1: behave like require\n__webpack_require__.t = function(value, mode) {\n\tif(mode & 1) value = this(value);\n\tif(mode & 8) return value;\n\tif(typeof value === 'object' && value) {\n\t\tif((mode & 4) && value.__esModule) return value;\n\t\tif((mode & 16) && typeof value.then === 'function') return value;\n\t}\n\tvar ns = Object.create(null);\n\t__webpack_require__.r(ns);\n\tvar def = {};\n\tleafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];\n\tfor(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {\n\t\tObject.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));\n\t}\n\tdef['default'] = () => (value);\n\t__webpack_require__.d(ns, def);\n\treturn ns;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.hmd = (module) => {\n\tmodule = Object.create(module);\n\tif (!module.children) module.children = [];\n\tObject.defineProperty(module, 'exports', {\n\t\tenumerable: true,\n\t\tset: () => {\n\t\t\tthrow new Error('ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: ' + module.id);\n\t\t}\n\t});\n\treturn module;\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nmd = (module) => {\n\tmodule.paths = [];\n\tif (!module.children) module.children = [];\n\treturn module;\n};","var scriptUrl;\nif (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + \"\";\nvar document = __webpack_require__.g.document;\nif (!scriptUrl && document) {\n\tif (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT')\n\t\tscriptUrl = document.currentScript.src;\n\tif (!scriptUrl) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tif(scripts.length) {\n\t\t\tvar i = scripts.length - 1;\n\t\t\twhile (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;\n\t\t}\n\t}\n}\n// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration\n// or pass an empty string (\"\") and set the __webpack_public_path__ variable from your code to use your own logic.\nif (!scriptUrl) throw new Error(\"Automatic publicPath is not supported in this browser\");\nscriptUrl = scriptUrl.replace(/^blob:/, \"\").replace(/#.*$/, \"\").replace(/\\?.*$/, \"\").replace(/\\/[^\\/]+$/, \"/\");\n__webpack_require__.p = scriptUrl;","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t792: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar [chunkIds, moreModules, runtime] = data;\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkReact_Web_Boilerplate\"] = self[\"webpackChunkReact_Web_Boilerplate\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","__webpack_require__.nc = undefined;","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [121], () => (__webpack_require__(84330)))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["cov_j1o0c8mk1","actualCoverage","GET_BRANCH_DETAILS_SUCCESS","s","GET_BRANCH_DETAILS_FAILURE","SET_BRANCH_DETAILS_SUCCESS","SET_BRANCH_DETAILS_FAILURE","GET_LIST_OF_BRANCHES_SUCCESS","GET_LIST_OF_BRANCHES_FAILURE","GET_LIST_OF_COUNTRIES_SUCCESS","GET_LIST_OF_COUNTRIES_FAILURE","cov_204n6b5e1e","ANNUALREPORT_PLEDGE_STATEMENT_FAILURE","ANNUALREPORT_CVO_CONTACT_DATA","ANNUALREPORT_PLEDGE_STATEMENT_DATA","GET_AR_INCOMING_CONTACT_DETAILS_SUCCESS","GET_AR_INCOMING_CONTACT_DETAILS_FAILURE","POST_AR_INCOMING_CONTACT_DETAILS_SUCCESS","POST_AR_INCOMING_CONTACT_DETAILS_FAILURE","GET_INCOMING_CONTACT_DETAILS_SUCCESS","GET_INCOMING_CONTACT_DETAILS_FAILURE","SEND_CEO_CVO_EMAIL_REQUEST_SUCCESS","SEND_CEO_CVO_EMAIL_REQUEST_FAILURE","GET_CEO_CVO_DETAILS_SUCCESS","GET_CEO_CVO_DETAILS_FAILURE","cov_qxydjkpor","API_REQUEST","API_SUCCESS","API_FAILURE","cov_d7xk7my68","USER_REGISTRATION_SUCCESS","USER_REGISTRATION_FAILURE","USER_DETAILS_SUCCESS","USER_DETAILS_FAILURE","MODULE_LIST_SUCCESS","MODULE_LIST_FAILURE","RESET_USER_DETAILS","cov_pxo7q60ri","ANNUALREPORT_COLLAB_API_FAILURE","ANNUALREPORT_COLLAB_NON_PROFIT_ORG","ANNUALREPORT_COLLAB_EDUCATION_ORG","ANNUALREPORT_COLLAB_GOVT_ORG_AFFILIATES","ANNUALREPORT_COLLAB_OTHER_COMMUNITY_ORG","ANNUALREPORT_COLLAB_PRIVATE_ORG_BUSINESS","ANNUALREPORT_COLLAB_ORATIONS_AMOUNG_YS","ANNUALREPORT_COLLAB_FAILURE","cov_gvfktm89y","PROGRAM_ACTIVITY_GET_SUCCESS","PROGRAM_ACTIVITY_GET_FAILURE","PROGRAM_ACTIVITY_SUCCESS","PROGRAM_ACTIVITY_FAILURE","cov_lsymrjvjf","GET_PROGRAM_INNOVATION_SUCCESS","GET_PROGRAM_INNOVATION_FAILURE","POST_PROGRAM_INNOVATION_SUCCESS","POST_PROGRAM_INNOVATION_FAILURE","cov_1nbu4hnapt","HOUSING_GET_SUCCESS","HOUSING_GET_FAILURE","HOUSING_SUCCESS","HOUSING_FAILURE","cov_2a3j5kwyt7","GET_CDP_FETCH_SUCCESS","GET_CDP_FETCH_FAILURE","GET_REDCAP_FETCH_SUCCESS","GET_REDCAP_FETCH_FAILURE","GET_CDP_DATA_FETCH_SUCCESS","GET_CDP_DATA_FETCH_FAILURE","POST_CDP_SOLERA_IMPORT_SUCCESS","POST_CDP_SOLERA_IMPORT_FAILURE","POST_CDP_REDCAP_IMPORT_SUCCESS","POST_CDP_REDCAP_IMPORT_FAILURE","POST_CDP_WELLD_IMPORT_SUCCESS","POST_CDP_WELLD_IMPORT_FAILURE","SET_POPOVER_DETAILS","cov_1huglo1w72","MOYP_DETAIL_VIEW_SUCCESS","MOYP_DETAIL_VIEW_FAILURE","cov_1wmd9i620a","VOLUNTEER_REGISTRATION_SUCCESS","VOLUNTEER_REGISTRATION_FAILURE","GET_LIST_COUNTRIES_SUCCESS","GET_LIST_COUNTRIES_FAILURE","cov_2l0dj4psxf","GET_REVIEW_SUBMIT_INFO_SUCCESS","GET_REVIEW_SUBMIT_INFO_FAILURE","POST_REVIEW_SUBMIT_DATA_SUCCESS","POST_REVIEW_SUBMIT_DATA_FAILURE","FINAL_SUBMIT_SUCCESS","FINAL_SUBMIT_FAILURE","cov_gt5aw18kk","GET_CDP_ASSOCIATE_DASHBOARD_SUCCESS","GET_CDP_ASSOCIATE_DASHBOARD_FAILURE","GET_CDP_REDCAP_VIEW_DETAILS_REGISTRATION_SUCCESS","GET_CDP_REDCAP_VIEW_DETAILS_REGISTRATON_FAILURE","GET_CDP_REDCAP_VIEW_DETAILS_VISITS_SUCCESS","GET_CDP_REDCAP_VIEW_DETAILS_VISITS_FAILURE","GET_CDP_REDCAP_VIEW_DETAILS_ORG_CODE_SUCCESS","GET_CDP_REDCAP_VIEW_DETAILS_ORG_CODE_FAILURE","GET_CDP_REDCAP_VIEW_DETAILS_COACH_SUCCESS","GET_CDP_REDCAP_VIEW_DETAILS_COACH_FAILURE","GET_CDP_SOLERA_VIEW_DETAILS_SUCCESS","GET_CDP_SOLERA_VIEW_DETAILS_FAILURE","SAVE_CDP_ASSOCIATION","CHECK_HIPAA_CERTIFICATE_SUCCESS","CHECK_HIPAA_CERTIFICATE_FAILURE","POST_STATUS_UPDATE_SUCCESS","POST_STATUS_UPDATE_FAILURE","cov_1u80cz56mf","initialState","apiCallCount","isLoading","apiRequestReducer","state","arguments","length","undefined","b","action","f","_ref","type","isApiStarted","types","isApiEnded","test","Object","assign","cov_vrzikb6se","cov_1dzmevb8at","ownKeys","e","r","t","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","AssociAdminLogin","AssociAdminLoginDetails","clientsReducer","payload","error","cov_ql8tpw62w","cov_22s6obcg3u","AssociationNumber","AssociationSummary","AssociationChangeLog","AssociationMoypChangeLog","AssociationList","cov_vunaap197","cov_1ac97u3eg","FetchFileTemplateURL","FetchFileTemplate","UploadFile","UploadFileDropdown","TermsAndConditions","PostTermsAndConditions","cov_blfgtxhs7","cov_254mb33fs","ImportDataSuccess","selectedImportRows","cov_britpzptb","cov_1hmut5xqja","BranchSummaryLogs","cov_13v7qs9j59","cov_257adx0g36","AssociationDashboardSummary","AssociationDashboardChangeLog","cov_v1vcn9g0u","cov_1922ayhlja","GetOrganizationCommitment","PostOrganizationCommitment","key","cov_22fo8i65vu","cov_19p4ylpqpq","GetMembershipKnowYourCommunity","PostMembershipKnowYourCommunity","cov_2du74s1fj0","cov_17p5l1vuka","GetLeadershipStaffDevelopment","PostLeadershipStaffDevelopment","cov_434gjq93i","cov_22mstaho43","GetProgramInnovation","PostProgramInnovation","cov_bcekplhdz","cov_28mszi2ns","GetStrategicRelationships","PostStrategicRelationships","cov_1b5w8coecj","cov_192s1copmo","GetResourceMobilization","PostResourceMobilization","cov_1kj78f49bh","cov_2bo0pmpjbk","GetBrandVisibility","PostBrandVisibility","cov_1fhpcgpjrr","cov_17bw8wtixk","FetchOverViewData","YmcaBranchList","CollabNonProfitOrg","CollabEducationOrg","CollabGovtOrgAndAffiliates","CollabOtherCommunityOrg","CollabPrivateOrgAndBusinesses","CollaborationsAmongYs","ProgramActivities","ProgramActivityHousing","ProgramActivityFoodProgram","ProgramActivityArmedService","ProgramActivityOlderAdult","DashboardOverview","AnnualReportOverviewReducer","cov_1jv8h2z86s","cov_1521gyizw8","Errors","AnnualReportCollaborationReducer","cov_1o89rptlva","cov_yppf426nv","AnnualReportDashboardData","cov_205fvffhf4","cov_33bgwgvuh","FeedbackData","cov_1kke9pd2th","cov_6df2kxemf","SiteinformationList","SiteinformationSuccess","cov_2q4bkmda20","cov_2fh3852srb","BranchData","BranchList","CountiresList","cov_10wh0aabek","cov_1yzfqxbjxv","GetProgramActivities","cov_211mzc5bts","cov_1pql93w5tn","GetHousing","Housing","cov_cl50j1wrf","cov_16n0svnmkd","GetFoodProgram","FoodProgram","cov_2ffwn1rgrr","cov_2c4nuc0a70","GetArmedService","ArmedService","cov_2nj0g3u56q","cov_1sia8hgr9h","GetOlderAdults","OlderAdults","cov_2gpi7rhhkw","cov_3oz97v7mv","PledgeData","CvoConatactDetails","IncomingCvoDetails","PostIncomingCvoDetails","IncomingCvoDetailsData","SendEmailRequest","CeoCvoDetails","cov_4lcz6a00l","cov_2z6nc1lj0","GetMemberships","GetMembershipsNWM","PostMemberships","CrmProviderList","cov_pcfx8raan","cov_2n8oy2uj4m","GetMemberDemographics","GetMemberDemographicsNWM","PostMemberDemographics","cov_1q3sxl8zkh","cov_1oudebr3j9","GetProgramMember","PostProgramMember","cov_9m5gqx56f","cov_3f4jyd83f","GetProgramEnrollments","PostProgramEnrollments","cov_2p789u32qh","cov_z3yf1n8f5","GetVolunteers","PostVolunteers","cov_1x7jqxdnpu","cov_9bbp66y4p","GetDonors","PostDonors","cov_1uw5f8dfy7","cov_4tqwfn5ug","ReviewSubmitInfo","FinalSubmit","ReviewSubmitData","cov_705ovo0hp","cov_1lneu0b6eg","ARemployeeData","ARemployeeReducer","cov_2iom5hgfji","cov_1r7xitz2oq","YusaAssociationList","YusaYearList","cov_258nckzgua","cov_dwy8m1ais","GetModulesConfigData","cov_24i4ys3yd5","cov_2fymzs0ntp","VolunteerRegistrationData","CountriesList","cov_1owkpmudqx","cov_283d1bgl5d","VolunteerRegistrationPreviewData","cov_1xy7rk66lt","cov_2ohq187lk3","VolunteerAdminPreviewList","VolunteerAdminApprovalData","VolunteerAdminDocumentApprovalData","VolunteerInitiateBackgroundScreeningData","VolunteerCancelInitiatedBackgroundScreeningData","cov_6c9gyodwv","cov_2jp3cf0pau","UserRegistrationData","UserRegistrationDetails","ModuleList","cov_o9yybcze5","cov_2bxgli09jx","UserManagementTableList","cov_4jj7sg9lt","cov_2az0sg7qbl","cdpFecthResult","cdpDataFetch","soleraImport","redcapImport","popoverDetails","cov_17jcv47t4j","cov_ccu39dnj9","GetSoleraDataObj","PostSoleraImport","cdpData","programs","dataSystems","isImportedMsg","dolTypes","cov_r17f2zb2u","dataSystem","program","detailPageType","cdpFetchId","fetchType","cov_7mdwp0upu","CdpAdminDashboard","CdpAdminDashboardKPI","association","cov_153k9a5zvs","cov_19yvpqr8l4","CdpAssociateDashboard","CdpRedCapRegistrationViewDetails","CdpRedCapVisitsViewDetails","CdpRedCapOrgCodeViewDetails","CdpRedCapCoachViewDetails","CdpSoleraViewDetails","CDP","REDCAP_ITEMS","REGISTRATION","associationData","hippaCertificate","updateStatus","cov_5wuauro2","cov_1vcfgvg60d","UserManagementUploadFile","cov_pxoyk5jms","cov_1v79zix2e2","GetMoypDetailView","cov_15jbb29at","cov_28qzyhzd6k","SwimSafetyDashboardCount","SwimSafetyAssociationList","cov_px5e51drq","cov_12wgbig0vc","SwimSafetyProgramsList","SwimProgramDetails","cov_g041rmm1d","cov_1snyylgdbz","uploadProfiles","profilesList","selectedProgramDetails","cov_29qt6g8q5l","cov_1qobjl0l5e","SwimAssociationDashboardCount","cov_28t5rb5ogg","cov_2jcg994gpr","COLIdashboardCount","COLIdashboardlist","cov_lqik959ww","cov_21vbjfm8te","dashboard","uploadDataSummary","cov_o5xbgrzjy","cov_8lsj1c8qa","dataScoringAssociations","dataScoringFormView","dataScoringSubFormView","dataScoringEvaluationGroupView","dataScoringEvaluationDataPointsView","dataSubGroupDetails","cov_1kwdjv54gv","cov_2aockifjtq","dashboardDomains","dashboardYears","dashboardCounts","dashboardForms","dashboardTotalCollections","dashboardTotalUploads","dashboardTotalManualUplaods","dashboardExportMetadata","dashboardARCurrentYearDates","cov_2lvyrmxsdm","cov_10jsqvd9jj","cov_2aebqytex","createFilter","reducerName","inboundPaths","outboundPaths","transformType","createTransform","inboundState","persistFilter","outboundState","createWhitelistFilter","createBlacklistFilter","filterObject","path","_ref$filterFunction","filterFunction","value","get","Array","pickBy","paths","subset","_typeof","isEmpty","set","cloneDeep","x","forIn","unset","concat","cov_291ihui57k","configureStore","cdpAssociateDashboardStore","persistConfig","storage","sessionStorage","blacklist","transforms","rootReducer","combineReducers","reducers","persistedReducer","persistReducer","middlewares","thunkMiddleware","middlewareEnhancer","applyMiddleware","composeEnhancer","window","__REDUX_DEVTOOLS_EXTENSION_COMPOSE__","compose","enhancers","__DEV__","REDUX_LOGGER_ENABLED","logger","createLogger","duration","store","createStore","persistor","persistStore","module","hot","accept","replaceReducer","cov_1dw0wmgfua","VOLUNTEER_ADMIN_PREVIEW_SUCCESS","VOLUNTEER_ADMIN_PREVIEW_FAILURE","VOLUNTEER_ADMIN_APPROVAL_SUCCESS","VOLUNTEER_ADMIN_APPROVAL_FAILURE","VOLUNTEER_ADMIN_DOCUMENT_APPROVAL_SUCCESS","VOLUNTEER_ADMIN_DOCUMENT_APPROVAL_FAILURE","VOLUNTEER_ADMIN_INITIATE_BACKGROUND_SCREENING_APPROVAL_SUCCESS","VOLUNTEER_ADMIN_INITIATE_BACKGROUND_SCREENING_APPROVAL_FAILURE","VOLUNTEER_ADMIN_CANCEL_INITIATED_BACKGROUND_SCREENING_APPROVAL_SUCCESS","VOLUNTEER_ADMIN_CANCEL_INITIATED_BACKGROUND_SCREENING_APPROVAL_FAILURE","cov_22w3uy0gsh","GET_DONORS_SUCCESS","GET_DONORS_FAILURE","POST_DONORS_SUCCESS","POST_DONORS_FAILURE","cov_go9f0f4wc","GET_CDP_ADMIN_DASHBOARD_SUCCESS","GET_CDP_ADMIN_DASHBOARD_FAILURE","GET_CDP_ADMIN_DASHBOARD_KPI_SUCCESS","GET_CDP_ADMIN_DASHBOARD_KPI_FAILURE","GET_ASSOCIATION_BY_NUMBER_SUCCESS","GET_ASSOCIATION_BY_NUMBER_FAILURE","cov_27adxx4ilr","POST_FEEDBACK_SUCCESS","POST_FEEDBACK_FAILURE","cov_82tvjqg56","GET_METADATA_DOMAIN_SUCCESS","GET_METADATA_DOMAIN_FAILURE","GET_METADATA_YEAR_SUCCESS","GET_METADATAYEAR_FAILURE","GET_METADATA_DASHBOARD_COUNT_SUCESS","GET_METADATA_DASHBOARD_COUNT_FAILURE","GET_METADATA_FORMS_SUCESS","GET_METADATA_FORMS_FAILURE","GET_TOTAL_DATA_COLLECTION_SUCESS","GET_TOTAL_DATA_COLLECTION_FAILURE","GET_TOTAL_UPLOAD_SUCESS","GET_TOTAL_UPLOAD_FAILURE","GET_TOTAL_CHANGES_SUCESS","GET_TOTAL_CHANGES_FAILURE","EXPORT_METADATA_SUCESS","EXPORT_METADATA_FAILURE","GET_AR_CURRENT_YEAR_DATES_SUCCESS","GET_AR_CURRENT_YEAR_DATES_FAILURE","cov_1vsam9l5mr","ARMED_SERVICE_GET_SUCCESS","ARMED_SERVICE_GET_FAILURE","ARMED_SERVICE_SUCCESS","ARMED_SERVICE_FAILURE","cov_2be7yuo3ct","UPLOAD_METADATA_SUCESS","UPLOAD_METADATA_FAILURE","IMPORT_SUMMARY_SUCESS","IMPORT_SUMMARY_FAILURE","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","Error","code","webpackContextKeys","resolve","exports","cov_2876fdpsg","GET_MEMBERSHIPS_SUCCESS","GET_MEMBERSHIPS_FAILURE","GET_MEMBERSHIPS_NWM_SUCCESS","GET_MEMBERSHIPS_NWM_FAILURE","POST_MEMBERSHIPS_SUCCESS","POST_MEMBERSHIPS_FAILURE","GET_CRM_PROVIDER_LIST_SUCCESS","GET_CRM_PROVIDER_LIST_FAILURE","cov_2ngg7gnufc","GET_MODULES_CONFIG_SUCCESS","GET_MODULES_CONFIG_FAILURE","cov_2dar7v020k","BRANCH_DETAIL_SUCCESS","BRANCH_DETAIL_FAILURE","cov_17v1u97jky","SITEINFORMATION_LIST_SUCCESS","SITEINFORMATION_LIST_FAILURE","SITEINFORMATION_DATA_SUCCESS","SITEINFORMATION_DATA_FAILURE","cov_17cy9v77ct","POST_CDP_SOLERA_FILE_SUCCESS","POST_CDP_SOLERA_FILE_FAILURE","GET_CDP_PROGRAM_SUCCESS","GET_CDP_PROGRAM_FAILURE","GET_CDP_IS_IMPORTED_MSG_SUCCESS","GET_CDP_IS_IMPORTED_MSG_FAILURE","GET_DOL_TYPE_SUCCESS","GET_DOL_TYPE_FAILURE","GET_CDP_DATASYSTEM_SUCCESS","GET_CDP_DATASYSTEM_FAILURE","SELECTED_DATA_SYSTEM","SELECTED_PROGRAM","DETAIL_PAGE_TYPE","SAVE_CDP_FETCH_ID","SAVE_FETCH_TYPE","POST_CDP_REDCAP_REGISTRATION_SUCCESS","POST_CDP_REDCAP_REGISTRATION_FAILURE","POST_CDP_REDCAP_FETCH_SUCCESS","POST_CDP_REDCAP_FETCH_FAILURE","POST_CDP_REDCAP_VISITS_SUCCESS","POST_CDP_REDCAP_VISITS_FAILURE","UPDATE_SUBMISSION_DATE_SUCCESS","UPDATE_SUBMISSION_DATE_FAILURE","POST_CDP_REDCAP_ORGCODE_SUCCESS","POST_CDP_REDCAP_ORGCODE_FAILURE","POST_CDP_REDCAP_COACH_SUCCESS","POST_CDP_REDCAP_COACH_FAILURE","POST_CDP_WELLD_FETCH_SUCCESS","POST_CDP_WELLD_FETCH_FAILURE","cov_28ympnpa23","YUSA_ASSOCIATION_LIST_SUCCESS","YUSA_ASSOCIATION_LIST_FAILURE","YUSA_YEAR_LIST_SUCCESS","YUSA_YEAR_LIST_FAILURE","cov_2klhdljiwr","SWIMSAFETY_ASSOCIATION_DASHBOARD_COUNT_SUCCESS","SWIMSAFETY_ASSOCIATION_DASHBOARD_COUNT_FAILURE","cov_22mg8d0rp9","GET_LEADERSHIP_STAFF_DEVELOPMENT_SUCCESS","GET_LEADERSHIP_STAFF_DEVELOPMENT_FAILURE","POST_LEADERSHIP_STAFF_DEVELOPMENT_SUCCESS","POST_LEADERSHIP_STAFF_DEVELOPMENT_FAILURE","cov_2h6ovwx1v7","FETCH_ANNUAL_REPORT_OVERVIEW_SUCCESS","FETCH_ANNUAL_REPORT_OVERVIEW_FAILURE","YMCA_BRANCHES_LIST_SUCCESS","YMCA_BRANCHES_LIST_FAILURE","COLLAB_NON_PROFIT_ORG","COLLAB_EDUCATION_ORG","COLLAB_GOVT_ORG_AFFILIATES","COLLAB_OTHER_COMMUNITY_ORG","COLLAB_PRIVATE_ORG_BUSINESS","COLLAB_ORATIONS_AMOUNG_YS","PROGRAM_ACTIVITIES","PROGRAM_ACTIVITIES_HOUSING","PROGRAM_ACTIVITIES_FOODPROGRAMS","PROGRAM_ACTIVITIES_ARMED_SERVICES","PROGRAM_ACTIVITIES_OLDER_ADULTS","ANNUAL_REPORT_DASHBOARD_OVERVIEW_SUCCESS","ANNUAL_REPORT_DASHBOARD_OVERVIEW_FAILURE","cov_zv9i9yzow","GET_MEMBER_DEMOGRAPHICS_SUCCESS","GET_MEMBER_DEMOGRAPHICS_FAILURE","GET_MEMBER_DEMOGRAPHICS_NWM_SUCCESS","GET_MEMBER_DEMOGRAPHICS_NWM_FAILURE","POST_MEMBER_DEMOGRAPHICS_SUCCESS","POST_MEMBER_DEMOGRAPHICS_FAILURE","cov_2av9meu48q","GET_PROGRAM_MEMBER_SUCCESS","GET_PROGRAM_MEMBER_FAILURE","POST_PROGRAM_MEMBER_SUCCESS","POST_PROGRAM_MEMBER_FAILURE","cov_bn2v71dg7","GET_STRATEGIC_RELATIONSHIPS_SUCCESS","GET_STRATEGIC_RELATIONSHIPS_FAILURE","POST_STRATEGIC_RELATIONSHIPS_SUCCESS","POST_STRATEGIC_RELATIONSHIPS_FAILURE","cov_2hn6o4ppf2","ANNUAL_REPORT_DASHBOARD_SUCCESS","ANNUAL_REPORT_DASHBOARD_FAILURE","ANNUAL_REPORT_REOPEN_SUCCESS","ANNUAL_REPORT_REOPEN_FAILURE","cov_254kk6rmqu","SWIMSAFETY_DASHBOARD_COUNT_SUCCESS","SWIMSAFETY_DASHBOARD_COUNT_FAILURE","SWIMSAFETY_ADD_ASSOCIATION_SUCCESS","SWIMSAFETY_DELETE_ASSOCIATION_SUCCESS","SWIMSAFETY_DELETE_ASSOCIATION_FAILURE","SWIMSAFETY_ASSOCIATION_LIST_SUCCESS","SWIMSAFETY_ASSOCIATION_LIST_FAILURE","SWIMSAFETY_ASSOCIATION_DROPDOWN_SUCCESS","SWIMSAFETY_ASSOCIATION_DROPDOWN_FAILURE","SWIMSAFETY_EXCLUDE_ASSOCIATION_DROPDOWN_SUCCESS","SWIMSAFETY_EXCLUDE_ASSOCIATION_DROPDOWN_FAILURE","SWIMSAFETY_SAVE_ASSOCIATION_SUCCESS","SWIMSAFETY_SAVE_ASSOCIATION_FAILURE","SWIMSAFETY_GRANT_DROPDOWN_SUCCESS","SWIMSAFETY_GRANT_DROPDOWN_FAILURE","cov_3c8hqehj7","SWIMSAFETY_PROGRAMS_LIST_SUCCESS","SWIMSAFETY_PROGRAMS_DETAILS_SUCCESS","SWIMSAFETY_PROGRAMS_DETAILS_FAILURE","SWIMSAFETY_PROGRAMS_UPDATE_OR_ADD_SUCCESS","SWIMSAFETY_PROGRAMS_UPDATE_OR_ADD_FAILURE","SWIMSAFETY_PROGRAMS_DELETE_SUCCESS","SWIMSAFETY_PROGRAMS_BY_BRANCHES_SUCCESS","SWIMSAFETY_PROGRAMS_API_FAILURE","SWIMSAFETY_PROGRAMS_BY_FILTERS_SUCCESS","SWIMSAFETY_PROGRAMS_BY_FILTERS_FAILURE","cov_djiku1svd","USER_MANAGEMENT_UPLOAD_FILE_SUCCESS","USER_MANAGEMENT_UPLOAD_FILE_FAILURE","cov_1p3fsack6i","ASSOCIATION_NUMBER_SUCCESS","ASSOCIATION_NUMBER_FAILURE","ASSOCIATION_SUMMARY_SUCCESS","ASSOCIATION_SUMMARY_FAILURE","ASSOCIATION_CHANGE_LOG_SUCCESS","ASSOCIATION_CHANGE_LOG_FAILURE","ASSOCIATION_LIST_SUCCESS","ASSOCIATION_LIST_FAILURE","ASSOCIATION_MOYP_CHANGE_LOG_SUCCESS","ASSOCIATION_MOYP_CHANGE_LOG_FAILURE","cov_1ny5mi3f87","VOLUNTEER_REGISTRATION_PREVIEW_SUCCESS","VOLUNTEER_REGISTRATION_PREVIEW_FAILURE","cov_2dxdrhi0kr","PORT","process","HOST","__TEST__","MOCK_MODE","MOCK_RESPONSE_DELAY","API_ENDPOINTS","DEV","STAG","PRODCUCTION","REGEX","NUMERIC","LEADING_SLASH","ALL_SLASHES","ALPHABETS","ALPHABETSWITHHYPHEN","alphanumeric","ALPHANUMERICWITHSPACES","ALPHANUMERICWITHSPACESANDHYPHEN","ZIP","PHONE","PAGE_DATE_FORMAT","DATE_FORMAT_FOR_DOCUMENT","EXPIRY_DATE_FORMAT","VALIDATION_MESSAGES","FIELD_REQUIRED","RADIO_BUTTON","RADIO_BUTTON_STAFF","RADIO_BUTTON_VOLUNTEERS","TEXT_AREA_MIN","SET_OF_CHECKBOX","PROGRAM_ENROLLMENTS","FILE_UPLOAD","MAX_FILE_SIZE","INSURENCE_MAX_FILE_SIZE","INSURENCE_UPLOAD_VALID_FILE","UPLOAD_VALID_FILE","FILE_UPLOAD_OR_REQUEST_BS","FIELD_LENGTH","TEXTAREA_LENGTH","TEXTBOX_LENGTH","VOLUNTEER_TEXTBOX","EMAIL_LENGTH","ADDRESS_LENGTH","APP_LABELS","YUSA_REVIEW_SUBMIT_TEXT","REVIEW_SUBMIT_2023_QUESTION","REVIEW_SUBMIT_2024_QUESTION","STAFF_TYPE_ENUMS","staffKey","staffLabel","EMPLOYEE_WARNING_TEXT","MAX_UPLOAD_FILE_ERROR_MESSAGE","APIM_KEY","DEV_INSTANCE_URL","DEV_TENANT","DEV_CLIENT_ID","DEV_REDIRECT_URI","DEV_LOGOUT_REDIRECT_URI","STAGE_INSTANCE_URL","STAGE_TENANT","STAGE_CLIENT_ID","STAGE_REDIRECT_URI","STAGE_LOGOUT_REDIRECT_URI","PROD_INSTANCE_URL","PROD_TENANT","PROD_CLIENT_ID","PROD_REDIRECT_URI","PROD_LOGOUT_REDIRECT_URI","SIGNUP_POLICY","CACHE_STORAGE","LOADER_MESSAGE","TOGETHER_WE","CAN_BUILD_A","BETTER_US","WELCOME_TO","LOGIN_PLATFORM","GET_STARTED","TOP_HEADING","EMPLOYEE_DATA_COLLECTION","ANNUAL_REPORTS","CDP_TITLE","SWIM_TITLE","INSURANCE_TITLE","CAMP_HEADER","ANNUAL_REPORT_HEADER","NAV_HOME","NAV_DASHBOARD","NAV_LOGOUT","NAV_ACTIVE","WELCOME","QUICK_INFO","DATA_EXCHANGE","START_NOW","VIEW","DASH_ASSOCIATE_NAME","DASH_BACK","DASH_UPLOAD_DATA","DASH_VIEW_DETAILS","DASH_SUCCESS","DASH_FAILED","DETAIL_TERMINATED","DETAIL_ASSIGNMENT","DETAIL_UPLOAD_DATA","UPLOAD_EMPLOYEE_DATA","UPLOAD_USER_MANAGEMENT_DATA","DETAIL_NEW_STAFF","DETAIL_TOTAL_STAFF","DETAIL_NO_RECORD_FOUND","DETAIL_EXISTING_STAFF","DETAIL_CHANGED_STAFF","DETAIL_TERMINATED_STAFF","DETAIL_COMMENTS","DETAIL_POPUP_TITLE","DETAIL_ASSOCIATION_DETAIL","DETAIL_BRANCH_NAME","DETAIL_PERSONAL_DETAILS","DETAIL_FIRST_NAME","DETAIL_MIDDLE_NAME","DETAIL_LAST_NAME","DETAIL_BIRTH_DATE","DETAIL_RACE","DETAIL_GENDER","DETAIL_ADDRESS","DETAIL_ADDRESS2","DETAIL_CITY","DETAIL_STATE","DETAIL_RECORD_TYPE","EMAIL_ADDRESS","DETAIL_STAFF_DETAILS","DETAIL_BRAND_ADVOCATE","DETAIL_STAFF_TYPE","DETAIL_CURRENT_SALARY","DETAIL_CURRENT_SALARY_START_DATE","DETAIL_CURRENT_POSITION","UPLOAD_DATA_WARNING_TEXT","UPLOAD_DATA_CANCEL","UPLOAD_DATA_IMPORT_DATA","UPLOAD_DATA_OK","SAVE_DATA","UPLOAD_DATA_CURRENT_POSITION","UPLOAD_DATA_CURRENT_POSITION_PRIMARY","UPLOAD_DATA_ERROR","UPLOAD_DATA_CONFRIM","UPLOAD_DATA_RECORDS","UPLOAD_DATA_INVALID","UPLOAD_DATA_TERMINATED","LOG_DETAIL_YMCA","LOGS_DETAIL_LOG","LOGS_DETAIL_YMCA_SOUTHCOAST","LOGS_DETAIL_CONTACT_EMAIL","LOGS_DETAIL_CONTACT_PERSON","LOGS_DETAIL_CONTACT_NUMBER","LOG_DETAIL_LOG","LOG_DETAIL_BRANCH","LOG_DETAIL_UPLOADED","LOG_DETAIL_UPLOAD","LOG_DETAIL_SUMMARY","LOG_DETAIL_STATUS","LOG_DETAIL_SHOWING","LOG_DETAIL_FIRST","LOG_DETAIL_PREVIOUS","LOG_DETAIL_NEXT","LOG_DETAIL_LAST","FOOTER_COPYRIGHT","FOOTER_YMCA","UPLOAD_FILE_ATTENTION","UPLOAD_FILE_ALL_EXISTING","UPLOAD_FILE_DATA","UPLOAD_FILE_CONTINUE_TO_DOWNLOAD","UPLOAD_FILE_CONTINUE","UPLOAD_FILE_BRANCH_LIST","UPLOAD_FILE_ASSOCIATION","UPLOAD_FILE_CONFIRMATION","UPLOAD_FILE_PLEASE_WAIT","UPLOAD_FILE_HEADING","UPLOAD_FILE_ASSOCIATIONS","UPLOAD_FILE_BRANCH","UPLOAD_FILE_STAFF_TYPE","UPLOAD_FILE_FETCH_DATA","UPLOAD_FILE_EMPLOYEE_DATA","UPLOAD_FILE_DOWNLOAD","UPLOAD_FILE_TO_RECIEVE","UPLOAD_FILE_UPLOADING_DATA_VIA","UPLOAD_DOWNLOAD_FILE","LAST_UPDATED_BY","ANNUAL_REPORT_SITE_INFORMATION_HEADER","UPLOAD_DOWNLOAD","ERROR_MESSAGE","LOGIN_PAGE_MESSAGE","UPLOAD_EMPLOYEE_DATA_DETAILS","STEP_1_TEXT","FETCH_DATA_WARNING","STEP_2_TEXT","STEP_3_TEXT","UPLOAD_DATA_WARNING","UPLOAD_DATA_TITLE","FEEDBACK_SUPPORT","SOMETHING_WENT_WRONG","REVIEW_REDIRECTING_TO_DASHBOARD","COMMON_ERROR_MESSAGE","YUSA_DATA_STEWARD","YESS_DATA_STEWARD","YUSA_DATA_VIEWER","ALLIANCE_DATA_STEWARD","CVO_CONTACT_DETAILS","INCOMING_CVO_CONTACT_DETAILS","VIEWER_PERMISSION_ROLES","COI_PERMISSION_ROLES","CEO_DATA_STEWARD","CVO_DATA_STEWARD","BRANCH_DATA_STEWARD","ASSOCIATION_DATA_STEWARD","YMCA_DIRECTORY_INFO","SITE_INFORMATION","EMPLOYEES","EMPLOYEE","CONSTITUENCY_REPORT","DIVERSITY","DIVERSITYMETRICS","DIVERSITY_METRICS","COLLABORATIONS","PROGRAMS_ACTIVITIES","PLEDGE_STATEMENT","PLEDGE","REVIEW_SUBMIT","INSTRUCTIONS","NONE_OF_THE_BELOW_APPLY","INFORMATION","ATTENTION","SUCCESS","ERROR","WARNING","CLOSE","STATUS_YET_TO_BEGIN","STATUS_YETTOBEGIN","STATUS_COMPLETED","STATUS_FAILED","STATUS_INPROGRESS","STATUS_IN_PROGRESS","STATUS_NOT_STARTED","STATUS_SUBMITTED","STATUS_PARTIAL","REOPEN_STATUS","OK","REVIEW_SUBMIT_CHECKBOX_TEXT","REVIEW_SUBMIT_SUBMITTED_TEXT","REVIEW_SUBMIT_ALERT_INFO","AR_EMPLOYEE_HEAD_COUNT_TEXT","AR_EMPLOYEE_FOLLOWING","AR_EMPLOYEE_LOCAL_Y","AR_EMPLOYEE_YUSA","AR_EMPLOYEE_ITS_EMPLOYEE","USER_MANAGEMENT","SWIM_SAFETY","SWIM_PROGRAM","ADD_SWIM_PROGRAM","EDIT_SWIM_PROGRAM","SWIM_PROGRAM_DETAILS","PROGRAM_DETAILS","PROGRAM_NAME","START_DATE","END_DATE","INSTRUCTOR_NAME","ADD_ASSOCIATION","ADD_BRANCH","ADD_PROFILE","EDIT_PROFILE","SAVE","UPDATE","ADD_BRANCH_TEXT","ASSOCIATION_NAME","BRANCH","ASSOCIATION_SUCCESS_MESSAGE","BRANCH_SUCCESS_MESSAGE","DOWNLOAD_TEMPLATE_SUCCESS","SWIMPROGRAM_SUCCESS_MESSAGE","SWIMPROGRAM_UPDATED_MESSAGE","SWIMPROFILE_SUCCESS_MESSAGE","SWIMPROFILE_UPDATED_MESSAGE","INITIATE_MESSAGE","CANCEL_INITIATE_MESSAGE","INITIATE_SUCCESS_MESSAGE","CANCEL_INITIATED_SUCCESS_MESSAGE","INITIATE_INFO_MESSAGE","CUSTOM","ENUMS","IS_SWIMMING_REGISTRATION","IS_GYMNASTICS_REGISTRATION","IS_PICKLE_BALL_REGISTRATION","IS_DIVING_REGISTRATION","IS_CERTIFIED_SWIM_OFFICIAL","BACKGROUND_SCREENING","ATHLETE_PROTECTION_TRAINING","SWIM_OFFICIAL_CERTIFICATION","VOLUNTEER_ATTESTATION","APPROVED","REJECTED","PENDING","INITIATED","DENIED","NEW","UNDER_REVIEW","SUBMITTED","NEW_REGISTER","VOLUNTEER_REGISTRATION","VOLUNTEER","YUSA_ADMIN","MESSAGES","CDP_FETCH_LOADING","CDP_UPLOAD_LOADING","DEFAULT_LOADING_MESSAGE","UPLOAD_NO_DATA_CONFIRMATION","DASHBOARD","inProgress","success","hippaExpiry","SELECT_DEFAULT","ErrorRowIndexField","REDCAP_DISPLAY_TEXT","FETCH","updateStatusSuccess","updateStatusShowSuccess","updateStatusFailure","pledgeSuccessMessage","importPendingWaring","importSuccessFile","importSuccess","uploadSuccess","NotPartofAssociation","CardSuccessCount","CheckBoxConfirmationMessage","ImportErrorMessage","DownloadErrorDetails","ImprotWarningPopupMessage","ImprotWarningPopupMessageFrench","ImprotWarningPopupMessageGerman","ImprotWarningPopupMessageSpanish","FileUploadErrorDoc","FileUploadErrorCSV","NoDataMessage","importSuccessSwim","submissionUpdateSuccess","DUE_DATE_STATUS","UPCOMING","COMPLETED","TODAY","OVERDUE","PROGRAM_ENUM","none","DPP","BPSM","YWP","EF","LS","HW","DATA_SYSTEMS_ENUM","REDCAP","Solera","Welld","OCHI","Habitnu","ODES","DOL","CDP_TYPE_ENUM","DATA_SYSTEM_NAMES","WELLD","SOLERA","HABITNU","THIRDPARTY_GENERIC","PROGRAM_NAMES","HWYC","PROGRAM_FULL_NAME","PROGRAM_ABBR","PROGRAM_FULL","DOL_TYPE_NAMES","ParticipantLevel","AggregatePartnership","AggregateParticipant","NarrativeReport","DOL_TEMPLATES","TITLES","ADMIN_DASHBOARD","REDCAP_DETAILS_EXISTING","REDCAP_DETAILS_NEW","SOLERA_DETAILS_EXISTING","SOLERA_DETAILS_NEW","DOL_DETAILS","VISIT","ORGCODE","COACH","LABELS","DOL_DOWNLOAD_TEMPLATE","UPLOAD_PAGE_INSTRUCTIONS","VIEW_DETAILS","DATE_FIELDS","EXCLUED_FIELDS","STORAGE_KEYS","ASSOCIATION_DATA","DASHBOARD_URL","FETCH_ID","PERSON_ID","YUSA_SELECTED_ASSOCIATE","SELECTED_ASSOCIATION","DATE_ARRAY","name","DATE_SHOWALL_ARRAY","META_DATA","ADD_META_DATA_SUCCESS","ADD_CATEGORY_DATA_SUCCESS","ADD_SCORING_GROUP_SUCCESS","DELETE_META_DATA_SUCCESS","CONFIRM_META_DATA_DELETE","CONFIRM_META_DATA_CLONE","CLONE_META_DATA","REVIEW_PAGE","TotalData","ValidData","InvalidData","IMPORT_SUCCESS","cov_22gzxyvrdi","GET_BRAND_VISIBILITY_SUCCESS","GET_BRAND_VISIBILITY_FAILURE","POST_BRAND_VISIBILITY_SUCCESS","POST_BRAND_VISIBILITY_FAILURE","cov_1zlnu16pkn","GET_METADATA_DATASCORING_SUCCESS","GET_METADATA_DATASCORING_FAILURE","GET_METADATA_DATASCORING_FORM_VIEW_SUCCESS","GET_METADATA_DATASCORING_FORM_VIEW_FAILURE","GET_METADATA_DATASCORING_SUBFORM_VIEW_SUCCESS","GET_METADATA_DATASCORING_SUBFORM_VIEW_FAILURE","GET_METADATA_DATASCORING_EVALUATION_GROUP_VIEW_SUCCESS","GET_METADATA_DATASCORING_EVALUATION_GROUP_VIEW_FAILURE","GET_METADATA_DATASCORING_DATAPOINTS_VIEW_SUCCESS","GET_METADATA_DATASCORING_DATAPOINTS_VIEW_FAILURE","ADD_METADATA_DATASCORING_FAILURE","ADD_METADATA_DATASCORING_SUCCESS","POST_EVALDATA_BY_IDS_FAILURE","POST_EVALDATA_BY_IDS_SUCCESS","GET_SUB_SCORING_GROUPS_INFO_FAILURE","GET_SUB_SCORING_GROUPS_INFO_SUCCESS","cov_a1bpjzyix","SWIMSAFETY_UPLOAD_PROFILES_SUCCESS","SWIMSAFETY_SELECTED_PROGRAM_SUCCESS","SWIMSAFETY_IMPORT_PROFILES_SUCCESS","SWIMSAFETY_PROFILES_API_FAILURE","SWIMSAFETY_PROFILES_LIST_SUCCESS","SWIMSAFETY_PROFILES_LIST_FAILURE","SWIMSAFETY_PROFILE_DELETE_SUCCESS","SWIMSAFETY_PROFILE_DELETE_FAILURE","SWIMSAFETY_PROFILE_SAVE_SUCCESS","SWIMSAFETY_PROFILE_SAVE_FAILURE","SWIMSAFETY_PROFILE_DETAILS_SUCCESS","SWIMSAFETY_PROFILE_DETAILS_FAILURE","SWIMSAFETY_PROFILE_BY_PROGRAM_ID_SUCCESS","SWIMSAFETY_PROFILE_BY_PROGRAM_ID_FAILURE","SWIMSAFETY_PROFILES_BY_FILTERS_SUCCESS","SWIMSAFETY_PROFILES_BY_FILTERS_FAILURE","cov_zpulek07b","COLI_DASHBOARD_COUNT_SUCCESS","COLI_DASHBOARD_COUNT_FAILURE","COLI_DASHBOARD_LIST_SUCCESS","COLI_DASHBOARD_LIST_FAILURE","cov_2qgcx79won","FOOD_PROGRAM_GET_SUCCESS","FOOD_PROGRAM_GET_FAILURE","FOOD_PROGRAM_SUCCESS","FOOD_PROGRAM_FAILURE","cov_1vexfibwbe","GET_ORGANIZATIONAL_COMMITMENT_SUCCESS","GET_ORGANIZATIONAL_COMMITMENT_FAILURE","POST_ORGANIZATIONAL_COMMITMENT_SUCCESS","POST_ORGANIZATIONAL_COMMITMENT_FAILURE","cov_vy1u90qkx","GET_VOLUNTEERS_SUCCESS","GET_VOLUNTEERS_FAILURE","POST_VOLUNTEERS_SUCCESS","POST_VOLUNTEERS_FAILURE","cov_xl6habde9","ASSOCIATION_DASHBOARD_SUMMARY_SUCCESS","ASSOCIATION_DASHBOARD_SUMMARY_FAILURE","ASSOCIATION_DASHBOARD_CHANGE_LOG_SUCCESS","ASSOCIATION_DASHBOARD_CHANGE_LOG_FAILURE","cov_26fyqol58l","GET_MEMBERSHIP_NOW_YOUR_COMMUNITY_SUCCESS","GET_MEMBERSHIP_NOW_YOUR_COMMUNITY_FAILURE","POST_MEMBERSHIP_NOW_YOUR_COMMUNITY_SUCCESS","POST_MEMBERSHIP_NOW_YOUR_COMMUNITY_FAILURE","cov_29rjsuljz9","ASSOCIATION_ADMIN_LOGIN_SUCCESS","ASSOCIATION_ADMIN_LOGIN_FAILURE","ASSOCIATION_ADMIN_DETAILS_SUCCESS","ASSOCIATION_ADMIN_DETAILS_FAILURE","cov_2fcgpladv","FETCH_AR_EMPLOYEE_UPDATE_SUCCESS","FETCH_AR_EMPLOYEE_API_FAILURE","cov_19n9legzrm","AssociationSummarySelector","AssociationChangeLogSelector","_ref2","AssociationNumberSelector","_ref3","AssociationListSelector","_ref4","AssociationMoypChangeLogSelector","_ref5","cov_1kt2l27p3e","getEnvironment","location","origin","includes","getShowLoginPage","showLoginPage","showLoginMessage","getGaTrackingId","getServicePath","getAuthConfig","instance","tenant","signInPolicy","clientId","cacheLocation","redirectUri","postLogoutRedirectUri","ASSOCIATION_ADMIN_LOGIN","GET_ASSOCIATION_NUMBER","GET_ASSOCIATION_SUMMARY","startDate","endDate","Offset","GET_ASSOCIATION_CHANGE_LOG","associationNumber","GET_ASSOCIATION_LIST","includeAllYs","FETCH_FILE_TEMPLATE_URL","FETCH_FILE_TEMPLATE","URL","UPLOAD_FILE","IMPORT_DATA","UPLOAD_FILE_DROPDOWN","GET_BRANCH_SUMMARY_LOGS","ImportId","BranchId","ASSOCIATION_ADMIN_DETAILS","GET_ASSOCIATION_DASHBOARD_SUMMARY","AssociationId","GET_ASSOCIATION_DASHBOARD_CHANGE_LOG","GET_FILE_DOWNLOAD_PATH","filePath","GET_BLANK_FILE_DOWNLOAD_PATH","GET_TERMS_AND_CONDITIONS","POST_TERMS_AND_CONDITIONS","GET_EXPORT_EMPLOYEE_YMCA_ASSOCIATIONS","GET_ASSOCIATION_SUMMARY_DATE_RANGE","GET_ASSOCIATION_MOYP_CHANGE_LOG","GET_MOYP_DETAIL_VIEW","uploadeddate","GET_ANNUAL_REPORT_SITE_INFORMATION","selectedYear","getItem","ANNUAL_REPORT_OVERVIEW_GETAPI","YMCA_BRANCES_LIST_GETAPI","COLLAB_NON_PROFIT_ORG_GETAPI","branchNumber","COLLAB_EDUCATION_ORG_GETAPI","COLLAB_GOVT_ORG_AFFILIATES_GETAPI","COLLAB_OTHER_COMMUNITY_ORG_GETAPI","COLLAB_PRIVATE_ORG_BUSINESS_GETAPI","COLLAB_ORATIONS_AMOUNG_YS_GETAPI","ANNUAL_REPORT_DASHBOARD","SUBMIT_FEEDBACK_AR","ANNUAL_REPORT_DASHBOARD_OVERVIEW","year","AR_REOPEN","ANNUAL_REPORT_SITE_INFORMATION","ORGANIZATIONAL_COMMITMENT_GET_URL","associationsNum","ORGANIZATIONAL_COMMITMENT_POST_URL","MEMBERSHIP_NOW_YOUR_COMMUNITY_GET_URL","MEMBERSHIP_NOW_YOUR_COMMUNITY_POST_URL","LEADERSHIP_STAFF_DEVELOPMENT_GET_URL","LEADERSHIP_STAFF_DEVELOPMENT_POST_URL","PROGRAM_INNOVATION_GET_URL","PROGRAM_INNOVATION_POST_URL","STRATEGIC_RELATIONSHIPS_GET_URL","STRATEGIC_RELATIONSHIPS_POST_URL","RESOURCE_MOBILIZATION_GET_URL","RESOURCE_MOBILIZATION_POST_URL","BRAND_VISIBILITY_GET_URL","BRAND_VISIBILITY_POST_URL","MEMBERSHIPS_GET_URL","MEMBERSHIPS_NWM_GET_URL","MEMBERSHIPS_POST_URL","MEMBER_DEMOGRAPHICS_GET_URL","MEMBER_DEMOGRAPHICS_NWM_GET_URL","MEMBER_DEMOGRAPHICS_POST_URL","PROGRAM_MEMBER_GET_URL","PROGRAM_MEMBER_POST_URL","PROGRAM_ENROLLMENTS_GET_URL","PROGRAM_ENROLLMENTS_POST_URL","VOLUNTEERS_GET_URL","VOLUNTEERS_POST_URL","DONORS_GET_URL","DONORS_POST_URL","GET_BRANCH_DETAILS","associationId","branchId","SET_BRANCH_DETAILS","GET_AR_BRANCH_LIST","ANNUAL_REPORT_GET_PROGRAM_ACTIVITIES","BranchNumber","ANNUAL_REPORT_PROGRAM_ACTIVITIES","ANNUAL_REPORT_GET_HOUSING","ANNUAL_REPORT_HOUSING","ANNUAL_REPORT_GET_FOOD_PROGRAM","ANNUAL_REPORT_FOOD_PROGRAM","ANNUAL_REPORT_GET_ARMED_SERVICES","ANNUAL_REPORT_ARMED_SERVICES","ANNUAL_REPORT_GET_OLDER_ADULTS","ANNUAL_REPORT_OLDER_ADULTS","GET_AR_PLEDGE_LIST","GET_CEO_CVO_DETAILS","POST_SEND_EMAIL_CEO_CVO_PLEDGE","VALID_EMAIL_TOKEN","SAVE_PLEDGE_PAGE_DATA","GET_AR_CVO_CONTACT_LIST","GET_PLEDGE_CVO_CONTACT_LIST","GET_SUBMIT_INFO","FINAL_SUBMIT","POST_REVIEW_SUBMIT_DATA","GET_ANNUALREPORT_PDF_DOWNLOAD_PATH","GET_COUNTRIES_LIST","AR_EMPLOYEE_UPDATE_GETAPI","GET_AR_INCOMING_CVO_CONTACT_LIST","GET_PLEDGE_INCOMING_CVO_CONTACT_LIST","GET_YUSA_ASSOCIATION_LIST","GET_YUSA_YEAR_LIST","GET_EXPORT_YMCA_ASSOCIATIONS","offSet","GET_MODULES_CONFIG","GET_CRM_PROVIDER_LIST","STRAPI_BASE_URL","POST_VOLUNTEER_DETAILS","GET_VOLUNTEER_DETAILS","GET_VOLUNTEER_DASHBOARD_DETAILS","GET_VOLUNTEER_DASHBOARD_TABLE_DETAILS","GET_DOWNLOAD_FILE_PREVIEW","fileURI","POST_VOLUNTEER_APPROVAL","POST_VOLUNTEER_DOCUMENT_APPROVAL","GET_VOLUNTEER_DETAILS_BY_PERSON_ID","volunteerId","GET_VOLUNTEER_REGISTRATION_TERMS_CONDITION","GET_VOLUNTEER_COUNTRIES_LIST","POST_VOLUNTEER_INITIATE_BACKGROUND_SCREENING","POST_VOLUNTEER_CANCEL_INITIATED_BACKGROUND_SCREENING","cdpApiUrl","cdpDataFetchUrls","chronicDiseaseUrls","cdpLookupUrls","cdpRedcapUrls","cdpYProfileUrls","cdpFileUrls","DASHBOARD_EXPORT","majorGroupId","programId","CDP_DASHBOARD_URLS","ADMIN_DASHBOARD_KPI","DOWNLOAD_FILE","fileName","ASSOCIATION","programid","showHidden","YPROFILE_ASSOCIATION","ASSOCIATION_BY_NUMBER","HIPAA_CERTIFICATE","UPDATE_VIEW_STATUS","cdpDataFetchId","status","CDP_UPLOAD_URLS","REDCAP_FETCH","DS_UPLOAD","PROGRAM","DOLTYPES","DOLPROGRAM","DATASYSTEM","Program","file","IS_IMPORTED","dataSystemId","UPDATE_SUBMISSION_DATE","CDP_DETAIL_URLS","REDCAP_IMPORT","CDP_DS_IMPORT","REDCAP_DETAIL","fetchId","programEnum","CDP_DATA_FETCH","REDCAP_ERROR","CDP_DS_DETAIL","CDP_DS_ERROR","dataSystemType","GET_CDP_WELLD_FETCH","dataSyatemId","ProgramId","POST_CDP_WELLD_IMPORT","GET_CDP_WELLD_VIEW_DETAILS","cdpDatafetchId","POST_USER_DETAILS","GET_USER_DETAILS","GET_USER_DETAILS_BY_USER_ID","userId","GET_MODULES","GET_USER_BLANK_TEMPLATE_DOWNLOAD_PATH","GET_USER_EXPORT_LIST_DOWNLOAD_PATH","USER_MANAGEMENT_IMPORT_DATA","USER_MANAGEMENT_UPLOAD_FILE","SWIMSAFETY_ASSOCIATION_DASHBOARD_COUNT_API","ShowAll","GET_SWIMSAFETY_PROGRAMS_LIST_API","GET_SWIMSAFETY_PROGRAMS_DETAILS_API","GET_SWIMSAFETY_ADD_OR_UPDATE_API","GET_SWIMSAFETY_DELETE_API","GET_SWIMSAFETY_PROGRAMS_BY_BRANCH_API","GET_SWIMSAFETY_PROFILES_BY_PROGRAMID_API","GET_SWIMSAFETY_ASSOCIATION_DELETE_API","GET_SWIMSAFETY_ASSOCIATION_API","GET_SWIMSAFETY_ASSOCIATION_BY_FILTERS_API","GET_SWIMSAFETY_BRANCHES_BY_FILTERS_API","GET_SWIMSAFETY_PROFILES_BY_FILTERS_API","GET_SWIMSAFETY_PROGRAMS_BY_FILTERS_API","GET_SWIMSAFETY_DASHBOARD_COUNT_API","GET_SWIMSAFETY_ADD_UPDATE_ASSOCIATION_API","GET_SWIMSAFETY_EXPORT_ASSOCIATION_API","includeAll","GET_SWIMSAFETY_BRANCH_LIST_API","GET_SWIMSAFETY_BRANCH_DETAILS_API","GET_SWIMSAFETY_ADD_OR_UPDATE_BARNCH_API","GET_SWIMSAFETY_UPLOAD_PROFILES","GET_SWIMSAFETY_BLANK_TEMPLATE","GET_SWIMSAFETY_IMPORT_PROFILES","GET_SWIM_ASSOCIATION_LIST","SAVE_SWIM_ASSOCIATION","GET_SPECIAL_GRANT_LIST","GET_SWIMSAFETY_PROFILE_LIST_API","GET_SWIMS_PROFILE_DETAILS_API","profileId","SAVE_SWIM_PROFILE_ADD_OR_UPDATE_API","GET_SWIMSAFETY_PROFILE_DELETE_API","GET_SWIMSAFETY_BRANCH_DELETE_API","GET_SWIM_ASSOCIATION_DROPDOWN_API","GET_COLI_DASHBOARD_COUNT_API","GET_COLI_DASHBOARD_ACCOCIATION_API","GET_COLI_FILE_UPLOAD_API","GET_COLI_ASSOCIATION_DETAILS_API","GET_COLI_FILE_DOWNLOAD_API","GET_COLI_EXPORT_ASSOCIATION_API","offset","COLI_APPROVE_REJECT_DOCUMENT","metadataApiUrl","mdashboardUrls","muploadUrls","mcategoryUrls","mdatascoringUrls","mmetadataUrls","METADATA_DASHBOARD_URLS","DASHBOARD_GET_AR_CURRENT_YEAR_DATES","DASHBOARD_GET_DOMAINS","DASHBOARD_GET_YEARS","DASHBOARD_GET_DASHBOARD_COUNTS","domain","DASHBOARD_GET_FORMS","domainId","DASHBOARD_GET_TOTAL_DATA_COLLECTION","DASHBOARD_GET_TOTAL_UPLOAD","DASHBOARD_GET_TOTAL_CHANGES","from","to","DASHBOARD_EXPORT_METADATA","META_DATA_UPLOAD_URLS","DOWNLOAD_EXISTING_DATA","UPLOAD_META_DATA","IMPORT_SUMMARY_META_DATA","fileUploadId","META_DATA_URLS","GET_SEGMENT_TYPES","GET_DATA_POINT_TYPES","ADD_META_DATA","UPDATE_META_DATA","DELETE_META_DATA","GET_META_DATA","cloneYear","GET_CLONE_COUNT","META_DATA_CATEGORY_URLS","GET_CATEGORY_ITEM","categoryItem","GET_CATEGORY_MAPPINGS","GET_CATEGORY_MAPPINGS_BY_FORM_SUBFORM","dataDomainId","formId","subFormId","GET_CATEGORY_MAPPINGS_BY_DOMINE_YEAR","domine","GET_CONFIGURE","GET_CONFIGURE_ITEM_BY_ID","ADD_CATEGORY_ITEM","UPDATE_CATEGORY_ITEM","DELETE_CATEGORY_ITEM","METADATA_DATASCORING_URLS","DATASCORING_GET_ASSOCIATIONS","associationNo","DATASCORING_GET_ASSOCIATIONSLIST","DATASCORING_FORM_VIEW","DATASCORING_SUBFORM_VIEW","DATASCORING_EVALUATION_GROUP_VIEW","DATASCORING_DATAPOINTS_VIEW","evaluationGroupId","encodeURIComponent","ADD_METADATA_SCORIING","GET_EVALDATE_BY_SUBFORM","SubformId","POST_EVALDATA_BY_IDS","GET_SUB_SCORING_GROUPS_INFO","cov_2at3ydlntb","apiRequest","cov_1xke2lcx6o","transformApiURLToDot","url","uri","replace","uriNoParams","urlNoLeadingSlash","uriDotNotated","configureMocks","axios","mockAdapter","MockAdapter","delayResponse","onGet","reply","config","mockResponse","mocks","console","cov_dc1ne8yoa","_regeneratorRuntime","prototype","n","hasOwnProperty","i","Symbol","a","iterator","c","asyncIterator","u","toStringTag","define","configurable","writable","wrap","Generator","create","Context","makeInvokeMethod","tryCatch","arg","call","h","l","y","GeneratorFunction","GeneratorFunctionPrototype","p","d","getPrototypeOf","v","values","g","defineIteratorMethods","_invoke","AsyncIterator","invoke","__await","then","callInvokeWithMethodAndArg","done","method","delegate","maybeInvokeDelegate","sent","_sent","dispatchException","abrupt","TypeError","resultName","next","nextLoc","pushTryEntry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","resetTryEntry","completion","reset","isNaN","displayName","isGeneratorFunction","constructor","mark","setPrototypeOf","__proto__","awrap","async","Promise","reverse","pop","prev","charAt","slice","stop","rval","handle","complete","finish","_catch","delegateYield","client","headers","interceptors","request","use","_asyncToGenerator","_callee","_callee$","_context","token","Authorization","_x","reject","dispatchErrorMessage","failureAction","dispatch","isDefaultToast","message","toast","toastId","asyncRequest","_callee2","_ref2$method","_ref2$data","data","successAction","successCallback","_ref2$isDefaultToast","hasNetworkError","apiError","authToken","options","response","_callee2$","_context2","JSON","parse","removeItem","clear","authentication","signOut","_x2","cov_1mg5lv71rx","getAssociationChangeLog","getState","getAssociationSummary","getAssociationNumber","getAssociationList","getAssociationSummaryByDateRange","fromDate","toDate","getAssociationMoypChangeLog","cov_1o4d8cbv1n","AssociationAdminLoginSelector","login","AssociationAdminLoginDetailsSelector","cov_1f9sw8legd","HASH_KEY","SecureStorage","_createClass","_classCallCheck","originalValue","CryptoJS","encrypt","stringify","encodedWord","Utf8","encryptedKey","Base64","setItem","item","decyptedValue","decrypt","toString","cov_6csnemi5p","Header","props","useState","_slicedToArray","dashboardURL","setDashboardURL","reRender","setRerender","locationPath","pathname","split","mainMenuPath","nextPath","AssociationNumberData","handleAssociationNumber","LoginUserData","Path","ActualPath","actualPath","personid","_ref6","_ref7","associationName","setAssociationName","role","branches","associateData","dashboardEndpoint","handelDashboardURL","$","document","on","target","querySelectorAll","el","style","display","setCookie","cookie","loadGoogleTranslate","language","ckDomain","hostname","shift","join","google","translate","TranslateElement","includedLanguages","divsToRemove","getElementsByClassName","remove","useEffect","initialize","addScript","createElement","setAttribute","body","appendChild","ReactGA","send","logout","setFeedbackPath","setTitleValue","pathValue","React","className","Link","src","YMCALogo","alt","user","firstName","lastName","profileicon","downarrowicon","onClick","xmlns","width","height","viewBox","propTypes","PropTypes","isRequired","mapStateToProps","mapDispatchToProps","connect","cov_1n15d1vhfr","commonAxios","baseURL","cov_1qeo6y1c4b","strapimockresponse","footer","feedbackStrapiData","setFeedbackStrapiData","setToken","res","attributes","Data_Collection","href","YmcaLogo","dangerouslySetInnerHTML","__html","cov_18o0f6w4gv","GetModulesConfigSelector","moduleConfigData","cov_mrbik6p9q","getModulesConfigData","cov_3q30y991z","helpSectionPages","Title","page","Instruction","createdAt","updatedAt","publishedAt","meta","pagination","pageSize","pageCount","total","cov_1lkunp9lc1","homePageDataCollection","Slug","Quick_Information","Employee_Data_Collection","Employee_Data_Collection_Title","Employee_Submit_Date","Employee_Data_Image","Annual_Report_Collection","Annual_Report_Collection_Title","Annual_Report_Submit_Date","Annual_Report_Image","EmployeeTab","AnnualReportTab","Volunteer_Registration_Title","Volunteer_Registration_Date","Volunteer_Registration_Card_Text","Volunteer_Registration_Image","VolunteerRegistratioTab","Chronic_Disease_Program_Title","Chronic_Disease_Program_Date","Chronic_Disease_Program_Card_Text","Chronic_Disease_Program_Image","ChronicDiseaseProgramTab","SwimTab","Swim_Safety_Title","Swim_Safety_Date","Swim_Safety_Card_Text","Swim_Safety_Image","Liability_Title","Liability_Date","Liability_Card_Text","Liability_Image","LiabilityTab","MetadataManagerTab","Metadata_Manager_Title","Metadata_Manager_Image","Metadata_Manager_Date","Metadata_Manager_Card_Text","cov_2ejdpralp6","volunteerRegistration","Volunteer_Attestation","cov_2bkx7axoia","Home","handleToGetModuleConfigInfo","ModulesConfigData","showOvernightCampMoudle","homedata","setHomeData","loader","setLoader","loggedInUserRole","userGroups","loggedInVolunteerUserModuleRoles","cdpPrograms","UserManagementStatus","getModule","moduleName","moduleData","find","checkModuleAccess","processHelpSectionData","helpSectionData","formattedData","element","setStrapiData","postStrapiCall","resp","jwt","onClickVolunteerCard","statusValue","eventValue","preventDefault","checkDateBetween","currentDate","Date","isDatebetween","moment","isBetween","checkPastDueDate","isAfter","setARDashboardUrl","BlockUi","blocking","Loader","active","RightIconBlue","CampDataIcon","ListIcon","CheckListIcon","event","title","cov_ref8ikqgk","getAssociationAdminLogin","bodyObject","getAssociationAdminDetails","objtoken","cov_nq4w4jwqd","PostLogin","handleToGetLoginInfo","redirect","setRedirect","redirectValue","setRedirectValue","result","hash","returnValue","receivedToke","extension_PersonID","parseInt","tokenType","UserManagementInfo","associations","Redirect","cov_qvn8x50y0","cov_11hvuykahx","_callSuper","_getPrototypeOf","_possibleConstructorReturn","_isNativeReflectConstruct","Reflect","construct","Boolean","valueOf","ErrorBoundary","_React$Component","_this","hasError","redirectToLogin","bind","_inherits","this","setState","render","children","wentWrong","getDerivedStateFromError","defaultProps","cov_1jlkwob0az","BasePage","includeHeader","includeFooter","Footer","cov_cajls773u","ProtectedRoute","component","_objectWithoutProperties","_excluded","Page","firstPath","unix","staff","annualReports","cov_21xynxc7up","Row","cov_cun9mirqw","cov_q66uqww1g","LoginPage","ymcalogo","run","cov_1rkffobtql","ErrorPage","cov_1k1ti0d0og","NewLogin","cov_2eiz1asse8","CustomModal","show","jobTitle","email","icon","submitButtonName","onSubmit","onCancel","cancelButtonName","showAllSeperatedPartTimeStaff","showSeperatedWarning","isHtml","modal","background","showHideClassName","getIcon","image","attentionicon","erroricon","successmodalicon","getMessage","reqIsHtml","reqMessage","crossicon","class","cov_1gpjgdnm20","ErrorPopup","handleCloseErrorPopup","errorMessage","showErrorPopup","cov_20eyinzxek","PledgeStatement","setData","errorPopup","setErrorPopup","_ref8","userExpiredErrorMessage","setUserExpiredErrorMessage","_ref9","_ref10","userExpired","setUserExpired","_ref11","_ref12","acknowledged","setAcknowledged","_ref13","_ref14","acknowledgeBoardAndBylaw","setAcknowledgeBoardAndBylaw","_ref15","_ref16","setName","_ref17","_ref18","signatureName","setSignatureName","_ref19","_ref20","selectedDate","setSelectedDate","_ref21","_ref22","disabledSave","setDisabledSave","_ref23","_ref24","setJobTitle","_ref25","_ref26","validationMessage","setValidationMessage","pledgeInstruction","subpledgeInstruction1","subpledgeInstruction2","subpledgeInstruction3","subpledgeInstruction4","_ref27","_ref28","ceoYActivelyParticipatesStateAllianceValidationMessage","setCeoYActivelyParticipatesStateAllianceValidationMessage","_ref29","_ref30","ceoYStrategicPlanValidationMessage","setCeoYStrategicPlanValidationMessage","_ref31","_ref32","_ref33","_ref34","ceoYActivelyParticipatesStateAlliance","setCeoYActivelyParticipatesStateAlliance","_ref35","_ref36","ceoYStrategicPlan","setCeoYStrategicPlan","_ref37","isOpen","_ref38","showMessage","setShowMessage","_ref39","_ref40","setErrorMessage","handleCeoYStrategicPlan","handleCeoYActivelyParticipatesStateAlliance","handleAcknowledgmentChange","checked","handleAcknowledgmentBoardandByLawChange","handleNameChange","trimStart","handleDateChange","tokenValue","urlParams","URLSearchParams","search","has","handleTokenValidation","isSuccess","pledge","recordStatus","toUpperCase","acknowledge","dateSigned","err","handleSubmit","_ref41","IsValid","scroll","personId","staffId","t0","successOkay","reload","exclamationicon","onChange","user21","format","min","disabled","cov_f8smwsjig","cov_a6vktvu07","getAssociationDashboardChangeLog","getAssociationDashboardSummary","cov_1vllz2cakx","AssociationDashboardSummarySelector","associationDashboard","AssociationDashboardChangeLogSelector","cov_2raojzbu5p","convertUtcToLocal","utcDateTime","dateFormat","lastUpdated","stillUtc","localDateTime","local","cov_1ip7hcwtcv","Table","rows","columns","useMemo","useTable","disableSortRemove","defaultCanSort","sortBy","uploadedDateTime","desc","useGlobalFilter","useSortBy","usePagination","getTableProps","getTableBodyProps","headerGroups","nextPage","previousPage","canNextPage","canPreviousPage","gotoPage","prepareRow","setGlobalFilter","globalFilter","pageIndex","getShortButton","column","sortButton","isSorted","isSortedDesc","SortUpIcon","SortDownIcon","SearchIcon","placeholder","_extends","headerGroup","getHeaderGroupProps","getHeaderProps","getSortByToggleProps","row","getRowProps","cells","cell","getCellProps","PreviousIcon","_toConsumableArray","count","NextIcon","cov_11gdju0d61","COLUMNS","accessor","disableSortBy","cov_s6gl5fleu","VIEWONLYCOLUMNS","cov_2oi9zdedvo","MOYPCOLUMNS","cov_n9ns2u29h","VIEWMOYPCOLUMNS","cov_1i8bqwfrq4","AssociationDashboard","handleAssociationSummary","handleAssociationChangeLog","AssociationSummaryData","AssociationChangeLogData","handleAssociationMoypChangeLog","AssociationMoypChangeData","columnData","setColumnData","selectedRange","setSelectedRange","defaultStartDate","subtract","defaultEndDate","setStartDate","setEndDate","getTimezoneOffset","summarySuccess","setSummarySuccess","changeLogSuccess","setChangeLogSuccess","associationDetailSuccess","setAssociationDetailSuccess","filterDate","days","getEmployeeListByDateRange","startDateValue","endDateValue","startdate","enddate","fromDashboard","scrollTo","newAssociationChangeLogData","successMeg","successtickicon","faildMeg","warningiconmedium","location1","BranchName","UploadedBy","UploadedDateTime","SourceSystem","Summary","Status","DetailPage","newAssociationMoypChangeLogData","UploadDate","getMoypChangeLog","getChangeLogdetails","getLastupDatedDate","lastUploadDatetime","moypLastUpdatedDatetime","renderedDate","BackIcon","defaultValue","items","onKeyDown","max","add","BuildingIconVoilet","BuildingIconWhite","BlueUserIcon","UsersWhiteIcon","OrangeIconVr","UploadsWhiteIcon","UploadsBlueIcon","UploadGreenIcon","UploadPurpleIcon","UploadWhiteGreenIcon","cov_wujqoq1gt","handleExportFile","responseType","downloadUrl","createObjectURL","Blob","link","click","cov_wna0x5p3z","cov_1tbh9smigv","ASSOCIATION_COLUMNS","cov_fn67825ee","Dashboard","handleAssociationSummaryByDateRange","getAssociationListHandler","AssociationListData","setIncludeAllYs","yusaApplyFilterData","includeAllYsValue","associationListInfo","AssociationName","ConatactName","ContactEmail","ContactNumber","MemberGroup","LastUpdatedOn","checkRoleGetData","AssociationIconVoilet","AssociationIconWhite","UserIconvr","YellowIcon","cov_226jix39es","getImportData","pushData","PUSH_DATA","cov_1eqmbdkfkn","FetchFileTemplateURLSelector","fetchtemplate","FetchFileTemplateSelector","UploadFileSelector","GetTermsAndConditionSelector","cov_1qd1w2apjx","KpiCard","darkIcon","lightIcon","cardClass","cardHoverClass","cardName","cardValue","onkipclick","databstoggle","databstarget","ariacontrols","ariaselected","activeClass","tabIndex","number","cov_2fbmuke5rt","DetailsCard","cardTitle","cov_1mw6xwfa9j","AllhelpSectionPages","Help_Description","cov_x2nvoz354","Help","keyValue","setTitle","description","setDescription","getAllHelpSectionMockData","keyvalue","strapitoken","hidePopup","crossiconblue","cov_4lpsfyis9","ViewDetailsPopup","popupTitle","popupData","lastupdated","cov_1xpi62vvi","NewStaffColumns","cov_g5imxbvta","InvalidColumns","cov_133yz69yq0","ExistingStaffColumns","cov_rwtm9lewh","TerminatedStaffRoleAssignment","cov_2o7knl802i","datarows","onSelectedRowsChange","selectedRows","onSelectedRowsChangeStaff","selectedRowsChangeStaff","selectedRowIds","selectedRowIdsChangeStaff","useRowSelect","toggleAllRowsSelected","selectedFlatRows","selectedFlatRowsChnageStaff","useMountedLayoutEffect","checkbox","cov_4ml14wg0d","UploadData","UploadStaffData","handleImportData","showWarningPopup","setShowWarningPopup","instructions","setInstructions","showSuccessPopup","setShowSuccessPopup","showViewDetailsPopup","setShowViewDetailsPopup","comment","checkBox","setCheckBox","enableButton","setEnableButton","setKey","newStaffViewDetails","setNewStaffViewDetails","existingStaffViewDetails","setExistingStaffViewDetails","changedStaffViewDetails","setChangedStaffViewDetails","terminatedStaffViewDetails","setTerminatedStaffViewDetails","totalStaffDetails","setTotalStaffDetails","invalidStaffViewDetails","setInvalidStaffViewDetails","setPopupData","setPopupTitle","redirectUrl","setRedirectUrl","selectableRows","setShowErrorPopup","_ref42","_ref43","help","setHelp","_ref44","_ref45","setIsEmpty","invalidCount","_ref46","_ref47","showTotalStaff","setShowTotalStaff","_ref48","_ref49","showNewStaff","setShowNewStaff","_ref50","_ref51","showExistingStaff","setShowExistingStaff","_ref52","_ref53","showChangedstaff","setShowChangedstaff","_ref54","_ref55","showInvalidstaff","setShowInvalidstaff","_ref56","_ref57","showTerminatedstaffroleassignment","setShowTerminatedstaffroleassignment","_ref58","_ref59","setShowAllSeperatedPartTimeStaff","_ref60","_ref61","activeTotalStaff","setActiveTotalStaff","_ref62","_ref63","activeNewStaff","setActiveNewStaff","_ref64","_ref65","activeExistingStaff","setActiveExistingStaff","_ref66","_ref67","activeChangedstaff","setActiveChangedstaff","_ref68","_ref69","activeInvalidstaff","setActiveInvalidstaff","_ref70","_ref71","activeTerminatedstaffroleassignment","setActiveTerminatedstaffroleassignment","_ref72","_ref73","showAttentionPopup","setShowAttentionPopup","handleViewDetailsPopup","handleCloseNewStaffPopup","handleShowHelp","hideShowHelp","getStaffTypeLabel","staffTypeKey","staffType","label","partTime","fullTime","boldText","unBoldText1","toLowerCase","unBoldText2","IsBlankElement","gender","raceEthnicity","NewStaffViewDetailsRow","viewDetails","ChangedStaffRow","displayStaffRecordType","staffRecordType","ExistingStaffViewDetailsRow","TerminatedStaffViewDetailsRow","InvalidStaffViewDetailsRow","errorSummary","totalStaffDetailsRow","redirectToDashBoard","newRows","newRow","original","newStaff","onSelectedRowsExistingStaff","changeStaff","confirmImportData","finalData","partTimeStaff","partTimeTerminatedStaff","postImportDataFile","rowData","isRecordSelected","obj","empDataImport","handelCheckBox","TerminatedStaffTitle","helpicon","BreadcrumbIcon","graywarningicon","TotalStaffPurpleIcon","TotalStaffWhiteIcon","totalstaffvoileticon","invalidrecordvoileticon","unchangedpinkicon","UnChangedwhiteicon","existingstaffblueicon","existingstaffwhiteicon","newstaffyellowicon","newstaffwhiteicon","expiredstafforangeicon","terminatedstaffwhiteicon","defaultSorted","defaultChecked","htmlFor","cov_1x3f9z4zk4","getFileTemplateURL","fetchTempPayload","getFileTemplate","FETCH_FILE_TEMPLATE_SUCCESS","FETCH_FILE_TEMPLATE_FAILURE","getUploadFile","uploadFileData","getUploaFileDropdown","UPLOAD_FILE_DROPDOWN_SUCCESS","UPLOAD_FILE_DROPDOWN_FAILURE","getTermsandConditions","postTermsAndConditions","POST_TERMS_AND_CONDITIONS_SUCCESS","POST_TERMS_AND_CONDITIONS_FAILURE","cov_z0ydy07rm","focusedStyle","borderColor","acceptStyle","rejectStyle","handleGetFileTemplateURL","handleGetUploadFile","handleGetTermsandConditions","isError","showDownloadWaitPopup","setShowDownloadWaitPopup","enableFetchButton","setEnableFetchButton","enableUploadButton","setEnableUploadButton","branchDropdown","setBranchDropdown","uploadDataBranchDropdown","setUploadDataBranchDropdown","uploadDataSelectedBranchDropDown","setUploadDataSelectedBranchDropDown","uploadDataSelectedBranchDropDownList","setUploadDataSelectedBranchDropDownList","selectedBranchDropDown","setSelectedBranchDropDown","selectedBranchDropDownList","setSelectedBranchDropDownList","selectedDownloadStaffType","setSelectedDownloadStaffType","selectedUploadStaffType","setSelectedUploadStaffType","showErrorMessage","setShowErrorMessage","localYdisclosureConsent","setLocalYdisclosureConsent","localYdisclosureConsentInitial","setLocalYdisclosureConsentInitial","handleOnAssociationSelect","handleOnAssociationRemove","handleOnUploadAssociationSelect","handleOnUploadAssociationRemove","handleOnBranchSelect","selectedList","handleOnBranchRemove","handleOnDownloadStaffTypeSelect","staffItem","handleOnUploadStaffTypeSelect","handleOnUploadBranchSelect","handleOnUploadBranchRemove","handelGetDownloadFileURL","branchNumbers","branch","handleDownloadTemplate","replaceAll","handleEmptyDownloadTemplate","handleCloseAttentionPopup","handleDownloadEmptyTemplate","handleShowAttentionPopup","AssociationArray","UploadDataAssociationArray","handleUploadedFile","_x3","_x4","_handleUploadedFile","consent","formData","FormData","append","onDrop","acceptedFiles","BranchNumbers","handleGetTermsandCondition","localYDisclosureConsent","fileValidator","size","useDropzone","validator","getRootProps","getInputProps","isFocused","isDragAccept","isDragReject","handleChange","Multiselect","isObject","showCheckbox","onSelect","onRemove","selectionLimit","selectedValues","disable","hidePlaceholder","displayValue","singleSelect","avoidHighlightFirstOption","excelicon","waiticon","FetchTemplateURL","FetchTemplate","cov_3hr0qin9x","getBranchSummaryAndLogs","cov_2qyjyj89ss","BranchSummaryLogsSelector","cov_23q572y07f","StaffColumns","cov_eafwgmbfq","cov_1qur61micy","DetailView","branchSummaryAndLogs","handleBranchSummaryAndLogs","unChangedViewDetails","setUnChangedViewDetails","showPopup","setShowPopup","closePopup","dataImportId","UnChangedStaffViewDetailsRow","history","go","totalstaffpurpleicon","totalstaffwhiteicon","cov_1gt8xiqbvm","getMoypDetailView","cov_1cwe7jpmih","MoypDetailViewSelector","moypdetailview","cov_nk3oxbfe7","Columns","cov_gngb98jvz","cov_1avg64q8gy","MoypDetailView","handleMoypDetailView","handleMoypDetailData","lastUpdatedDate","moypdetailviewdata","UploadDateTime","Name","StaffType","CurrentUniqueJobTitle","RecordType","cov_175pevnnll","cov_1z245fjx8f","cov_19e25cx1rk","getAnnualReportsDashboardOverviewData","Year","getAnnualReportOverviewData","getYmcaBranchesData","getCollabNonProfitOrgApi","getCollabEducationOrgApi","getCollabGovtOrgAndAffiliatesApi","getCollabOtherCommunityOrgApi","getCollabPrivateOrgAndBusinessesApi","getCollaborationsAmongYsApi","getProgramActivitiesApi","getProgramActivityHousingApi","getProgramActivityFoodProgramApi","getProgramActivityArmedServiceApi","getProgramActivityOlderAdultApi","cov_1k6x14qr68","FetchOverViewDataSelector","annualReportOverview","YmcaBrachDataSelector","CollabNonProfitOrgSelector","CollabEducationOrgSelector","CollabGovtOrgAndAffiliatesSelector","CollabOtherCommunityOrgSelector","CollabPrivateOrgAndBusinessesSelector","CollabAmongYsSelector","DashboardOverviewSelector","cov_mqdbrd5km","OverviewTab","handleGetOverviewData","handleGetYmcaBranchData","handlegetCollabNonProfitOrgApi","handlegetCollabEducationOrgApi","handlegetCollabGovtOrgAndAffiliatesApi","handlegetCollabOtherCommunityOrgApi","handlegetCollabPrivateOrgAndBusinessesApi","handlegetCollaborationsAmongYsApi","handlegetProgramActivitiesApi","handlegetProgramActivityHousingApi","handlegetProgramActivityFoodProgramApi","handlegetProgramActivityArmedServiceApi","handlegetProgramActivityOlderAdultApi","ymcsListEnabled","setYmcsListEnabled","overviewData","setOverviewData","collabTabsView","setCollabTabsView","programActivityView","setProgramActivityView","constituencySubIds","diversitySubTds","collaborationSubTds","programActivitiesSubTds","pledgeSubIds","programActivitiesTabFuncs","collabrationTabDatas","setCollabrationTabDatas","programActivityDatas","setProgramActivityDatas","ymcaBranchData","setYmcaBranchData","subId","getElementById","setTimeout","getStatus","tabDesign","tabComponent","actionElement","sectionName","showlist","subTab","colSpan","index","branchName","updatedByName","updatedDatetime","getYmcaBranchesList","innerText","getCollabApis","api","newcollabTabsView","newcollabTabsData","getProgramActivitiesApis","newProgramActivitieView","newProgramActivitiesData","getCursor","isAccess","getCollaborationsApiName","setAction","getActions","tabIdORbranchfunc","subTabsListORview","renderOption","renderButton","get2023Actions","ymcaSiteInfoList","branchFunc","View","list","formName","sectionData","sections","sectionStatus","lastUpdatedBy","renderPledgeSectionsYmcaList","tabId","subTabsList","sectionId","renderSectionslist","renderSections2022list","OverviewData","YmcaBranchData","CollabNonProfitOrgData","CollabEducationOrgData","CollabGovtOrgAndAffiliatesData","CollabOtherCommunityOrgData","CollabPrivateOrgAndBusinessesData","CollaborationsAmongYsData","cov_1dmojjvvta","getBranchDetails","saveBranchDetails","getBranchList","getCountriesList","cov_tjq9ptwee","BranchListSelector","directoryInformation","BranchDetailsSelector","CountriesListSelector","cov_877f46b48","SuccessToaster","injectStyle","position","autoClose","hideProgressBar","closeOnClick","pauseOnHover","draggable","progress","theme","warn","ToastContainer","top","cov_p44hirp2j","PartialSaveWarningPopup","popup","closeicon","cov_2emwi3nt1r","AssociationDropdown","setSelectedAsso","selectedAsso","associonOptions","setSelectedBranch","selectedBranch","branchOptions","setSelectedBranchName","asso","cov_d5ua4fzr9","LastUpdateName","Username","Time","crypto","msCrypto","array","Uint32Array","getRandomValues","cov_2b6r822xi8","getARPledgeListApi","PostARPledgeListApi","getARContactDetailsApi","getPledgeContactDetailsApi","PostARContactDetailsApi","getARIncomingContactDetailsApi","postIncomingContactDetailsApi","getPledgeIncomingCvoContactDetailsApi","postSendEmailRequestCEOCVO","getCeoCvoDetails","cov_2o5j3jfm2l","PledgeStatementDataSelector","annualReportPledgeStatement","CvoContactDataSelector","IncomingCvoContactDataSelector","IncomingCvoContactDataSelectorData","SendEmailRequestCEOCVOSelector","getCeoCvoDetailsSelector","cov_2ns8vdldfd","postFeedback","payloadBody","cov_czt7ld774","FeedbackDataSelector","annualFeedbackData","cov_28iltpxs7o","feedbackModal","handleCloseFeedbackPopup","showFeedbackPopup","handlePostFeedback","rating","setRating","onStarClick","newRating","submitFeedbcak","StarRatings","starRatedColor","starEmptyColor","starHoverColor","starDimension","changeRating","numberOfStars","FeedbackDataSelectorData","cov_1v03w0z4ml","CvoContactDetails","handlegetARContactDetailsApi","handlePostARContactDetailsApi","handleToGetCountries","handleGetAnnualReportsDashboard","handlegetIcomingCvoContactDetailsApi","handlePostIncomingCvoContactDetailsApi","IncomingCvoContactDataSelectorDetails","incomingCVOAge","setIncomingCVOAge","cVOAge","setCVOAge","successPopup","setSuccessPopup","countriesResponse","setCountriesResponse","endDateGreater","setEndDateGreater","endDatePast","setEndDatePast","incomingEndDatePast","setIncomingEndDatePast","feedbackPopup","setFeedbackPopup","setFormId","isDataSyncWithMOYP","setIsDataSyncWithMOYP","cvoGetCallSuccess","setCvoGetCallSuccess","isIncomingCvoGetCallSuccess","setIsIncomingCvoGetCallSuccess","isCvoMoypDataChanged","setIsCvoMoypDataChanged","isIncomingCvoMoypDataChanged","setisIncomingCvoMoypDataChanged","updatedToasterMessage","setUpdatedToasterMessage","resStatus","setResStatus","isDataNull","setIsDataNull","incomingCvoIsNull","setIncomingCvoIsNull","errorFlag","setErrorFlag","countryData","cvoAddress1","cvoAddress2","cvoCity","cvoContactDetailsId","cvoEmail","cvoEndDate","cvoFname","cvoLname","cvoPhone","cvoStartDate","cvoCountry","cvoState","cvoZip","isCurrentCvo","cvoBirthDate","cvoOrganization","cvoBusinessTitle","initialValues","setInitialValues","inComingCvoAddress1","inComingCvoAddress2","inComingCvoCity","inComingCvoCountry","inComingCvoEmail","inComingCvoEndDate","inComingCvoFname","inComingCvoLname","inComingCvoPhone","inComingCvoStartDate","inComingCvoState","inComingCvoZip","isValidIncomingCvo","inComingCvoBirthDate","incomingCvoContactDetailsId","inComingCvoOrganization","inComingCvoBusinessTitle","incomingCvoInitalValues","setIncomingCvoInitalValues","convertedValue","getCvoUpdateData","getIncomingCvoData","calculateAge","date","dateObj","age","getFullYear","monthDiff","getMonth","getDate","callPostAPI","resultData","dashData","dashboardDTOs","record","formikIncomingCvo","useFormik","enableReinitialize","validationSchema","Yup","nullable","matches","isBefore","startOf","personAddressId","restinComingCvoOrganization","restinComingCvoBusinessTitle","_excluded2","formik","restcvoOrganization","_excluded3","restcvoBusinessTitle","_excluded4","updateCVOdataInitialDetails","setFieldValue","trim","_callee3","_callee3$","_context3","updateInitialValues","_callee4","_callee4$","_context4","_x5","_x6","getStates","countryWithType","findState","states","incomingGetStates","_callee5","_callee5$","_context5","resetForm","warningMessage","dirty","countryChangeHandler","selectedCountry","selectedStateType","incomingCountryChangeHandler","isCvoFnameChanged","setisCvoFnameChanged","isCvoLnameChanged","setisCvoLnameChanged","isCvoDobChanged","setisCvoDobChanged","isIncomingCvoFnameChanged","setisIncomingCvoFnameChanged","isIncomingCvoLnameChanged","setisIncomingCvoLnameChanged","isIncomingCvoDobChanged","setisIncomingCvoDobChanged","getCountries","handleCvoNameBirthDateChange","fieldName","regex","calculatedAge","handleIncomingCvoNameBirthDateChange","handleTitleName","handleIncomingTitleName","scrollToErrors","errors","errorKeys","getElementsByName","focus","clearIncomingValues","clearValues","handleNonCvo","handleIncomingCvoChange","handleCurrentCvoChange","setFullYear","minDate","toISOString","touched","onBlur","handleBlur","maxLength","setDate","FeedbackModal","handlegetPledgeContactDetailsApi","handleGetPledgeIncomingCvoContactDetailsApi","cov_c9a1axiau","YMCADirectoryInformationTab","handleGetBranchDetails","handleGetBranchList","handleToSetBranchDetails","BranchDetailsData","getBranchIdFromOverview","setAssocionOptions","setBranchOptions","physicalAddressId","setPhysicalAddressId","mailingAddressId","setMailingAddressId","addressCheckboxValue","setAddressCheckboxValue","branchDetails","setBranchDetails","activeTab","setActiveTab","currentTab","setCurrentTab","lastActiveTab","setLastActiveTab","setKeyValue","defaultInitialValues","branchPhoneNumber","physicalAddress1","physicalAddress2","physicalCity","physicalState","physicalZipcode","physicalCountry","mailingAddress1","mailingAddress2","mailingCity","mailingState","mailingZipcode","mailingCountry","addressCheckbox","handleGetYmcaDirectoryInfoDetails","successpopup","onPhysicalAddressChange","assoNumber","assoName","branchList","stateChangeHandler","handleChangeCheckbox","getClassNames","errorsValue","touchedValue","checkboxValue","onActive","handleOk","handleCancel","activetab","getErrorClass","getSelectClassName","onKeyUp","cov_11urilwbpp","getARemployeeUpdateApi","PostARemployeeUpdateApi","cov_276nb367wz","ARemployeeDataSelector","empployeeUpdate","cov_2948mhry2i","EmployeesTab","handleGetARemployeeUpdateApi","handlePostARemployeeUpdateApi","EmployeeUpdateData","employeeData","setEmployeeData","totMoypstaffCount","getEmployeeUpdateData","postAPICall","object","employee","handleStaffCountChange","rel","cov_18g9w7kyve","getMemberships","getMembershipsNWM","postMemberships","getCrmProviderList","resetReduxState","cov_2d810vr479","GetMembershipsSelector","memberships","GetMembershipsNWMSelector","PostMembershipsSelector","CrmProviderListDataSelector","cov_1ez0xd42lf","GetMemberDemographicsSelector","memberDemographics","GetMemberDemographicsNWMSelector","PostMemberDemographicsSelector","cov_29fu6mhakk","TextError","cov_1nn7llpo8p","MembershipTab","CrmProviderListSelectorList","handleToGetCrmProviderList","handleGetMemberships","handleGetMembershipsNWM","handlePostMemberships","GetMembershipsSelectorData","GetMembershipsNWMSelectorData","GetMemberDemographicsSelectorData","subInstructions","setSubInstructions","formikref","useRef","showNotOfferMemberships","setShowNotOfferMemberships","showEditNWMData","setShowEditNWMData","getCrmName","setGetCrmName","saveNwmData","setSaveNwmData","doNotOfferFacilityMemberships","isNwmDataAvailable","male1To5","female1To5","additionalIdentities1To5","unknown1To5","male6To11","female6To11","additionalIdentities6To11","unknown6To11","male12To17","female12To17","additionalIdentities12To17","unknown12To17","male18To29","female18To29","additionalIdentities18To29","unknown18To29","male30To54","female30To54","additionalIdentities30To54","unknown30To54","male55To64","female55To64","additionalIdentities55To64","unknown55To64","male65Plus","female65Plus","additionalIdentities65Plus","unknown65Plus","maleUnknown","femaleUnknown","additionalIdentitiesUnknown","unknownUnknown","total1To5","total6To11","total12To17","total18To29","total30To54","total55To64","total65Plus","totalUnknownRow","totalMale","totalFemale","totalAdditionalIdentities","totalUnknown","totaltotal","crmradio","yourCrm","crmname","currentCRM","editValues","editValuesNWM","handelGetCall","MembershipLocalData","crmData","isNwmDataUsed","current","members","Number","handelTotalMembers","MembersValue","TotalMembers","TotalMembersDemographics","nativeAmericanAlaskanNative","asian","blackOrAfricanAmerican","hispanicLatino","middleEastNorthAfrican","nativeHawaiOtherPacificIslander","white","twoOrMoreRaces","other","additionalIdentities","unknown","String","createdByName","createdByPersonId","createdDatetime","membershipId","reportBatchId","totalMembersDemographicsCount","totalMembers","totalMembersCount","handleCRMRadioYes","handleCRMRadioNo","totalCount","value1","value2","value3","value4","value5","value6","value7","value8","value9","value10","value11","value12","value13","value14","value15","value16","value17","value18","value19","value20","value21","value22","value23","value24","value25","value26","value27","value28","value29","value30","value31","value32","Formik","innerRef","Form","autoComplete","Field","crmProviderId","ErrorMessage","cov_21dmadyow7","getMemberDemographics","getMemberDemographicsNWM","postMemberDemographics","cov_w0ikedndo","FacilityMembershipInformationInput","MembersDemographicsTab","handleGetMemberDemographics","handlePostMemberDemographics","nativeAmericanAlaskanNativeNotCollected","asianNotCollected","blackOrAfricanAmericanNotCollected","hispanicLatinoNotCollected","middleEastNorthAfricanNotCollected","nativeHawaiOtherPacificIslanderNotCollected","whiteNotCollected","twoOrMoreRacesNotCollected","otherNotCollected","additionalIdentitiesNotCollected","unknownNotCollected","handelTotalMemberDemographics","MemberDemographicsValue","membersTotal","memberDemographicId","totalMembersDemographics","note","cov_jxsb7506g","getProgramMember","postProgramMember","cov_rk9jppdrm","GetProgramMemberSelector","programMember","PostProgramMemberSelector","cov_h7dc1q699","ProgramMemberTab","handleGetProgramMember","handleResetRedux","handlePostProgramMember","GetProgramMemberSelectorData","yourAssociationPrograms","facilityMemberUnit","getFacilityMemberUnit","facilityMemberDuplicated","facilityMemberUnDuplicated","programMemberId","restmaleUnknown","restfemaleUnknown","restadditionalIdentitiesUnknown","restunknownUnknown","cov_1w5d83yhz8","getProgramEnrollments","postProgramEnrollments","cov_1s7c26s449","GetProgramEnrollmentsSelector","programEnrollments","PostProgramEnrollmentsSelector","cov_dd1e37pt2","ProgramEnrollmentsTab","GetProgramEnrollmentsSelectorData","handleGetProgramEnrollments","handlePostProgramEnrollments","totChildBabySittingDuplicate","totChildBabySittingUnDuplicate","totCorporateChildCareDuplicate","totCorporateChildCareUnDuplicate","totPreschoolCareDuplicate","totPreschoolCareUnDuplicate","totHeadStartEarlyHeadStartDuplicate","totHeadStartEarlyHeadStartUnDuplicate","totEarlyChildhoodDuplicate","totEarlyChildhoodUnDuplicate","totBfrAftrShoolProgramDuplicate","totBfrAftrShoolProgramUnDuplicate","totSummerDayCampDuplicate","totSummerDayCampUnDuplicate","totNonSummerDayCampDuplicate","totNonSummerDayCampUnDuplicate","totOvrnghtSummerCampResidentDuplicate","totOvrnghtSummerCampResidentUnDuplicate","totNonSummerResidentOvrnghtCampDuplicate","totNonSummerResidentOvrnghtCampUnDuplicate","totSwimLessonsDuplicate","totSwimLessonsUnDuplicate","totYouthSportsDuplicate","totYouthSportsUnDuplicate","isValidForm","CheckValidation","setFieldError","isNull","CheckNull","totYouthSportsUnDuplicat","preparePayload","programEnrollmentId","setFormDetails","cov_1egrr9cy55","getVolunteers","postVolunteers","cov_1sjbwj3s9w","GetVolunteersSelector","volunteers","PostVolunteersSelector","cov_kiwvvphq3","VolunteersTab","handleGetVolunteers","handlePostVolunteers","GetVolunteersSelectorData","policyTotalMessage","setPolicyTotalMessage","policyRaceEthnicTotalMessage","setPolicyRaceEthnicTotalMessage","programTotalMessage","setProgramTotalMessage","programRaceEthnicTotalMessage","setProgramRaceEthnicTotalMessage","totPolicyVolunteers","policyVolunteersHrs","policyMale0To29","policyFemale0To29","policyAdditionalIdentities0To29","policyUnknown0To29","policyMale30To54","policyFemale30To54","policyAdditionalIdentities30To54","policyUnknown30To54","policyMale55To64","policyFemale55To64","policyAdditionalIdentities55To64","policyUnknown55To64","policyMale65Plus","policyFemale65Plus","policyAdditionalIdentities65Plus","policyUnknown65Plus","policyMaleAgeUnknown","policyFemaleAgeUnknown","policyAdditionalIdentitiesAgeUnknown","policyUnknownAgeUnknown","policyAsian","policyAsianNotCollected","policyBlackOrAfricanAmerican","policyBlackOrAfricanAmericanNotCollected","policyHispanicLatino","policyHispanicLatinoNotCollected","policyMidEastNorthAfrican","policyMidEastNorthAfricanNotCollected","policyNativeAmericanAlaskanNative","policyNativeAmericanAlaskanNativeNotCollected","policyNatvHawaiOtherPacificIslander","policyNatvHawaiOtherPacificIslanderNotCollected","policyWhite","policyWhiteNotCollected","policyTwoOrMoreRaces","policyTwoOrMoreRacesNotCollected","policyUnknown","policyUnknownNotCollected","policyOther","policyOtherNotCollected","totProgVolunteers","programVolunteersHrs","programMale0To29","programFemale0To29","programAdditionalIdentities0To29","programUnknown0To29","programMale30To54","programFemale30To54","programAdditionalIdentities30To54","programUnknown30To54","programMale55To64","programFemale55To64","programAdditionalIdentities55To64","programUnknown55To64","programMale65Plus","programFemale65Plus","programAdditionalIdentities65Plus","programUnknown65Plus","programFemaleAgeUnknown","programMaleAgeUnknown","programAdditionalIdentitiesAgeUnknown","programUnknownAgeUnknown","programNativeAmericanAlaskanNative","programNativeAmericanAlaskanNativeNotCollected","programAsian","programAsianNotCollected","programBlackOrAfricanAmerican","programBlackOrAfricanAmericanNotCollected","programHispanicLatino","programHispanicLatinoNotCollected","programMidEastNorthAfrican","programMidEastNorthAfricanNotCollected","programNatvHawaiOtherPacificIslander","programNatvHawaiOtherPacificIslanderNotCollected","programWhite","programWhiteNotCollected","programTwoOrMoreRaces","programTwoOrMoreRacesNotCollected","programOther","programOtherNotCollected","programUnknown","programUnknownNotCollected","policyTotal","policyRaceEthnicTotal","programTotal","programRaceEthnicTotal","cov_2noh4uilqz","getDonors","postDonors","cov_1bnw2cdyoi","GetDonorsSelector","donors","PostDonorsSelector","cov_2lb8t4w7j3","FacilityMembers","totIndivdMembersMinOneDonation","totOrgMembersMinOneDonation","totUnknownMembersMinOneDonation","totAnnualCampIndividDonors","totAnnualCampOrgDonors","totAnnualCampUnknownDonors","AnnualCampaign","annualCampDonorsIndividual","annualCampDonorsOrg","annualCampDonorsUnknown","annualCampDonorsIndividPrgMem","annualCampDonorsOrgPrgMem","annualCampDonorsUnknownPrgMem","PlannedElement","heritageClub","addedDonors","FacilityMembersField","ProgramMembersField","FirsttimeDonorsField","firstTimeIndividDonors","firstTimeOrgDonors","firstTimeUnknownDonors","DonorsElement","DonorsTab","handleGetDonors","handlePostDonors","GetDonorsSelectorData","totNoOfDonors","percentageDonationBoardMembers","totalMembersMinOneDonation","donorId","cov_965xywu18","ConstituencyReportTab","cov_26lyk6rujl","getOrganizationCommitment","postOrganizationCommitment","cov_2ifdimlrqa","GetOrganizationCommitmentSelector","organizationCommitment","PostOrganizationCommitmentSelector","cov_21g3frbjyn","commitmentStatus","ystatement","yEmploysOrganizationalStructures","digeffortsDescription","eeoPolicy","OrganizationalCommitmentTab","handleGetOrganizationCommitment","handlePostOrganizationCommitment","GetOrganizationCommitmentSelectorData","ystatementCount","setYstatementCount","setYstatement","digeffortsDescriptionCount","setDigeffortsDescriptionCount","setDigeffortsDescription","getPayload","organizationalCommitmentId","handelCount","textareaName","log","cov_vog2jbqbz","getMembershipNowYourCommunity","postMembershipNowYourCommunity","cov_2dcfckgn3x","GetMembershipKnowYourCommunitySelector","membershipKnowYourCommunity","PostMembershipKnowYourCommunitySelector","cov_11guix4wyj","YesRepresentTheMakeup","NoMeasurableProgressAll","NoMeasurableProgressSome","NoMeasurableProgressLastYear","NotKnowInformation","specificStrategies","MembershipKnowYourCommunityTab","handleGetMembershipNowYourCommunity","handlePostMembershipNowYourCommunity","GetMembershipKnowYourCommunitySelectorData","specificStrategiesCount","setSpecificStrategiesCount","setSpecificStrategies","YesRepresentTheMakeupArray","NoMeasurableProgressAllArray","NoMeasurableProgressSomeArray","NoMeasurableProgressLastYearArray","yesRepresentTheMakeup","noMeasurableProgressAll","noMeasurableProgressSome","noMeasurableProgressLastYear","notKnowInformation","firstQuestion","secondQuestion","thirdQuestion","fourthQuestion","fifthQuestion","knowYourCommunityId","cov_qtl39bsum","getLeadershipStaffDevelopment","postLeadershipStaffDevelopment","cov_21mb2n9m9k","GetLeadershipStaffDevelopmentSelector","leadershipStaffDevelopment","PostLeadershipStaffDevelopmentSelector","cov_294zxqdxi","yusaStaff","yusaVolunteers","orientationProcessesStaff","orientationProcessesVolunteers","buildCulturalCompetencyStaff","buildCulturalCompetencyVolunteers","outsideTheYstaff","outsideTheYvolunteers","ymcaAffinityEmployeeStaff","ymcaAffinityEmployeeVolunteers","periodicMeetingsStaff","periodicMeetingsVolunteers","ongoingTrainingStaff","ongoingTrainingVolunteers","staffSatisactionWorkplace","opportunitiesForStaffYnotListed","opportunitiesForVolunteersYnotListed","keyResourcesFromOutsideTheY","keyGlobalExchange","yresults","LeadershipStaffDevelopmentTab","handleGetLeadershipStaffDevelopment","handlePostLeadershipStaffDevelopment","GetLeadershipStaffDevelopmentSelectorData","opportunitiesForStaffYnotListedCount","setOpportunitiesForStaffYnotListedCount","opportunitiesForVolunteersYnotListedCount","setOpportunitiesForVolunteersYnotListedCount","keyResourcesFromOutsideTheYCount","setKeyResourcesFromOutsideTheYCount","keyGlobalExchangeCount","setKeyGlobalExchangeCount","yresultsCount","setYresultsCount","setOpportunitiesForStaffYnotListed","setOpportunitiesForVolunteersYnotListed","setKeyResourcesFromOutsideTheY","setKeyGlobalExchange","setYresults","staffDevelopmentId","rowSpan","cov_1u6xzlx2jn","getProgramInnovation","postProgramInnovation","cov_ae96j8t7e","GetProgramInnovationSelector","programInnovation","PostProgramInnovationSelector","cov_nsvj1pcoo","adaintoConsideration","flexiblePayment","underservedYmca","diverseAbilities","nonEnglishSpeakers","amongParticipants","yconsideredAda","flexiblePaymentDescription","personsFromGroupsDescription","personsWithDiverseDescription","nonEnglishSpeakersDescription","globalAwarenessDescription","ProgramInnovationTab","handleGetProgramInnovation","handlePostProgramInnovation","GetProgramInnovationSelectorData","yconsideredAdaCount","setYconsideredAdaCount","flexiblePaymentDescriptionCount","setFlexiblePaymentDescriptionCount","personsFromGroupsDescriptionCount","setPersonsFromGroupsDescriptionCount","personsWithDiverseDescriptionCount","setPersonsWithDiverseDescriptionCount","nonEnglishSpeakersDescriptionCount","setNonEnglishSpeakersDescriptionCount","globalAwarenessDescriptionCount","setGlobalAwarenessDescriptionCount","setYconsideredAda","setFlexiblePaymentDescription","setPersonsFromGroupsDescription","setPersonsWithDiverseDescription","setNonEnglishSpeakersDescription","setGlobalAwarenessDescription","userAssociations","preparePayloadBody","basePayload","programInnovationId","handleSubmission","cov_yge6a4cha","getStrategicRelationships","postStrategicRelationships","cov_2jerrz4rd","GetStrategicRelationshipsSelector","strategicRelationships","PostStrategicRelationshipsSelector","cov_6unc5ekpk","yEngagesPartnershipsCollaborations","yengagesDiverseStakeholdersDescription","yIntentionallyEngagesDiverseSuppliers","ychallengesSupplierDiversityDescription","StrategicRelationshipsTab","handleGetStrategicRelationships","handlePostStrategicRelationships","GetStrategicRelationshipsSelectorData","yengagesDiverseStakeholdersDescriptionCount","setYengagesDiverseStakeholdersDescriptionCount","ychallengesSupplierDiversityDescriptionCount","setYchallengesSupplierDiversityDescriptionCount","setYengagesDiverseStakeholdersDescription","setYchallengesSupplierDiversityDescription","strategicRelationshipsId","cov_uyzpc0ulm","getResourceMobilization","postResourceMobilization","cov_2rqnyccmi2","GetResourceMobilizationSelector","resourceMobilization","PostResourceMobilizationSelector","cov_1u9avyf2tz","yRecruitsCommunicates","ySeeksResources","diginFundraisingDescription","fundingSourcesForDIGEfforts","ResourceMobilizationTab","handleGetResourceMobilization","handlePostResourceMobilization","GetResourceMobilizationSelectorData","successRes","setSuccessRes","diginFundraisingDescriptionCount","setDiginFundraisingDescriptionCount","setDiginFundraisingDescription","digeffortsFoundationList","digeffortsFederalGovernmentAgencyList","digeffortsOtherList","FundingSourcesForDIGEffortsData","ysDIGefforts","fundingSourcesForDIGEffortsData","finalFundingSourcesForDIGEfforts","textareadData","text","finalArrayData","fundingSourcesForDIGEffortsArray","staticFundingSourcesForDIGEffortsArray","Ditem","ysDIGeffortsArray","staticysDIGeffortsArray","CheckboxTextareData","resourceMobilizationId","as","cov_1fbngqehs7","getBrandVisibility","postBrandVisibility","cov_1jthtm349q","GetBrandVisibilitySelector","brandVisibility","PostBrandVisibilitySelector","cov_1qyjemf9me","MarketingMaterialsLanguages","ImagesReflectingTheDiversity","TranslationInterpretationServices","SignageAccessible","MultipleMarketingChannels","WebTechnologyPlace","ArabicLanguages","ChineseLanguages","FrenchLanguages","KoreanLanguages","PolishLanguages","PortugueseLanguages","RussianLanguages","SpanishLanguages","TagalogLanguages","VietnameseLanguages","OtherLanguages","PresenceonYMCA","NewsMediaImpressions","SocialMediaMessaging","ychallengesDescription","otherDescription","BrandVisibilityTab","handleGetBrandVisibility","handlePostBrandVisibility","GetBrandVisibilitySelectorData","ychallengesDescriptionCount","setYchallengesDescriptionCount","otherDescriptionCount","setOtherDescriptionCount","setYchallengesDescription","setOtherDescription","marketingMaterialsLanguages","imagesReflectingTheDiversity","translationInterpretationServices","signageAccessible","multipleMarketingChannels","webTechnologyPlace","arabicLanguages","chineseLanguages","frenchLanguages","koreanLanguages","polishLanguages","portugueseLanguages","russianLanguages","spanishLanguages","tagalogLanguages","vietnameseLanguages","otherLanguages","presenceonYMCA","newsMediaImpressions","socialMediaMessaging","brandVisibilityId","cov_13o8uwksj3","DiversityGlobalTab","cov_2hzxtc0328","getAnnualReportCollabNonProfitOrgApi","PostAnnualReportCollabNonProfitOrgApi","getAnnualReportCollabEduOrgApi","PostAnnualReportCollabEduOrgApi","getAnnualReportCollabGovtOrgApi","PostAnnualReportCollabGovtOrgApi","getAnnualReportCollabOtherCommunityOrgApi","PostAnnualReportCollabOtherCommunityOrgApi","getAnnualReportCollabPrivateOrgApi","PostAnnualReportCollabPrivateOrgApi","getAnnualReportCollabAmongYsApi","PostAnnualReportCollabAmongYsApi","cov_5macr0uwu","annualReportCollaboration","cov_1d6vc8rbzj","NonProfitOrg","handleGetARCollabNonProfitOrg","handlePostARCollabNonProfitOrgApi","selectedbranchName","fieldsObj","ProgramOrservice","SharedFacility","SharedStaff","JointEvent","PolicyAdvocacy","Other","OtherDescription","getARCollabNonProfitOrg","handleNonofTheAbove","allValues","setValues","updateData","noneOfTheOrganizations","handleOtherFieldChange","discribeName","cov_1ntyymycsu","EducationalOrg","handleGetARCollabEduOrgApi","handlePostARCollabEduOrgApi","getARCollabEduOrgApi","cov_e4eepjgtl","GovtOrgAffiliates","handleGetARCollabGovtOrgApi","handlePostARCollabGovtOrgApi","getARCollabGovtOrgApi","CollabGovtOrgData","cov_26j87cskx","OtherCommunityOrg","handleGetARCollabOtherCommunityOrgApi","handlePostARCollabOtherCommunityOrgApi","getAROtherCommunityOrg","CollabOtherCommunityOrgApi","cov_1nztdqh01x","PrivateOrgBusiness","handleGetARCollabPrivateOrgApi","handlePostARCollabPrivateOrgApi","getARCollabPrivateOrg","CollabPrivateOrgApiData","cov_v28yjob2y","CollaborationAmoungYs","handleGetARCollabAmongYsApi","handlePostARCollabAmongYsApi","setErrorMesssage","getARCollabAmongYs","checkValidation","CollabAmongYsData","cov_2pggu8ze7t","BranchTabs","cov_j9e1mih0h","CollaborationsTab","selectedBranchName","cov_110p7z47op","getProgramActivities","programActivities","cov_2o0aywe6hc","GetProgramActivitiesSelector","programactivities","ProgramActivitiesSelector","cov_1g41b8b7o9","ProgramActivitiesTab","handleGetProgramActivities","GetProgramActivitiesSelectorData","handleProgramActivities","setIsSuccess","handleGetProgramActivitiesData","yofferPrograms2021","youthHeadStartProgram","youth21CommunityLearnProgram","youthEarlyChildhoodProgram","youthPreschoolCareProgram","youthBfrAftrShcoolProgram","youthCorpChildCareProgram","youthChildwatchBabysitProgram","youthDayCampProgram","youthOverNightResidentCampProgram","teenLeadersClubProgram","teenAchieversProgam","teenCollegeCareerReadyProgram","teenCivicEngagementProgram","teenYouthGovtProgram","teenWorkforceDevProgram","sportsYouthSportsProgram","sportsMartialArtsProgram","sportsAdultProgram","sportsGymnasticsProgram","sportsInfantToddlerSwimProgram","sportsPreschoolSwimProgram","sportsSchoolAgeSwimProgram","sportsTeenAdultSwimProgram","sportsSafetyWaterProgram","sportsCompetitiveSwimProgram","sportsLifeGuardTrainingProgram","sportsOpenWaterActivitiesProgram","sportsDiverseAbilityInclusionProgram","sportsPickleball","healthGroupExerciseProgam","healthWeightManagementProgam","healthCorporateWellnessProgam","healthChronicDeseaseProgram","healthWaterFitnessClassesProgram","communityCaseManagementProgam","communityAbuseManagementProgram","communityDiverseIncluseGlobalProgram","communityFamilyStrengthProgram","communityMentalWellBeingProgram","programActivitiesId","updatedByPersonId","cov_prwfosj3c","getHousing","housing","cov_2c0lapo4iq","GetHousingSelector","HousingSelector","cov_1a9ukaiyb","checkValue","getHotelServiceClassName","HotelFieldRow","didHotelServiceOfferedin2022","totNoBedsHotel","totNoOfUnitsHotel","totNoOfResidentsHotel","AffordableHousingRow","didHousingSrosServiceOfferedin2022","totNoBedsHousingSros","totNoOfUnitsHousingSros","totNoOfResidentsHousingSros","HomelessnessRow","didHomelessnessUnitsServiceOfferedin2022","totNoBedsHomelessUnits","totNoOfUnitsHomelessUnits","totNoOfResidentsHomelessUnits","ClinicalServiceRow","didRehabUnitsClinicalServicesServiceOfferedin2022","totNoBedsRehabUnitsClinicalServices","totNoOfUnitsRehabUnitsClinicalServices","totNoOfResidentsRehabUnitsClinicalServices","DuringTheYearYesNoElement","HousingTab","handleGetHousing","GetHousingSelectorData","handleHousing","getHousingData","sucesspopup","didYofferHousingServiceDuringYear","setDidHotelServiceOfferedin2022","setDidHousingSrosServiceOfferedin2022","setDidHomelessnessUnitsServiceOfferedin2022","setDidRehabUnitsClinicalServicesServiceOfferedin2022","getConvertedValue","condition1","condition2","getBooleanValue","programActivityHousingId","cov_cgfym095l","getFoodProgram","foodProgram","cov_1ju1m3zaoq","GetFoodProgramSelector","foodprogram","FoodProgramSelector","cov_1ymr29zskv","FoodProgramsTab","handleGetFoodProgram","GetFoodProgramSelectorData","handleFoodProgram","getProgramData","didYofferFoodServiceDuringYear","didYofferFoodSnack18YearsAndYoung","uniqueYouthServedInUsdareimbersment","uniqueYouthServedInNonUsdareimbersment","totMealsSnacksServedInUsdareimbersement","totMealsSnacksServedInNonUsdareimbersement","programActivityFoodProgramId","cov_socinxh08","getArmedService","armedService","cov_6np82f60s","GetArmedServiceSelector","armedservice","ArmedServiceSelector","cov_1qodeuq5kv","ArmedServicesTab","handleGetArmedServices","GetArmedServiceSelectorData","handleArmedServices","handleGetArmedServiceData","didYofferServiceToDutyReserveRetdMilitaryPersons","totIndividualMilitaryPersonServed2022","offerChildcarePreschoolBabysittingDuringYear","offerDeploymentSupportDuringYear","offerFoodDistributionDuringYear","offerAdultEducationDuringYear","offerJobTrainingSearchDuringYear","offerPhysicalMentalHealthDuringYear","offerDayCampsOrResidentCamps","offerMemberDiscount","didYofferService","programActivityArmedServicesId","cov_o48lt7z8e","getOlderAdults","olderAdults","cov_o9vr9vewe","GetOlderAdultsSelector","olderadults","OlderAdultsSelector","cov_1mdmx9kjqb","OlderAdultsTab","handleGetOlderAdults","GetOlderAdultsSelectorData","handleOlderAdults","isYear2023","handleGetOlderAdultsData","totOlderAdultSelfPay","totOlderAdultThirdPartyPay","yofferMembershipOlderAdult","didYofferMembershipForOlderAdultViaThirdParty","thirdPartyRenewActive","thirdPartyPeerfit","thirdPartySilverfit","thirdPartySilverSneakers","thirdPartyOthers","foodProgramOffered","adultDayCareServicesOffered","socialGatheringOffered","physicalHealthOffered","cdlhOffered","mentalHealthOffered","caregiverSupportsOffered","othersNotListedOffered","parseBooleanValue","checkMembershipValue","mainCondition","subCondition","programActivityOlderAdultId","cov_1p7lzntqmv","ProgramActivitesTab","cov_yl31ms53i","Pledge","handleGetARPledgeListApi","handlePostARPledgeListApi","handlePostSendEmailRequestCEOCVO","handleGetCeoCvoDetails","cvoAcknowledgeCheckbox","setCvoAcknowledgeCheckbox","ceoAcknowledgeCheckbox","setCeoAcknowledgeCheckbox","cvoAcknowledgeBoardAndBylaw","setCvoAcknowledgeBoardAndBylaw","ceoAcknowledgeBoardAndBylaw","setCeoAcknowledgeBoardAndBylaw","ceoData","setCeoData","cvoData","setCvoData","emailRequest","setEmailRequest","subInstructions1","setSubInstructions1","subInstructions2","setSubInstructions2","subInstructions3","setSubInstructions3","getPlegdeUpdateData","getCeoCvo","handleSendRequestYes","emailAddress","handleSendRequestNo","handleSendRequest","emailFor","validations","ceoDateSigned","ceoSignatureName","required","ceoYactivelyParticipatesStateAlliance","ceoYstrategicPlan","cvoDateSigned","cvoSignatureName","ceoAcknowledge","oneOf","cvoAcknowledge","ceoDate","cvoDate","handleSignaturename","handleCeoAcknowledgeCheckbox","handleCvoAcknowledgeCheckbox","handleCvoAcknowledgeBoardAndBylawCheckbox","handleCeoAcknowledgeBoardAndBylawCheckbox","ceoName","readOnly","cvoName","SendRequestIcon","cov_txf3nh9yc","PledgeStatementTab","cov_1vd5u7bvmh","getSubmitInfo","postReviewSubmitData","finalSubmit","cov_39z9rklsp","ReviewSubmitInfoSelector","submitReviewInfo","FinalSubmitSelector","ReviewSubmitDataSelector","submitReviewData","cov_1d8bjbjc3x","Popup","handleClosePopup","inCompleteList","submitHandler","setSubmitStatus","handlePostReviewSubmitData","fromValues","associationNum","modalOpen","ReviewSubmitInfoSelectorData","saveNewFields","payloadData","reviewSubmitId","reviewSubmitData","membership","financial","workforceDiversity","genralStaff","generalStaff","submit","closeIcomoons","submitReview","Inprogress","cov_1a96ykqnh2","ReviewSubmitTab","handleToGetReviewSubmit","AnnualReportsDashboardData","setInCompleteList","dataStatus","setDataStatus","submitStatus","setFormData","isModalOpen","setIsModalOpen","reviewSubmitRating","setReviewSubmitRating","cast","downloadPdfApi","associationname","pdfIcon","remaingTabs","dashboardMenuList","cov_11no3c4wr0","AnnualReportsDashboardDataSelector","annualReportsData","cov_hlv8vkxqw","SidebarNav","DashboardOverviewSelectorData","setIsDataLoading","menuItems","setMenuItems","handleSetActive","navbarListIds","getStatusIcons","navItems","yearwise","isDisabled","isAuthorized","tabCheck","sequenceNo","cov_1b3yx368kq","getSiteinformationList","getSiteinformationData","cov_6gvm6m2v1","SiteinformationListSelector","siteinformationstore","SiteinformationSelector","Siteinformationdata","cov_on3fzx58r","SiteInformationTab","handleSiteinformationData","getSiteinformationListHandler","SiteinformationListData","totHealthWellnessSites","totHealthWellnessSitesNotAtY","totDayCampSites","totDayCampSitesNotAtY","totBfrAftrSchoolProgramSites","totBfrAftrSchoolProgramSitesNotAtY","totPreschoolChildDevSites","totPreschoolChildDevSitesNotAtY","totOvernightCampSites","totOvernightCampSitesNotAtY","totCommunityEngageSites","totCommunityEngageSitesNotAtY","totNativeHawaiOthrPacificIslander","totNativeHawaiOthrPacificIslanderNotAtY","getSiteInfoData","siteInformationId","associationBranch","cov_11ftm69avq","AnnualReports","statusList","isDataLoading","SiteInformation","branchStatus","cov_lpgwi5j9b","getAnnualReportsDashboardData","reopenAnnualReport","cov_1wd6ar9bw2","isPledge","isBranchDataSteward","userRole","isDataViewerOrSteward","isStartLinkVisible","isSpecialCase","Card","mapperToSection","handleSetYear","cardBody","renderCard","numberBg","checkBox2x","Loading2x","cov_1lrmitxhss","DatesElement","reportData","selectedBatchYear","DownloadElement","downloadPdfIcon","statusElement","setSelectedBatchYear","setReOpenYear","setAlertPopup","blueDotIcon","dropdownIcon","HeaderContent","AnnualreportDashboard","DashboardData","handlerTogetAnnualReportsData","handleReopenAnnualReport","alertPopup","reOpenYear","afterRevokePopup","setAfterRevokePopup","currentYear","getAnnualReportData","revokeAPICall","successIcon","loadingIcon","isArray","dto","updatedDateTime","cov_2ftrdj4gnf","getYearList","cov_f5qv5wwcy","YusaAssociationListSelector","yusaAssociationData","YusaYearListSelector","cov_22m1b14qzc","associationType","getRowStatus","warningDarkIcon","getTitle","setColumnSorting","cov_yyzqn41hv","Table2022","cov_1kyx1ex1jh","cov_jp0se05jo","ASSOCIATION_COLUMNS_2022","cov_28llszl25z","YusaAnnualDashboard","handleToGetAssociationList","handleGetYearList","YearList","setAssociationType","setSelectedYear","yearListLoader","setYearListLoader","associationListLoader","setAssociationListLoader","totalData","completed","NotStarted","setAssociationData","setAssociationinfo","getAssociationListForTable","UpdatedDateTime","Progress","getAssociationListForTable2022","handleSelectedYear","selectedValue","sort","AssociationsTotal","Associationhover","completedhover","inporgress","inporgresshover","NotStartedhover","cov_2q2y1rljkm","cov_2gtfowzj4u","cov_7fc8p1z1z","postVolunteerRegistrationData","cov_x0wk7htbb","VolunteerRegistrationSelector","volunteerRegistrationStore","VolunteerCountriesListSelector","cov_2ipu45p8hl","getVolunteerRegistrationPreview","cov_2cw4wduhf8","VolunteerRegistrationPreviewSelector","volunteerRegistrationPreviewStore","cov_13e4m4dgpb","PreviewPopup","popupTital","modelTargetValue","cov_1o1vosxspj","RenderStatusIcon","isAdminPreview","setIcon","NewRegisterStatus","RejectedIcon","DeniedStatusIcon","ApprovedIcon","PendingStatusIcon","InitiateStatusIcon","UnderReviewStatusIcon","setClassName","setStatusText","cov_20uirwe56n","VolunteerRegisteration","handleVolunteerRegistrationData","handlegetVolunteerRegistrationPreview","VolunteerRegistrationPreviewSelectorData","eighteenYearsAgo","SwimOfficialCertificationRef","AthleticProtectionTrainingRef","BackgroundScreeningRef","countries","setCountries","setStates","setSelectedCountry","agreementAccepted","setAgreementAccepted","formSubmit","setFormSubmit","tandCacceptedName","setTandCacceptedName","termsAndCondition","setTermsAndCondition","substring","tandCacceptedDateTime","setTandCacceptedDateTime","tandCacceptedDateTimeValue","backgroundScreeningError","setBackgroundScreeningError","athleticProtectionTrainingError","setAthleticProtectionTrainingError","swimOfficialCertificationError","setSwimOfficialCertificationError","redirectPath","setRedirectPath","backgroundScreeningSelected","setBackgroundScreeningSelected","athleticProtectionTrainingSelected","setAthleticProtectionTrainingSelected","swimOfficialCertificationSelected","setSwimOfficialCertificationSelected","nameErrorFlag","setNameErrorFlag","requestBackgroundScreening","setRequestBackgroundScreening","successMessage","setSuccessMessage","phoneNumber","dateOfBirth","addressOne","addressTwo","city","country","zipCode","registerationFor","isCertifiedSwimOfficial","when","is","SwimOfficialCertification","AthleticProtectionTraining","BackgroundScreening","birthDate","address1","address2","registrationIds","requestedBackgroundScreening","selectedCountryData","handletandCacceptedNameChange","handleTermsAndConditionChange","handleRequestBackgroundScreeningChange","handletandCacceptedDateTimeChange","volunteerAttestationObject","volunteerDocuments","documentTypeString","swimOfficialCertificationObject","backgroundScreeningObject","getDocumentStatus","documentTypes","AthleteProtectionTraining","lenght","rowsValue","validateFileSize","maxSize","validateFileType","allowedTypes","checkBackgroundScreeningEdit","volunteerDocumentStatus","validStatusValues","validateDocument","documentStatus","errorSetter","errorMessageValue","checkDocumentValidations","isFormValid","hasBackgroundScreening","setFormDataValues","showUploadFile","isEdit","documentTypeValue","handleSetCountries","handleAgreement","handleBackgroundScreening","files","handleAthleticProtectionTraining","handleSwimOfficialCertification","renderUploadFile","editSelectedFlag","documentTypeRef","documentTypeError","handleEventMethod","handleDocumentSelectedFlag","hidden","ref","UploadIconBlue","renderErrorNote","getBackgroundScreeningStatus","stateId","scope","InfoIcon","uploadedOn","ViewIcon","DeleteIcon","EditPencilIcon","CrossIconBlue","VolunteerCountriesListSelectorData","VolunteerRegistrationSelectorData","cov_bgw1faqb5","documentTitleType","VolunteerAttestation","getDocumentTitle","getFileExtension","filename","ext","exec","checkDateValidation","dateToCompare","toLocaleDateString","cov_1aqyowl855","VolunteerAttestationModal","acceptedName","acceptedDateTime","acceptedTermsAndConditions","formattedDate","cov_uov1th7de","PreviewModal","fileURL","documentTitle","setModalTitle","cov_2c4r0ruzyy","VolunteerRegistrationPreview","handleGetVolunteerRegistrationPreview","setFileURI","setDocumentTitle","isPdfViewer","setIsPdfViewer","setPopup","some","setExpiryDateFormat","expiryDate","openPDF","URI","extn","typeValue","multipartFormData","bytes","Uint8Array","blob","pdfViewerFlag","cov_ytk9h8h64","VOLUNTEER_ADMIN_DASHBOARD_SUCCESS","VOLUNTEER_ADMIN_DASHBOARD_FAILURE","cov_1z0kr024qb","getVolunteerAdminDashboardList","getVolunteerAdminDashboardTableList","cov_2l350qolan","cov_1tymxwohpy","VOLUNTEER_TABLE_COLUMNS","cov_2ozav98q4n","VolunteerAdminDashboard","handleGetVolunteerAdminDashboardTable","handleGetVolunteerAdminDashboard","dateFormatForDocument","volunteerCount","setVolunteerCount","volunteerList","setVolunteerList","noOfVolunteers","setNoOfVolunteers","newVolunteerData","setNewVolunteerData","approvedVolunteerData","setApprovedVolunteerData","rejectedVolunteerData","setRejectedVolunteerData","pendingVolunteerData","setPendingVolunteerData","handleKipClick","KpiTitle","getVolunteerListForTable","volunteerData","volunteerLists","New","Approved","Rejected","Pending","tableData","VolunteerName","YMCA","RegistrationFor","PurpleIconDark","PurpleIconLight","totalsVolunteers","NewVolunteerIconDark","NewVolunteerIconLight","newVolunteers","ApprovedIconDark","ApprovedIconLight","approvedVolunteers","PendingIconDark","PendingIconLight","pendingVolunteers","RejectedDarkIcon","RejectedLightIcon","rejectedVolunteers","cov_18x5hucfm2","getVolunteerAdminPreviewList","postVolunteerApprovalData","postVolunteerDocumentApprovalData","postVolunteerInitiateBackgroundScreening","postVolunteerCancelInitiatedBackgroundScreening","cov_9i185q9cm","VolunteerAdminPreviewSelector","VolunteerAdminPreviewStore","VolunteerAdminApprovalSelector","VolunteerAdminApprovalStore","VolunteerAdminDocumentApprovalSelector","VolunteerAdminDocumentApprovalStore","VolunteerInitiateBackgroundScreeningSelector","VolunteerInitiateBackgroundScreeningStore","VolunteerCancelInitiatedBackgroundScreeningSelector","VolunteerCancelInitiatedBackgroundScreeningStore","cov_1juwy9zznu","RejectModal","handlePostVolunteerDocumentApproval","documentDetail","volunteerID","handleVolunteerAdminPreview","editDecision","setComment","commentValue","handleComments","commentsValue","documentDetailObject","objectPayload","volunteerDocumentId","documentTypeId","VolunteerAdminDocumentApprovalSelectorData","cov_2hve2pmfmi","ApproveModal","expiryDateTime","setExpiryDateTime","getTime","maxDate","expiryDateTime1","handleExpiryDateTimeChange","cov_2qfau9b7ag","VolunteerAdminPreview","handleGetVolunteerAdminPreview","handlePostVolunteerApprovalPreview","handlePostVolunteerInitiateBackgroundScreening","VolunteerAdminPreviewSelectorData","handlePostVolunteerCancelInitiatedBackgroundScreening","computedMatch","revertAction","setRevertAction","isEditDecisionSelected","setIsEditDecisionSelected","documentType","setDocumentType","addComment","setAddComment","commentError","setCommentError","formButtonDisable","setFormButtonDisable","selectedDocumentDetail","setSelectedDocumentDetail","initiateSuccessPopup","setInitiateSuccessPopup","initiateCancelSuccessPopup","setInitiateCancelSuccessPopup","showCancelAttentionPopup","setShowCancelAttentionPopup","handleCloseCancelAttentionPopup","handleShowCancelAttentionPopup","handleFormSubmissionButton","every","handleDownloadFile","extractFileName","handleSelectedDocumentDetails","handleFormSubmission","handleAddComment","flag","showApproveReject","handlePostVolunteerInitiateAction","initiateBackgroundScreening","dob","handlePostCancelVolunteerInitiateAction","handleInitiatePopup","handleCancelInitiatePopup","renderApproveButton","renderRejectButton","BackgroundScreeningCheck","renderInitiateButton","InitiateIcon","renderCancelInitiateButton","renderEditButton","renderPreviewButton","renderPreviewAndDownloadButton","DownloadIconArrow","isFormStatusApprovedOrRejected","isFormStatusNotApprovedOrRejected","checkDocumentTypeStatusAndEditAction","isStatusInvalid","isDocumentTypeMatch","params","cov_2g78m9w7u3","cov_ndgse29v2","cov_26gs5iifg8","getCdpAssociateDashboard","saveCdpAssociation","checkHipaaCertificate","updateViewStatus","cov_12zcgymil4","getCdpWellDFetchAction","DataSystem","postCdpFileAction","postCdpRedcapFetchAction","getIsImportedMsgAction","getProgramsAction","getDolProgramsAction","getDolTypesAction","getDataSystemsAction","updateSubmissionDateAction","selectedDataSystemAction","selectedProgramAction","detailPageTypeAction","saveCdpFetchIdAction","saveFetchTypeAction","cov_2r66h6b4ew","getCdpAdminDashboard","getCdpAdminDashboardKIP","getCdpAdminDashboardCards","getAssociationByNumber","cov_2l801njyyi","useSessionStorage","initialValue","storedValue","setStoredValue","setValue","valueToStore","Function","encyptedValue","cov_20qnmpegr6","FileMimeType","cov_26q06o675u","UserService","getTokenStore","tokenString","getToken","getUser","getAssociation","getUserName","userName","getFullName","fulName","cov_b7d5q0ix7","successHtml","SuccessModalIcon","errorHtml","processHtml","UploadedIconDark","getStatusHtml","dateTimeSort","rowA","rowB","columnId","dateA","dateB","ASSOCIATE_DASHBOARD_COLUMNS","downloadFile","onLinkClick","onShowHideClick","Cell","typeId","programName","programDisplayName","typeName","createdBy","createdDate","sortType","canHidden","cov_2qp7tocvge","hiddenColumns","noRecordMessage","showCount","onShowRecordsClick","autoResetSortBy","autoResetPage","autoResetFilters","autoResetGlobalFilter","hiddenRecordCount","showHideButtonText","setPageSize","filteredRows","onBtnClick","caluclatePageEntries","caluclatePageToEntries","toCount","caluclatePageOfEntries","retrunValue","getSortedDesc","pSize","FirstIcon","LastIcon","cov_1ou2jvgpl1","DueDate","DPPDueDateData","allProgramDueDate","setAllProgramDueDate","setDueDates","kpiDataSummary","allProgramDates","SummaryDates","getCalenderImage","CalenderIconGray","CalenderIconGreen","CalenderIconOrange","CalenderIconRed","getCalenderClass","showAllDueDates","dueDate","programDescription","submissionDates","orgCode","cov_zlxp337cz","Toaster","closeTime","toastOptions","cov_1eys3rrugn","CDPAssociatedashboard","handelGetCdpAssociateDashboard","handelDetailPageTypeAction","handelSaveCdpFetchIdAction","handelSaveFetchTypeAction","handelGetAssociationByNumber","handelSaveCdpAssociation","handleUpdateViewStatus","initalTableState","totalRecordsDisplay","setTotalRecordsDisplay","kpiData","setKpiData","selectedKPI","setSelectedKPI","dueDateData","setDueDateData","setAssociationNumber","initialProgramId","setInitialProgramId","tableState","setTableState","toastStatus","setToastStatus","hiddenRecordCountUi","setHiddenRecordCountUi","setShowHideButtonText","isHiddenRecordShowing","setIsHiddenRecordShowing","setAssociation","activeKPICard","fileteredDueDateData","card","getAssociationName","kpiprogramID","_userService$getAssoc","_userService$getAssoc2","dashboardResponse","_args","userService","changeLogdetails","details","summeray","yName","getFileName","setFileName","contentType","dataSystemName","fileExtension","fileContentName","getKpiClasses","programValue","getKpiDarkIcon","DPPDARK","BPSDARK","EFDARK","HWDARK","LSDARK","YWPDARK","getKpiLightIcon","DPPLIGHT","BPSLIGHT","EFLIGHT","HWLIGHT","LSLIGHT","YWPLIGHT","handleKpiCards","kpi","displayLsOrEf","resetInitialTableState","isHidden","recordDto","filteredRecords","showHiddenRecords","Breadcrumb","exclamation","ASSOCIATEDASHBOARDCOLUMNS","loginUserData","cov_1p1vosu3to","cdpFetchSelector","cdpDetailsStore","detailPageTypeSelector","persistedUploadDataStore","getCdpPopoverSelector","cov_1a7cs874ap","selectedDataSystemSelector","selectedProgramSelector","isImportedSelector","progrisImportedMsgam","cdpDataSelector","uploadDataStore","cdpDataFetchIdSelector","cdpDataFetchTypeSelector","cdpWelldFetchSelector","cdpwelldfetch","cov_kcskm80f2","getDetails","dataSystemEnum","getRedcapFetch","getCdpFetchDetailsAction","getCdpDataFetchAction","postRedCapImportAction","postSoleraImportAction","postWellDImportAction","setPopoverDetails","cov_m1fibztda","Breadcrumbs","pathName","cov_p1ekj4zu3","PageHeader","onBackClick","cov_23qbfjm8wg","PageContainer","cov_ijlr9ckwi","getSorted","cov_jw7t6i6kw","CdpStatCard","redcapClass","kipClick","classes","setCard","cardData","setCardData","initData","totalRecords","records","deletE_IND","validRecords","invalidRecords","subTitle","detailslight","detailsdark","hoverClass","ApprovedIconlight","RejectedIconlight","deletedRecords","DeleteIconDark","DeleteIconlight","duplicateRecords","duplicateColor","duplicateWhite","setActive","stat","checkActive","cov_2mwhv1icot","Modal","classNames","showClose","cov_g5vcfin2v","buildRow","redcapErrorSummaryContent","entries","field","RedcapErrorDetailsR","RedcapErrorDetailsO","RedcapErrorDetailsV","RedcapErrorDetailsC","EfRegistrationErrors","singleSummary","ViewDetails","isValidRecord","indexOf","RedcapErrorSummaryR","erroR_SUMMARY_R","RedcapErrorSummaryO","erroR_SUMMARY_O","RedcapErrorSummaryV","erroR_SUMMARY_V","RedcapErrorSummaryC","erroR_SUMMARY_C","efRegistrationErrorSummary","Registration","efVisitErrorSummary","Visit","efAssesdsementErrorSummary","Assessement","summaryContent","cov_ej37qslbx","getViewDetailsCell","viewDetalsPopup","getActionCell","OCHI_BPSM_COLUMNS","SOLERA_TABLE_COLUMNS","WELLD_TABLE_COLUMNS","DOL_PL_COLUMNS","DOL_PARTICIPANT_COLUMNS","DOL_PARTNERSHIP_COLUMNS","EF_COLUMNS","LS_COLUMNS","HW_COLUMNS","cov_7faby8nvl","CDP_COLUMNS","DPRP","BPSM_OCHI","BPSM_DPRP","cov_2k1h71gif9","ErrorSummaryColumn","handelPopoverDetails","showPopover","setShowPopover","activeCell","setActiveCell","timerRef","adjustPopoverPosition","cellRect","getBoundingClientRect","windowWidth","innerWidth","popoverWidth","initialLeft","left","scrollX","initialTop","bottom","scrollY","finalLeft","handleResize","addEventListener","removeEventListener","handleScroll","handleMouseEnter","clearTimeout","handleMouseLeave","onMouseEnter","onMouseLeave","er","cov_12mcildpyy","ManageColumns","activeCard","DataSys","getErrorSummary","getErrorKeys","redcapErrorSummary","esummary","errorSummaryDetails","processErrorSummary","columnsArray","summaryColumn","splice","cov_1vb4gwdfa9","CustomPopover","popoverData","setPopoverData","popoverPosition","setPopoverPosition","popoverStyle","backgroundColor","border","borderRadius","padding","zIndex","boxShadow","right","cov_tbj4b4b2v","RedcapDetails","cdpDetailView","redcapData","setRedcapData","setActiveCard","isErrorCardClass","setIsErrorCardClass","populateTable","cov_3tpr7gpfs","DolDetails","cdpDolType","dolData","setDolData","objectOf","cov_2anulwdefy","Details","setCdpData","getColumns","cov_be65nrcvy","CdpDetails","cdpDataSelectorData","cdpFetchSelectorData","detailPageTypeSelectorData","cdpDataFetchTypeSelectorData","handlePostSoleraImportAction","handelPostRedCapImportAction","handelGetCdpFetchDetailsAction","handelGetCdpDataFetchAction","showPrompt","setShowPrompt","isConfirmCheck","setIsConfirmCheck","showConfirmCheckMsg","setShowConfirmCheckMsg","setCdpDataFetch","setCdpDetailView","navBlocker","setNavBlocker","dol","setDol","loadingMessage","Id","getFetchDetails","cdpdata","getCdpDataFetch","isImported","loadDolComponent","loadRedcapComponent","loadSoleraComponent","loadComponent","showStatus","seconds","countdownInterval","setInterval","clearInterval","hasOwn","onImportClick","programenum","sourceSystemId","CDPType","downloadErrorDetails","canImport","onOkError","onOkRedirect","onCancelRedirect","sourceSystemDisplayName","isEnable","Download","Prompt","withRouter","cov_3two5qbjw","GetCdpAssociateDashboardSelector","CdpAssociateDashboardStore","GetCdpRedCapRegistrationViewDetailsSelector","CdpRedCapRegistrationViewDetailStore","GetCdpRedCapVisitsViewDetailsSelector","CdpRedCapVisitsViewDetailStore","GetCdpRedCapOrgCodeViewDetailsSelector","CdpRedCapOrgCodeViewDetailStore","GetCdpRedCapCoachViewDetailsSelector","CdpRedCapCoachViewDetailStore","GetCdpSoleraViewDetailsSelector","CdpSoleraViewDetailStore","PostRedCapVisitsSelector","RedCapVisitsObj","RedCapVisitsStore","getCdpAssociationData","getCdpAssociationDueDateData","cov_2pd27uxkrr","formatResponse","cov_28fxepjati","CdpUploadData","handelGetDolTypesAction","handelGetProgramsAction","handelGetDataSystemsAction","handelPostCdpFileAction","handelPostCdpRedcapFetchAction","associationSelectorData","getIsImportedMsgFetch","handelUpdateSubmissionAction","setTypes","setPrograms","buttonName","setButtonName","setDataSystems","selectedProgram","setSelectedProgram","selectedDataSystem","setSelectedDataSystem","setFetchType","disableButton","setDisableButton","selectedDataSystemText","setSelectedDataSystemText","selectProgramText","setSelectProgramText","selectedType","setSelectedType","selectedTypeText","setSelectedTypeText","setLoadingMessage","learn","setLearn","setIsImportedMsg","programDueDate","setProgramDueDate","showConfirmation","setShowConfirmation","confirmationMessage","setConfirmationMessage","getProgramDueDate","handleShowLearn","hideShowLearn","loadPrograms","limitedProgrmas","allSettled","loadDataSystems","getAttribute","loadDolTypes","redirectToDetail","processSolera","processRedcap","_callee6","_callee6$","_context6","downloadTemplate","onDownloadClick","onFetchClick","toLocaleLowerCase","onDataSystemChange","_callee7","selectedText","_callee7$","_context7","selectedIndex","onProgramChange","_callee8","selectedPro","selectedProFullName","dropdownProgram","_callee8$","_context8","onTypeChange","typeText","onModalOk","getColValue","disableButtonClick","acceptedFileType","canShowDownloadTemplate","onNoReportClick","_callee9","_callee9$","_context9","handleSubmissionConfirmClick","_callee10","_callee10$","_context10","selected","allowedAttrs","attr","YmcaInfoIcon","DownloadBlueIcon","cov_1ffq7tqwjk","getViewDetailsLinkCell","getStatusImage","getStatusClass","ADMIN_DASHBOARD_COLUMNS","val","submittedDate","orgCodes","cov_fa8czg05i","majorGroup","cov_d9hhg5zn6","CDPAdminDashboard","cdpAdminDashboard","handleCdpAdminDashboardKIP","dashboardData","setDashboardData","setMajorGroup","setProgram","getDashboardDetails","kipResponse","_kipResponse$data","_kipResponse$data2","handleAdminData","majorGroupIdPara","programIdPara","textAlign","associationCount","cov_dtkvy88to","CdpDashboard","hippaCertificateStatus","setHipaaCertificateStatus","handleCheckHipaaCertificate","getCheckHipaaCertificate","hippaExpiryMessage","renderComponent","cov_2macoag4iu","cov_lk93el144","cov_evj51497l","getUserManagementTableList","cov_1w5bq4wguc","cov_25mwt2zeh","USER_TABLE_COLUMNS","cov_1olekb4zpg","_createForOfIteratorHelper","_unsupportedIterableToArray","_n","F","_arrayLikeToArray","UserTable","handleGetUserManagementTableList","userManagementList","setUserManagementList","users","setModuleData","userModuleRoles","selectedData","modulename","getModuleRoleLength","roles","setRoleData","userModuleRolesData","_iterator","_step","_iterator2","_step2","roleName","processRole","roleList","processModule","moduleList","moduleRoleLengthList","getUserManagementListForTable","userManagementData","roleData","moduleRoleLength","DCHUserId","Role","userStatus","cov_2dxexqynwk","postUserRegistrationData","getUserRegistrationDetails","getModuleList","resetUserDetails","cov_1avu85n406","UserRegistrationSelector","userRegistrationStore","UserRegistrationDetailsSelector","userRegistrationDetailsStore","ModuleListSelector","moduleListStore","cov_1yn307cumo","UserForm","handleGetModuleList","handlePostUserRegistrationData","handleGetUserRegistrationDetails","UserRegistrationDetailsSelectorData","handelResetUserDetails","setModuleList","validationObj","moduleCheck","setEditValue","userData","_iterator3","_step3","moduleId","handleUserDetails","modules","_iterator4","_step4","userID","processModuleList","moduleListData","processedModule","_iterator5","_step5","_loop","tempArray","processModuleRoleList","selectedModuleList","tempSelectedRoles","_iterator6","_step6","_iterator7","_step7","_loop2","roleValue","tempRoleArray","_tempSelectedRoles","_ret","PayloadObject","roleId","cov_2lk0df11qu","getUserManagementUploadFile","cov_2pwa00vx83","cov_13wio0ual4","handleGetUserManagementUploadFile","UploadFiledata","cov_23t4mj3ii3","USER_MANAGEMENT_IMPORT_DATA_SUCCESS","USER_MANAGEMENT_IMPORT_DATA_FAILURE","cov_i0amqx059","getUserManagementImportData","cov_1p8dqrktd8","UserManagementUploadFileSelector","UserManagementUploadFileStore","cov_1ax8rbjqm2","TotalUsersTableColumns","cov_1uwd80fn2j","TableColumns","cov_2000at4daa","cov_1fuk2bo6xq","ErrorColumns","cov_2kia07hkbo","setshowSuccessPopup","newRecordsDetails","setNewRecordsDetails","existingRecordsDetails","setExistingRecordsDetails","totalRecordsDetails","setTotalRecordsDetails","errorRecordsDetails","setErrorRecordsDetails","showTotalRecords","setShowTotalRecords","showNewRecords","setShowNewRecords","showErrorRecords","setShowErrorRecords","showExistingRecords","setShowExistingRecords","activeTotalRecords","setActiveTotalRecords","activeNewRecords","setActiveNewRecords","activeErrorRecords","setActiveErrorRecords","activeExistingRecords","setActiveExistingRecords","NewRecordsDetailRow","ExistingRecordsDetailRow","ErrorRecordsDetailsRow","TotalRecordsDetailsRow","recordType","usersImport","totalrecordpurpleicon","totalrecordwhiteicon","newrecordyellowicon","newrecordwhiteicon","existingrecordpinkicon","existingrecordwhiteicon","totalrecordvoileticon","errorrecordvoileticon","segregatedList","NewUsers","cov_pazrosjt4","cov_2hvrr33dx7","cov_1ma7rv8dnv","AccessErrorPage","cov_23tpfnpfje","UserErrorPage","cov_1yi09mbopk","FeedbackPages","cov_3hvv08u7x","Feedbackandsupport","feedbackdata","setFeedBackData","cov_xwdlr0qpc","cov_q62i5rlpl","cov_1qm6szw06t","getSwimSafetyDashboardCountList","getSwimSafetyAssociationList","getSwimSafetyAssociationByFilters","getSwimSafetyAssociationDropdown","getSpecialGrantDropdown","getSwimSafetyAddORupdateAssociation","getSwimSafetyDeleteAssociation","saveAssociaton","getSwimAssociationDropdown","cov_ke8pypm0h","SwimSafetyAdminCount","SwimSafetyDashBoardStore","SwimSafetyAssocListSelector","cov_1j4cvg0nx9","downLoadAssocitions","cov_16k187vtf8","SWIM_ASSOCIATION_COLUMNS","cov_1tb9ubzbay","handleGetDashBoardCount","handlegetAssociationList","handleDeleteAssociation","countData","setCountData","associationList","setAssociationList","deleteAssociation","setDeleteAssociation","handleDelete","associationDetails","handleList","clearStartDate","clearEndDate","include","handleCountCall","deleteAPIcall","handleViewDetails","assdata","associationsCount","SwimBranches","branchesCount","SwimIIcon","swimProgramsCount","profilesCount","cov_2on6gqprk9","cov_12z5hi5lns","cov_2hbcuf0kd3","cov_2ewseewcop","getSwimSafetyUplaodProfiles","getSwimSafetyImportProfiles","getSwimSafetyProfileList","getSelectedBranchAndProgram","getSwimSafetyProfileDetails","ProfileId","getSwimSafetyProfileAddORupdate","getSwimSafetyProfileDelete","DeleteId","getSwimProfilesByProgramId","getSwimSafetyProfilesByFilters","cov_96ahwnhmx","SwimProfileSelector","SwimProfileStore","SwimSelectedProgramSelector","cov_gdsb9yn60","cov_254x9b8kkw","cov_1m94wd97ts","CardsList","cardDetails","BranchIcon","branchname","SwimGreen","ProgramInstructor","instructorName","ProgramDates","cov_2lbkldalxe","profileDetails","programDeatils","cov_tf286x9ll","handleSwimProfilesByProgramId","getSwimProfile","handleGetProfileDelete","FetchSelectedProgramSelector","setCardDetails","profileData","setProfileData","selectedProfile","setSelectedProfile","programDeletId","setProgramDeletId","selectedProfileData","getSwimProfileDetails","profileListAPICall","deletePrograms","handleDeletePopup","addSwimLocation","childBirthDate","cov_2pu4as1nb7","getSwimSafetyProgramsList","getSwimSafetyProgramsDetails","getSwimSafetyProgramsAddORupdate","getSwimSafetyProgramsDelete","getSwimProgramsByBranchId","getSwimSafetyProgramsByFilters","cov_jsnhel43c","SWIMSAFETY_BRANCH_LIST_SUCCESS","SWIMSAFETY_BRANCH_DETAILS_SUCCESS","SWIMSAFETY_BRANCH_UPDATE_OR_ADD_SUCCESS","SWIMSAFETY_BRANCH_API_FAILURE","SWIMSAFETY_BRANCH_DELETE_SUCCESS","SWIMSAFETY_BRANCH_DELETE_FAILURE","SWIMSAFETY_BRANCHES_BY_FILTERS_SUCCESS","SWIMSAFETY_BRANCHES_BY_FILTERS_FAILURE","cov_dovzisedh","getSwimSafetyBranchList","getSwimSafetyBranchDetails","getSwimSafetyBranchAddORupdate","getSwimSafetyBranchDelete","getSwimSafetyBranchesByFilters","cov_1ygl7cgb92","GrantList","GrantName","cov_hgwsf46yo","AddProgram","getSwimProgram","saveSwimProgram","handleSwimSafetyBranchList","grantDropdown","setGrantDropdown","programData","setProgramData","swimProgramData","handleRemoveStartWhiteSpaces","noOfLessons","lengthOfLessons","partOfGrandFunded","grantId","shape","sawLessonPlan","getSwimProgramDetails","setEditValues","isFollowSAWLessonPlans","specialGrant","grant","validate","branchid","Select","isClearable","cov_19kf63zv9s","cov_2onbedkajs","cov_250opj5ami","Profiles","cov_17z4l2sbjd","AddProfile","saveSwimProfile","handleToGetSwimPrograms","programDropdown","setProgramDropdown","setProfileDetails","ethnicity","howDidYouHear","childNewToTheY","levelOfSAW","submergeTheirFaceLesson1","submergeTheirFaceLesson8","bobIndependentlyLesson1","bobIndependentlyLesson8","frontGlide5ftLesson1","frontGlide5ftLesson8","poolLesson1","poolLesson8","floatSwim10ftLesson1","floatSwim10ftLesson8","jumpIndependentlyLesson1","jumpIndependentlyLesson8","grabAssistedLesson1","grabAssistedLesson8","grabIndependentlyLesson1","grabIndependentlyLesson8","safelyExitThePoolWithoutHelp","everHadSwimLessonsBefore","profileInfo","getProgramDropdownOptions","GenderDropdwon","EthnicityDropdwon","HowDidYouHearDropdwon","LevelOfSawDropdwon","cov_rtf25fo92","AddAssociation","handleSaveAssociation","addBranch","setAddBranch","selectedbranches","setSelectedbranches","selectedOption","setSelectedOption","prepareBrachList","branchs","getAssociationByAN","branchesData","address","branchAddress","contactNumber","associationAddress","associationEmail","associationPhoneNumber","swimSafetyBranches","cov_6b3xsfacm","AddBranch","selectedAssociation","setSelectedAssociation","aNumber","cov_1ckmjcmdge","getSwimAssociationDashboardCountList","cov_2qi3ff147d","cov_44676staq","BRANCHES_COLUMNS","SWIM_PROGRAM_COLUMNS","PROFILE_COLUMNS","cov_28e6z7pb08","showAddBranch","cov_1vrhvi1kq6","BranchTable","handleGetBranchDelete","recallCount","handleBranchesByFilters","showAll","isFilterActive","isFilterClear","setBranchList","branchDeletId","setBranchDeletId","isAssociationExist","setIsAssociationExist","branchListAPICall","checkAssociationAvailable","findAssociation","updateBarnchList","actions","cov_1o6q9vtppj","cov_z0hupjq5d","ProgramTable","handleGetProgramsDelete","handleSelectedBranchAndProgram","handleProramsByFilters","programsList","setProgramsList","getProgramsList","programList","cov_1h0necmhta","cov_rl3i8du6i","cov_2j3hr2oiai","ProfileTable","handleProfilesByFilters","profileList","setProfileList","getProfileList","cov_5tlh7mc62","setShowAll","setIsFilterActive","setIsFilterClear","selectedTab","handleTabs","tab","getDashboardCounts","showAllOption","handleApply","clearFilters","handleClear","BranchesIconTransparent","BranchesIconLight","SwimIconBlueTransparent","SwimIconBlueLight","ProfileIconYellowTransparent","ProfileIconYellowLight","cov_1wkpixbfwb","modalwidth","cov_259i3c68fe","handleUplaodProfiles","handlegetProgramsByBranchId","programDropDown","setProgramDropDown","handleUploadedProfile","_handleUploadedProfile","fileData","handleBranchDropdown","FetchSwimProfileData","cov_9ckklx64b","cov_19zs7fp6f9","INVALID_DASHBOARD_COLUMNS","cov_25ylvm2x89","handleSwimImportProfiles","setTableData","importDisable","setImportDisable","newTableData","updateRes","profilesImport","DataGrren","fileUploadSummary","DataActiveGreenLight","cov_kzq4azxyv","cov_2dcd13ypxc","cov_yayv280zo","getCOLIdashboardCount","getCOLIAssociationList","cov_2qefeadrnb","cov_2r8r5xn1hy","INSURANCE_ASSOCIATIONS_COLUMNS","cov_209vsdqryq","setSelectedTab","getDesignedStatus","textColorCls","NewSubmissionIcon","PendingIcon","ExpireIcon","lastUplodedDateTime","getTableTitle","AssociationActive","AssociationIcon","totalAssociations","SubmissionDark","SubmissionIcon","newlySubmitted","approved","pending","rejected","ExpiredDarkIcon","ExpiredIcon","expired","cov_knloy77h7","COLI_ASS_DASHBOARD_COUNT_SUCCESS","COLI_ASS_DASHBOARD_COUNT_FAILURE","COLI_ASS_DASHBOARD_LIST_SUCCESS","COLI_ASS_DASHBOARD_LIST_FAILURE","COLI_ASSOCIATION_DETAILS_SUCCESS","COLI_ASSOCIATION_DETAILS_FAILURE","COIL_UPLOAD_FILE_SUCCESS","COIL_UPLOAD_FILE_FAILURE","COIL_DOWNLOAD_FILE_SUCCESS","COIL_DOWNLOAD_FILE_FAILURE","COLI_APPROVE_REJECT_STATUS_FAILURE","COLI_APPROVE_REJECT_STATUS_SUCCESS","cov_omfgbe46n","getCOLIuplaodFiles","getCOLIAssociationDetails","getCOLIFileDownload","setApproveRejectStatus","cov_1o3bx7mc5p","fileExt","overflowY","FileViewer","fileType","cov_2d845i9k2h","ApprovePopup","showApprovePopup","setShowApprovePopup","handleApprove","defaultDate","setExpiryDate","button","heigt","cov_218zbsabi5","RejectPopup","showRejectPopup","setShowRejectPopup","handleReject","cov_zjmyypmd3","handleUplaodFiles","handleAssociationDetails","handleToSetStatus","UploadFileRef","setUploadFileData","setFileExt","setAssociationDetails","fileExceedMessage","setFileExceedMessage","fileUrl","activeStatus","uplodedDateTime","getAssociationDetails","handleUploadFile","editStatus","activeDocument","download","handleFileChange","checkStatusYmcaRole","approveDocument","expirydate","documentId","ExpiryDate","rejectDocument","comments","archivePreviewAndDownloadButton","renderUploadButton","renderViewAndDeletePdf","AssociationNameIcon","AssociationNumIcon","UpdatedByIcon","UpdatedOnIcon","cov_2235soqn3r","cov_x9ackjrxf","cov_2g8ae2fcox","GET_METADATA_SEGMENT_TYPES_SUCCESS","GET_METADATA_SEGMENT_TYPES_FAILURE","GET_METADATA_DATA_POINT_TYPES_SUCCESS","GET_METADATA_DATA_POINT_TYPES_FAILURE","ADD_META_DATA_FAILURE","UPDATE_META_DATA_SUCCESS","UPDATE_META_DATA_FAILURE","DELETE_META_DATA_FAILURE","GET_META_DATA_SUCCESS","GET_META_DATA_FAILURE","cov_237dnr89lj","getSegmentTypes","getDataPointTypes","addMetadata","updateMetadata","deleteMetadata","getMetadata","cov_2huf7hgqw5","getDomains","getYears","getARCurrentYearsDates","getDashboardForms","getTotalDataCollection","getTotalUploads","getTotalChanges","cov_25jo3193wf","GetDashboardARCurrentYearDatesSelector","metadataDashboard","cov_2abnu9s4ld","setTableGlobalFilter","calculatePageEntries","calculatePageToEntries","calculatePageOfEntries","cov_1ndhulygmy","METADATA_DASHBOARD_COLUMNS","handleViewClick","handleDeleteClick","isEditableAccessRefCuurent","updatedDttm","updatedBy","createdDttm","s_ID","METADATA_NO_OF_CHANGES_COLUMNS","validTo","METADATA_DASHBOARD_NOOFUPLOAD_COLUMNS","createdDTTM","METADATA_DASHBOARD_UPLOAD_COLUMNS","handleUploadViewClick","metadataFileUploadMappings","dataDomainName","uploadedBy","uploadedDTTM","METADATA_DETAIL_FIELDS","utc","cov_88nt4msu0","DashboardViewDetails","activeKpi","getRowDate","renderFields","subformId","subformName","category1Id","category2Id","category3Id","category1Name","category2Name","category3Name","dataPointType","dataPointId","dataPoints","dataSegmentType","dataEvalId","minPointsReq","qualtricsId","formPointsPossible","earnedScore","sourceMapping","targetMapping","cov_1ky8cd2cr5","handleResponse","isSucess","handleCatch","errorData","parsedError","domainName","arStartDate","cov_2f6j9xkjtb","MetaDataManagerDashboard","handleGetDomains","handleGetYears","handleGetDashboardCounts","handleGetDashboardForms","handleGetTotalCollections","handleGetTotalUploads","handleGetTotalChanges","handleDeleteMetadata","currentYearSelector","handleGetARCurrentYearDates","deleteId","setDeleteId","setIsLoading","setActiveKpi","dataDomains","setDataDomains","years","setYears","selectedDataDomain","setSelectedDataDomain","appliedDataDomain","setAppliedDataDomain","appliedYear","setAppliedYear","forms","setForms","subForms","setSubForms","selectedForms","setSelectedForms","selectedSubForms","setSelectedSubForms","selectedRow","setSelectedRow","showFailure","setShowFailure","showSuccess","setShowSuccess","allTableData","setAllTableData","tableColumns","setTableColumns","isEditableAccess","setIsEditableAccess","isEditableAccessRef","setAccess","loadCounts","useCallback","resetFormNSubFroms","loadMetadata","activeKpiOverride","_args2","loadForms","form","loadDashboard","domainRes","yearRes","initialDomain","initialYear","storedDomainId","storedYear","all","initializeDashboard","filterTableData","selectedDataForms","selectedDataSubForms","filteredData","formMatch","subFormMatch","subForm","handleFormChange","selectedFormData","childForms","flatMap","subFormName","selectedFormIds","isChildExisits","handleSubFormChange","handleApplyClick","handleDateApplyClick","momentStartDate","momentEndDate","isSame","handleKpiCardClick","kpiIndex","_x7","handleResetClick","handleConfirmClick","flteredData","_x8","handleExportClick","_callee11","selectedSubFormIds","_callee11$","_context11","dataDomain","subform","appConfig","tdsBlueIcon","tdsWhiteIcon","metric","noOfUploadLightIcon","noOfUploadDarkIcon","totalModulelightIcon","totalModulelDarkIcon","exportIcon","uploadIconWhite","cov_2bg52ozez9","cov_1kmqk2ltz1","cov_pyypbor9r","cov_oqsa6y6tz","cov_6z8xglqal","OvernightCampYusaDashboard","cov_wt56fpwia","OvernightCampCardDashboard","cov_3xnfhkxlx","cov_p5odx69f7","TotalStaff","nonFullTimeExempt","numberOfMedicalStaffIncludedInCount","numberOfInternationalStaffIncludedInCount","raceEthnicAsian","raceEthnicAsianNotCollected","raceEthnicBlackOrAfricanAmerican","raceEthnicBlackOrAfricanAmericanNotCollected","raceEthnicHispanicLatino","raceEthnicHispanicLatinoNotCollected","raceEthnicMiddleEasternOrNorthernAmerican","raceEthnicMiddleEasternOrNorthernAmericanNotCollected","raceEthnicNativeAmericanOrAlaskanNative","raceEthnicNativeAmericanOrAlaskanNativeNotCollected","raceEthnicNativeHawalianOrOtherPacificIslanderNative","raceEthnicNativeHawalianOrOtherPacificIslanderNativeNotCollected","raceEthnicWhite","raceEthnicWhiteNotCollected","raceEthnicTwoOrMoreRacesEthnicities","raceEthnicTwoOrMoreRacesEthnicitiesNotCollected","raceEthnicOther","raceEthnicOtherNotCollected","raceEthnicAdditionalIdentifications","raceEthnicAdditionalIdentificationsNotCollected","raceEthnicUnknown","raceEthnicUnknownNotCollected","raceEthnicTotalMembers","raceEthnicTotalMembersNotCollected","genderFemale","genderFemaleNotCollected","genderMale","genderMaleNotCollected","genderAdditionalIdentifications","genderAdditionalIdentificationsNotCollected","genderUnknown","genderUnknownNotCollected","genderTotalMembers","genderTotalMembersNotCollected","cov_16rncx1r3v","Wages","dropdowns","setDropdowns","setSelectedValues","textValues","setTextValues","handleSelect","handleTextChange","newValues","_","addDropdown","isAddDropdownDisabled","getAvailableOptions","allOptions","selectedOptions","option","savedData","loggedInUser","currentDateTime","toLocaleString","cov_1k3s42nj4y","CampStaffTab","cov_1gzayv2mqh","EnrollmentAndOccupancy","rowCount","setRowCount","pendingRowCount","setPendingRowCount","setRows","showModal","setShowModal","of","totalNoDays","typeError","totalCamperBedsAvailable","totalCamperBedsFilled","totalSessionCost","handleRowCountChange","handleConfirm","FieldArray","col","colIndex","cov_1kcbsymdv","Participants","totalNumberOfUnique","totalOvernightSummerCampers","cov_o0cfzwcd3","CampParticipationsAndEnrollmentTab","cov_22noyvpnwv","Expenses","totalOperatingRevenue","totalGrossNonOperatingExpenses","grandTotalExpenses","foodAndBeverage","thirdPartyFoodServices","insurance","programAndSupplies","campStoreMerchandise","property","salariesSeasonalEmployees","salariesYearRoundEmployees","benefitsSeasonalEmployees","benefitsYearRoundEmployees","taxesSalariesSeasonalEmployees","taxesSalariesYearRoundEmployees","taxes","transportation","utilities","cov_2qol1jmgiv","Revenue","totalNonOperatingRevenue","grandTotalRevenue","feesSpecializedCamps","activityTransportationInsuranceFees","campStoreRevenue","contributionsScholarshipsCampershipsExclude","contributionsScholarshipsCampershipsInclude","capitalContributions","endowmentContributions","revenueNotMentionedValue","revenueNotMentioned","cov_2b1xibwyes","CampFinancialsTab","cov_1n3naaucvl","CampProgramAndPropertyTab","cov_1exbsiwanm","CampReviewAndSubmitTab","cov_1zpprdsed3","cov_g19m3olq5","OvernightCampForms","cov_1zujvbbksi","cov_2hqyoerue9","cov_15hm7858tm","cov_eq6m0syok","CLONE_META_DATA_SUCCESS","CLONE_META_DATA_FAILURE","CLONE_COUNT_META_DATA_SUCCESS","CLONE_COUNT_META_DATA_FAILURE","cov_d5s3yhq5h","cloneMetadata","getCloneCount","cov_152mfokd0r","MetaDataManagerClone","handleClone","handleCloneCount","listOfYears","setListOfYears","listOfCloneYears","setListOfCloneYears","listOfDataDomains","setListOfDataDomains","fromYear","setFromYear","toYear","setToYear","setDataDomainId","loadClone","filteredYears","clonedYears","initializeClone","showCloneConfirm","reqDmainId","reqFromYear","reqToYear","source","recordCount","handleCloneClick","reqDomainId","reqfromYear","reqtoYear","setShowSucess","cov_15oeecn4b9","GET_METADATA_CATEGORY_MAPPINGS_SUCCESS","GET_METADATA_CATEGORY_MAPPINGS_FAILURE","GET_METADATA_CATEGORY_ITEM_SUCCESS","GET_METADATA_CATEGORY_ITEM_FAILURE","GET_METADATA_CATEGORIES_SUCCESS","GET_METADATA_CATEGORIES_FAILURE","GET_CONFIGURE_CATEGORIES_SUCCESS","GET_CONFIGURE_CATEGORIES_FAILURE","cov_17k3y4p7ea","getCategoryMappings","getMappingsByDomineAndYear","getCategoryMappingBySubForms","getCategoryItems","getConfigureCategories","addCategoryMappings","deleteConfigureCategorieItem","addConfigureCategorieItem","updateConfigureCategorieItem","deleteCategoryMappings","cov_1nuw54tblz","MetaDataManagerManageMetadata","handleGetSegmentTypes","handleGetDataPointTypes","handleGetCategoryMappings","handleGetMetadata","handleAddMetadata","handleUpdateMetadata","listOfForms","listOfSubForms","listOfAllSubForms","listOfCategoryMappings","listOfSegmentTypes","listOfDataPointTypes","listOfCategory1","listOfCategory2","listOfCategory3","listOfFormSubForm","listOfCategories","category1","category2","category3","segmentType","dataPointScore","dataEvalMinScore","metadataId","canRedirect","formGroup","updateState","updates","validateField","rule","validateForm","formIsValid","fieldErrors","handleInputChange","sortCategories","sortedData","_domainId","_year","formsData","subFormsData","formWithSubForms","initializeMetadata","domainsRes","yearsRes","segmentRes","dataPointRes","errorMsg","lastIndexOf","showDownloadMessage","showDownloadStatus","updateCategoryMappings","nestedCategories","cat1","cat2","cat3","checkCombination","calculateDatapointId","dataPointID","loadSubForms","_formId","loadCategories","_subFormId","loadCategory2","_category1","category2List","loadCategory3","_category2","category3List","handleFormSubmit","localCategory1","localCategory2","localCategory3","dataPointDescription","dataPointGranularity","localeCompare","sensitivity","cov_23gtnwk1om","METADATA_CATEGORIES_COLUMNS","handleEdit","lastUpdatedNameTime","METADATA_CONFIGURE_CATEGORIES_COLUMNS","METADATA_CATEGORIES_ITEMS_COLUMNS","cov_1uqsv9y279","showpagination","cov_fjer4w18m","MetaDataManagerCategories","handleGetCategories","handleDeleteMappings","handleMappingsByDomineAndYear","selectedYearFromSession","selectedDomainFromSession","selectedDomainIdFromSession","dashboardSelectedYear","setDomain","setYear","selectedId","setSelectedId","handleTableData","initializeCategories","domains","_years","deleteCategory","categoryMappingId","fileds","handleAdd","cov_1tuglsyv1r","MetaDataManagerConfigureCategory","handleGetConfigureCategories","cov_174aan32q9","MetaDataManagerManageCategoryItem","handleGetCategoriesItems","handleAddCategoriesItems","handleUpdateCategoriesItems","handleDeleteCategoriesItems","isItemAdd","setIsItemAdd","handleAddorEditCategories","_response","_result","closeAddModal","renderTitle","plusIcon","cov_td369x65c","MetaDataManagerCategoryMapping","handleAddCategoryMappings","allLists","setAllLists","subformList","setSubformList","formList","setFormList","selectedFileds","fields","categoryResponse","handleForm","selectedItem","cov_20f15j86re","uploadMetadata","requestData","importSummaryMetadata","uploadId","cov_1y57s2dyz7","UploadMetadataSelector","metadataUpload","cov_8p4uudcmt","MetaDataManagerUploadMetadata","handleUploadMetadata","fileInputRef","setCanRedirect","selectedUploadDataDomain","setSelectedUploadDataDomain","selectedUploadYear","setSelectedUploadYear","setShowDownloadStatus","setShowDownloadMessage","downloadExistingData","handleUploadMetadataClick","uploadedFile","selectedFile","handleButtonClick","initializeUpload","uploadedMetadata","cov_gmqk0kplf","COLUMN","METADATA_DATA_SCORING_COLUMNS","cov_1thjbypke5","getDataScoringAssociation","getDataScoringAssociationList","getDataScoringFormView","getDataScoringSubFormView","getDataScoringEvaluationGroupView","getDataScoringDataPointsView","addMetadataScoring","getEvalDataBySubform","domineId","postEvalDataByIds","postSubScoringGroupDetails","cov_g19pinlfa","MetaDataManagerDataScoring","handleGetDataScoringAssociation","handleGeAssociationList","setAssociations","getAssociations","renderTabledata","DataDomain","Association","totalScore","cov_1iqzw8389c","FORMS_COLUMN","cov_27blydgadg","cov_2qhqppk1iv","MetaDataManagerForms","handleGetDataScoringFormView","initializeDataScoringFormView","FormId","FormDataScore","formDataScore","MaxScorePossible","maxScorePossible","ViewSubForms","cov_4rvgt7lh2","SUBFORMS_COLUMN","cov_16qyk1csxu","cov_xju9ukb56","MetaDataManagerSubForms","handleGetDataScoringSubFormView","initializeDataScoringSubFormView","SubForm","SubFormId","SubFormDataScore","subFormDataScore","PointsPossible","pointsPossible","ShowEvalGroups","cov_1adtn2f3o6","EVALUATION_GROUPS_COLUMN","cov_2rkc8rq05s","cov_2k149ly57b","MetaDataManagerEvalGroups","handleGetDataScoringEvaluationGroupsView","initializeDataScoringEvaluationGroupView","EvaluationGroup","evaluationGroupID","evaluationGroupName","ScoringGroupID","scoringGroupID","ScoringGroupName","scoringGroupName","EvaluationGroupID","EvaluationGroupName","PointsEarned","pointsEarned","MinPointsRequired","minPointsRequired","EarnedScore","ShowDataPoints","cov_2pif1caobf","DATA_POINTS_COLUMN","cov_2g0ipb64t6","cov_kwkhodkl0","MetaDataManagerDataPoint","handleGetDataScoringDataPointsView","initializeDataScoringDataPointsView","DataPointID","EvaluationGroupId","Datapoint","dataPoint","PointsAwarded","pointsAwarded","cov_2o6vov8thq","cov_2b7r698y0m","METADATA_REVIEW_COLUMNS","isValid","viewIconBlue","METADATA_REVIEW_DETAIL","cov_dc7w4zqmc","ReviewViewDetails","kpiCard","formID","subformID","category1ID","category2ID","category3ID","dataEvalID","cov_quztp6k9r","MetadataManagerReview","handleImportMetadata","setKpiCard","uploadStatus","setUploadStatus","importResponseStatus","setImportResponseStatus","showUploadStatus","setShowUploadStatus","setCanImport","isValidBatch","setIsValidBatch","invalidData","handleImportClick","handleKpiClick","handleSubmitmportPopup","totalRecordsLightIcon","totalRecordsDarkIcon","validRecordsLightIcon","validRecordsDarkIcon","validData","invalidRecordsLightIcon","invalidRecordsDarkIcon","cov_1spgilk9iu","cov_f2xa6rpba","METADATA_SCORING_COLUMNS","handleViewScroringDetails","formValues","cov_uoim5eoba","EditScoringDetails","formObject","handleAddMetadataScoring","handleSubScoringGroupDetailsAPI","evalGroup","evalGroupName","evalGroupType","evalGroupTypeId","groupObj","evalTypeId","evalGroupId","subgroupID","subgroupName","evalGroupLevel","dataEvalLevel","evalTypeName","subGroupType","groupName","cov_sssqrdsiq","ScoringMetaData","handlePostEvalDataByIds","handleGetEvalDataBySubform","showDataScroingForm","setShowDataScroingForm","isloading","setIsloading","scoringData","setScoringData","selectedScoreData","setSelectedScoreData","evalGroupErrMsg","setEvalGroupErrMsg","categoryMappingValidation","setCategoryMappingValidation","evalGroupList","hanldeSetValues","storedApiPayload","domainid","initLastSelectedValues","handleEvalDataByIds","_x9","_x10","returnEvalName","group","handleScoreFields","_x11","_x12","_x13","_x14","_x15","resultMatchCategory","evalGroupTypeName","matchCategory1","matchCategory2","matchCategory3","_x16","_x17","clearCategoriesData","handleCategory1List","handleCategory2List","handleCategory3List","handledataDomain","handleYearDropdownChange","yearValueset","handleSubForm","_x18","_x19","rowItem","apiPayload","scoringGroupId","groupID","listOfSegmentTypesList","handleBackBtn","scoreValues","cov_1ws15qyphy","DataScoringAssociationSelector","ViewGroupDetailsSelector","cov_3e0occh3l","cov_1blold17kf","METADATA_SUB_GROPUP_SCORING_COLUMNS","handleEditScoringDetails","cov_f4ai5iz7c","ScoringSubGroupDetails","subGroupDetailsData","handlePostSubScoringGroupDetails","cov_nwqo6xnm","App","Router","Switch","Route","exact","FeedBackAndSupport","VolunteerRegisterationPreview","UserUploadFile","UserUploadData","SwimProgramDashboard","SwimSafetyDashboard","SwimSafetyAddProgram","SwimSafetyProgramDetails","SwimSafetyProfiles","SwimSafetyAddProfiles","SwimAssociationDashboard","SwimUploadProfile","SwimUploadData","InsuranceDashboard","InsuranceAssociationDashboard","ScoringMetadata","styleTagTransform","css","styleSheet","cssText","firstChild","removeChild","createTextNode","setAttributes","nonce","insert","domAPI","insertStyleElement","update","locals","cov_1rw82vim7t","ApplicationRoot","TRACKING_ID","reg","RegExp","ReactDOM","Provider","PersistGate","loading","cov_1s7p14u0uq","GET_RESOURCE_MOBILIZATION_SUCCESS","GET_RESOURCE_MOBILIZATION_FAILURE","POST_RESOURCE_MOBILIZATION_SUCCESS","POST_RESOURCE_MOBILIZATION_FAILURE","cov_1dv9q9nel5","FETCH_FILE_TEMPLATE_URL_SUCCESS","FETCH_FILE_TEMPLATE_URL_FAILURE","UPLOAD_FILE_SUCCESS","UPLOAD_FILE_FAILURE","GET_TERMS_AND_CONDITIONS_SUCCESS","GET_TERMS_AND_CONDITIONS_FAILURE","cov_1z5a1qnmyr","USER_MANAGEMENT_TABLE_SUCCESS","USER_MANAGEMENT_TABLE_FAILURE","cov_20iygi7xaz","IMPORT_DATA_SUCCESS","IMPORT_DATA_FAILURE","cov_meltrzl5q","GET_PROGRAM_ENROLLMENTS_SUCCESS","GET_PROGRAM_ENROLLMENTS_FAILURE","POST_PROGRAM_ENROLLMENTS_SUCCESS","POST_PROGRAM_ENROLLMENTS_FAILURE","cov_w0gmsh0m0","OLDER_ADULTS_GET_SUCCESS","OLDER_ADULTS_GET_FAILURE","OLDER_ADULTS_SUCCESS","OLDER_ADULTS_FAILURE","__webpack_module_cache__","cachedModule","loaded","__webpack_modules__","m","deferred","O","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","j","getter","__esModule","getProto","leafPrototypes","mode","ns","def","getOwnPropertyNames","definition","globalThis","hmd","prop","nmd","scriptUrl","importScripts","currentScript","tagName","scripts","getElementsByTagName","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","chunkLoadingGlobal","self","nc","__webpack_exports__"],"sourceRoot":""} ![\"icon\"](\"https://datacollectionhub-cms.y.org/uploads/ymca_list_icon_e32ccb96db.svg\"){kind=icon}
![\"Frame](\"https://datacollectionhub-cms.y.org/uploads/diamond_marker_5783b38d82.svg\")
For additional information and questions on how to submit data please reference the ![\"emp-data-exchange-img.svg\"](\"https://datacollectionhub-cms.y.org/uploads/emp_data_exchange_img_685c979581.svg\")
![\"camp-data-img](\"https://datacollectionhub-cms.y.org/uploads/camp_data_img_1_ce31bcb5d2.svg\")
![\"YMCA-volunterr-registration.png\"](\"https://datacollectionhub-cms.y.org/uploads/YMCA_volunterr_registration_bed24964bf.png\")
![\"chronic_disease_program_75106e88e2.png\"](\"https://datacollectionhub-cms.y.org/uploads/chronic_disease_program_image_42a7eb0ec2.png\")
![\"swim-program.png\"](\"https://datacollectionhub-cms.y.org/uploads/swim_program_b8e4fbcfa2.png\")
![\"YMCA-volunterr-registration.png\"](\"https://datacollectionhub-cms.y.org/uploads/certificate_of_insurance_image_b709b6455b.png\")
![](\"https://datacollectionhub-cms.y.org/uploads/metadata_manager_c8eccb54ff.svg\")
\r\n
\r\n\r\n ![\"Frame](\"https://datacollectionhub-cms.y.org/uploads/Frame_29142_4feb77b08a.jpg\")
![\"Frame](\"https://datacollectionhub-cms.y.org/uploads/Frame_29141_4b9a10a9fe.jpg\")
![\"Frame](\"https://datacollectionhub-cms.y.org/uploads/Frame_29140_7e478c7c5c.jpg\")
![\"Frame](\"https://datacollectionhub-cms.y.org/uploads/Frame_29143_bb45f3a2da.jpg\")
![\"Frame](\"https://datacollectionhub-cms.y.org/uploads/Frame_29144_838ae70961.jpg\")
![\"Frame](\"https://datacollectionhub-cms.y.org/uploads/Frame_29145_f1ec6d0181.jpg\")
![\"Frame](\"https://datacollectionhub-cms.y.org/uploads/Frame_29143_aec82ae461.jpg\")
![\"brand-logo\"](\"https://datacollectionhub-cms.y.org/uploads/ymca_logo_72a47618cc.svg\"){kind=logo}
![\"brand-logo\"](\"https://datacollectionhub-cms.y.org/uploads/ymca_moto_8b8fcf3d6a.svg\")
![\"circle\"](\"https://datacollectionhub-cms.y.org//uploads/disc_marker_cbf9febbbb.svg\")
![\"marker1\"](\"https://datacollectionhub-cms.y.org/uploads/disc_marker_cbf9febbbb.svg\")
![\"marker\"](\"https://datacollectionhub-cms.y.org/uploads/circle_marker_4dcd73f69f.svg\")
![\\\"brand-logo\\\"](\\\"https://datacollectionhub-cms.y.org/uploads/ymca_logo_72a47618cc.svg\\\"){kind=logo}
![\\\"ymca](\\\"https://datacollectionhub-cms.y.org/uploads/ymca_moto_8b8fcf3d6a.svg\\\")
![\\\"marker\\\"](\\\"https://datacollectionhub-cms.y.org/uploads/diamond_marker_5783b38d82.svg\\\")
![\\\"circle\\\"](\\\"https://datacollectionhub-cms.y.org//uploads/disc_marker_cbf9febbbb.svg\\\")
![\\\"marker1\\\"](\\\"https://datacollectionhub-cms.y.org/uploads/disc_marker_cbf9febbbb.svg\\\")
![\\\"marker\\\"](\\\"https://datacollectionhub-cms.y.org/uploads/circle_marker_4dcd73f69f.svg\\\")