{"version":3,"file":"js/75-8b9e5561dae072992fbf.js","mappings":"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","sources":["webpack://app/./app/javascript/components/ sync ^\\.\\/.*$","webpack://app/./app/javascript/components/AddresseeSelect.tsx","webpack://app/./app/javascript/components/AddresseeSelectView.tsx","webpack://app/./app/javascript/components/AnnouncementForm/AIAssistant.tsx","webpack://app/./app/javascript/components/AnnouncementForm/AIAssistantConfirmation.tsx","webpack://app/./app/javascript/components/AnnouncementForm/AIAssistantSection.tsx","webpack://app/./app/javascript/components/AnnouncementForm/AddresseeSelector.tsx","webpack://app/./app/javascript/components/AnnouncementForm/AddresseeSelectorView.tsx","webpack://app/./app/javascript/components/AnnouncementForm/FilesSection.tsx","webpack://app/./app/javascript/components/AnnouncementForm/IssuedDateSection.tsx","webpack://app/./app/javascript/components/AnnouncementForm/index.tsx","webpack://app/./app/javascript/components/BillAddresseeSelector.tsx","webpack://app/./app/javascript/components/BillAddresseeSelectorView.tsx","webpack://app/./app/javascript/components/BillForm.tsx","webpack://app/./app/javascript/components/BillGroupDetails.tsx","webpack://app/./app/javascript/components/BillGroupsReport.tsx","webpack://app/./app/javascript/components/BillGroupsReport/TableRow.tsx","webpack://app/./app/javascript/components/BillItemTemplatesPage.tsx","webpack://app/./app/javascript/components/ClassroomEnrollmentPage.tsx","webpack://app/./app/javascript/components/ClassroomEnrollmentPage/ClassroomEnrollmentAddressFormSection.tsx","webpack://app/./app/javascript/components/ClassroomEnrollmentPage/ClassroomEnrollmentConfirmDialog.tsx","webpack://app/./app/javascript/components/ClassroomEnrollmentPage/ClassroomEnrollmentCustomFieldFormSection.tsx","webpack://app/./app/javascript/components/ClassroomEnrollmentPage/ClassroomEnrollmentStudentFormSection.tsx","webpack://app/./app/javascript/components/ClassroomEnrollmentPage/ClassroomEnrollmentUserFormSection.tsx","webpack://app/./app/javascript/components/CoverStripe.tsx","webpack://app/./app/javascript/components/Dialog.tsx","webpack://app/./app/javascript/components/ErrorBanner.tsx","webpack://app/./app/javascript/components/EventForm/ParticipantsSelector.tsx","webpack://app/./app/javascript/components/EventForm/ParticipantsSelectorView.tsx","webpack://app/./app/javascript/components/EventForm/RemainingParticipantsCount.tsx","webpack://app/./app/javascript/components/EventForm/index.tsx","webpack://app/./app/javascript/components/FabButton.tsx","webpack://app/./app/javascript/components/HelpModal.tsx","webpack://app/./app/javascript/components/ManagementClassroomSettings.tsx","webpack://app/./app/javascript/components/ManagementClassroomSettings/Config.tsx","webpack://app/./app/javascript/components/ManagementClassroomSettings/ConfigDeleteClassroom.tsx","webpack://app/./app/javascript/components/ManagementClassroomSettings/ConfigSubscription.tsx","webpack://app/./app/javascript/components/ManagementClassroomSettings/Courses.tsx","webpack://app/./app/javascript/components/ManagementClassroomSettings/Cover.tsx","webpack://app/./app/javascript/components/ManagementClassroomSettings/Header.tsx","webpack://app/./app/javascript/components/ManagementClassroomSettings/Notice.tsx","webpack://app/./app/javascript/components/ManagementClassroomSettings/Page.tsx","webpack://app/./app/javascript/components/ManagementClassroomSettings/Summary.tsx","webpack://app/./app/javascript/components/ManagementClassroomSettings/TabHeader.tsx","webpack://app/./app/javascript/components/ManagementClassroomSettings/Tabs.tsx","webpack://app/./app/javascript/components/ManagementCustomFieldsPage.tsx","webpack://app/./app/javascript/utils/localize.ts","webpack://app/./app/javascript/components/ManagementCustomFieldsPage/ManagementCustomFieldsItem.tsx","webpack://app/./app/javascript/components/ManagementCustomFieldsPage/ManagementCustomFieldsItemForm.tsx","webpack://app/./app/javascript/components/ManagementMemberPage.tsx","webpack://app/./app/javascript/components/ManagementMemberPage/ManagementMemberPageContainer.tsx","webpack://app/./app/javascript/components/ManagementMemberPage/MemberAnnouncements.tsx","webpack://app/./app/javascript/components/ManagementMemberPage/MemberBills.tsx","webpack://app/./app/javascript/components/ManagementMemberPage/MemberCustomFieldItem.tsx","webpack://app/./app/javascript/components/ManagementMemberPage/MemberCustomFieldItemForm.tsx","webpack://app/./app/javascript/components/ManagementMemberPage/MemberCustomFields.tsx","webpack://app/./app/javascript/components/ManagementMemberPage/MemberDescriptionForm.tsx","webpack://app/./app/javascript/components/ManagementMemberPage/MemberDetails.tsx","webpack://app/./app/javascript/components/ManagementMemberPage/MemberEventGroupUpdatingModal.tsx","webpack://app/./app/javascript/components/ManagementMemberPage/MemberEvents.tsx","webpack://app/./app/javascript/components/ManagementMemberPage/MemberFamilies.tsx","webpack://app/./app/javascript/components/ManagementMemberPage/MemberFloatingView.tsx","webpack://app/./app/javascript/components/ManagementMemberPage/MemberRecurrenceBillsUpdatingModal.tsx","webpack://app/./app/javascript/components/ManagementMemberPage/api.ts","webpack://app/./app/javascript/components/ModalBackButton.tsx","webpack://app/./app/javascript/components/RecurrenceBillDateSelector.tsx","webpack://app/./app/javascript/components/Schedules.tsx","webpack://app/./app/javascript/components/Schedules/Calendar.tsx","webpack://app/./app/javascript/components/Schedules/CalendarNavigationLabel.tsx","webpack://app/./app/javascript/components/Schedules/CalendarTileContent.tsx","webpack://app/./app/javascript/components/Schedules/CalendarTileDay.tsx","webpack://app/./app/javascript/components/Schedules/EventItem.tsx","webpack://app/./app/javascript/components/Schedules/EventItemFooter.tsx","webpack://app/./app/javascript/components/Schedules/EventItemParticipation.tsx","webpack://app/./app/javascript/components/Schedules/EventList.tsx","webpack://app/./app/javascript/components/Schedules/EventListEmpty.tsx","webpack://app/./app/javascript/components/Schedules/PersonStatus.tsx","webpack://app/./app/javascript/components/Snackbar.tsx","webpack://app/./app/javascript/components/TextAvatar.tsx","webpack://app/./app/javascript/components/Toast/toast.tsx","webpack://app/./app/javascript/components/Toast/toaster.tsx","webpack://app/./app/javascript/components/Toast/use-toast.tsx","webpack://app/./app/javascript/utils/request.ts","webpack://app/./app/javascript/hooks/api.ts","webpack://app/./app/javascript/packs/file-to-base64.ts","webpack://app/./app/javascript/packs/snackbar.ts","webpack://app/./app/javascript/utils/color-class-name.ts","webpack://app/./app/javascript/utils/localize-date.ts","webpack://app/./app/javascript/utils/localize-gender.ts","webpack://app/./app/javascript/utils/number-format.ts","webpack://app/./app/javascript/utils/recurrence-bill-deadline-convertor.ts","webpack://app/./app/javascript/utils/selectable-time-options.ts"],"sourcesContent":["var map = {\n\t\"./AddresseeSelect\": 1730,\n\t\"./AddresseeSelect.tsx\": 1730,\n\t\"./AddresseeSelectView\": 8281,\n\t\"./AddresseeSelectView.tsx\": 8281,\n\t\"./AnnouncementForm\": 9948,\n\t\"./AnnouncementForm/\": 9948,\n\t\"./AnnouncementForm/AIAssistant\": 1038,\n\t\"./AnnouncementForm/AIAssistant.tsx\": 1038,\n\t\"./AnnouncementForm/AIAssistantConfirmation\": 4293,\n\t\"./AnnouncementForm/AIAssistantConfirmation.tsx\": 4293,\n\t\"./AnnouncementForm/AIAssistantSection\": 1693,\n\t\"./AnnouncementForm/AIAssistantSection.tsx\": 1693,\n\t\"./AnnouncementForm/AddresseeSelector\": 9277,\n\t\"./AnnouncementForm/AddresseeSelector.tsx\": 9277,\n\t\"./AnnouncementForm/AddresseeSelectorView\": 9162,\n\t\"./AnnouncementForm/AddresseeSelectorView.tsx\": 9162,\n\t\"./AnnouncementForm/FilesSection\": 6488,\n\t\"./AnnouncementForm/FilesSection.tsx\": 6488,\n\t\"./AnnouncementForm/IssuedDateSection\": 6156,\n\t\"./AnnouncementForm/IssuedDateSection.tsx\": 6156,\n\t\"./AnnouncementForm/index\": 9948,\n\t\"./AnnouncementForm/index.tsx\": 9948,\n\t\"./BillAddresseeSelector\": 4796,\n\t\"./BillAddresseeSelector.tsx\": 4796,\n\t\"./BillAddresseeSelectorView\": 4403,\n\t\"./BillAddresseeSelectorView.tsx\": 4403,\n\t\"./BillForm\": 4175,\n\t\"./BillForm.tsx\": 4175,\n\t\"./BillGroupDetails\": 9284,\n\t\"./BillGroupDetails.tsx\": 9284,\n\t\"./BillGroupsReport\": 3483,\n\t\"./BillGroupsReport.tsx\": 3483,\n\t\"./BillGroupsReport/TableRow\": 7660,\n\t\"./BillGroupsReport/TableRow.tsx\": 7660,\n\t\"./BillItemTemplatesPage\": 5554,\n\t\"./BillItemTemplatesPage.tsx\": 5554,\n\t\"./ClassroomEnrollmentPage\": 1604,\n\t\"./ClassroomEnrollmentPage.tsx\": 1604,\n\t\"./ClassroomEnrollmentPage/ClassroomEnrollmentAddressFormSection\": 6379,\n\t\"./ClassroomEnrollmentPage/ClassroomEnrollmentAddressFormSection.tsx\": 6379,\n\t\"./ClassroomEnrollmentPage/ClassroomEnrollmentConfirmDialog\": 4382,\n\t\"./ClassroomEnrollmentPage/ClassroomEnrollmentConfirmDialog.tsx\": 4382,\n\t\"./ClassroomEnrollmentPage/ClassroomEnrollmentCustomFieldFormSection\": 6590,\n\t\"./ClassroomEnrollmentPage/ClassroomEnrollmentCustomFieldFormSection.tsx\": 6590,\n\t\"./ClassroomEnrollmentPage/ClassroomEnrollmentStudentFormSection\": 9832,\n\t\"./ClassroomEnrollmentPage/ClassroomEnrollmentStudentFormSection.tsx\": 9832,\n\t\"./ClassroomEnrollmentPage/ClassroomEnrollmentUserFormSection\": 7254,\n\t\"./ClassroomEnrollmentPage/ClassroomEnrollmentUserFormSection.tsx\": 7254,\n\t\"./CoverStripe\": 8986,\n\t\"./CoverStripe.tsx\": 8986,\n\t\"./Dialog\": 9950,\n\t\"./Dialog.tsx\": 9950,\n\t\"./ErrorBanner\": 7496,\n\t\"./ErrorBanner.tsx\": 7496,\n\t\"./EventForm\": 5247,\n\t\"./EventForm/\": 5247,\n\t\"./EventForm/ParticipantsSelector\": 1450,\n\t\"./EventForm/ParticipantsSelector.tsx\": 1450,\n\t\"./EventForm/ParticipantsSelectorView\": 1889,\n\t\"./EventForm/ParticipantsSelectorView.tsx\": 1889,\n\t\"./EventForm/RemainingParticipantsCount\": 4500,\n\t\"./EventForm/RemainingParticipantsCount.tsx\": 4500,\n\t\"./EventForm/index\": 5247,\n\t\"./EventForm/index.tsx\": 5247,\n\t\"./FabButton\": 619,\n\t\"./FabButton.tsx\": 619,\n\t\"./HelpModal\": 8644,\n\t\"./HelpModal.tsx\": 8644,\n\t\"./ManagementClassroomSettings\": 7009,\n\t\"./ManagementClassroomSettings.tsx\": 7009,\n\t\"./ManagementClassroomSettings/Config\": 6420,\n\t\"./ManagementClassroomSettings/Config.tsx\": 6420,\n\t\"./ManagementClassroomSettings/ConfigDeleteClassroom\": 6640,\n\t\"./ManagementClassroomSettings/ConfigDeleteClassroom.tsx\": 6640,\n\t\"./ManagementClassroomSettings/ConfigSubscription\": 687,\n\t\"./ManagementClassroomSettings/ConfigSubscription.tsx\": 687,\n\t\"./ManagementClassroomSettings/Courses\": 6142,\n\t\"./ManagementClassroomSettings/Courses.scss\": 4251,\n\t\"./ManagementClassroomSettings/Courses.tsx\": 6142,\n\t\"./ManagementClassroomSettings/Cover\": 485,\n\t\"./ManagementClassroomSettings/Cover.tsx\": 485,\n\t\"./ManagementClassroomSettings/Header\": 869,\n\t\"./ManagementClassroomSettings/Header.tsx\": 869,\n\t\"./ManagementClassroomSettings/Notice\": 8658,\n\t\"./ManagementClassroomSettings/Notice.scss\": 1211,\n\t\"./ManagementClassroomSettings/Notice.tsx\": 8658,\n\t\"./ManagementClassroomSettings/Page\": 727,\n\t\"./ManagementClassroomSettings/Page.tsx\": 727,\n\t\"./ManagementClassroomSettings/Summary\": 7240,\n\t\"./ManagementClassroomSettings/Summary.scss\": 5590,\n\t\"./ManagementClassroomSettings/Summary.tsx\": 7240,\n\t\"./ManagementClassroomSettings/TabHeader\": 754,\n\t\"./ManagementClassroomSettings/TabHeader.scss\": 1555,\n\t\"./ManagementClassroomSettings/TabHeader.tsx\": 754,\n\t\"./ManagementClassroomSettings/Tabs\": 6442,\n\t\"./ManagementClassroomSettings/Tabs.tsx\": 6442,\n\t\"./ManagementCustomFieldsPage\": 9924,\n\t\"./ManagementCustomFieldsPage.tsx\": 9924,\n\t\"./ManagementCustomFieldsPage/ManagementCustomFieldsItem\": 4531,\n\t\"./ManagementCustomFieldsPage/ManagementCustomFieldsItem.tsx\": 4531,\n\t\"./ManagementCustomFieldsPage/ManagementCustomFieldsItemForm\": 8025,\n\t\"./ManagementCustomFieldsPage/ManagementCustomFieldsItemForm.tsx\": 8025,\n\t\"./ManagementMemberPage\": 4660,\n\t\"./ManagementMemberPage.tsx\": 4660,\n\t\"./ManagementMemberPage/ManagementMemberPageContainer\": 8066,\n\t\"./ManagementMemberPage/ManagementMemberPageContainer.tsx\": 8066,\n\t\"./ManagementMemberPage/MemberAnnouncements\": 4943,\n\t\"./ManagementMemberPage/MemberAnnouncements.tsx\": 4943,\n\t\"./ManagementMemberPage/MemberBills\": 9585,\n\t\"./ManagementMemberPage/MemberBills.tsx\": 9585,\n\t\"./ManagementMemberPage/MemberCustomFieldItem\": 965,\n\t\"./ManagementMemberPage/MemberCustomFieldItem.tsx\": 965,\n\t\"./ManagementMemberPage/MemberCustomFieldItemForm\": 1275,\n\t\"./ManagementMemberPage/MemberCustomFieldItemForm.tsx\": 1275,\n\t\"./ManagementMemberPage/MemberCustomFields\": 3193,\n\t\"./ManagementMemberPage/MemberCustomFields.tsx\": 3193,\n\t\"./ManagementMemberPage/MemberDescriptionForm\": 2703,\n\t\"./ManagementMemberPage/MemberDescriptionForm.tsx\": 2703,\n\t\"./ManagementMemberPage/MemberDetails\": 8805,\n\t\"./ManagementMemberPage/MemberDetails.tsx\": 8805,\n\t\"./ManagementMemberPage/MemberEventGroupUpdatingModal\": 7637,\n\t\"./ManagementMemberPage/MemberEventGroupUpdatingModal.tsx\": 7637,\n\t\"./ManagementMemberPage/MemberEvents\": 5696,\n\t\"./ManagementMemberPage/MemberEvents.tsx\": 5696,\n\t\"./ManagementMemberPage/MemberFamilies\": 9335,\n\t\"./ManagementMemberPage/MemberFamilies.tsx\": 9335,\n\t\"./ManagementMemberPage/MemberFloatingView\": 1314,\n\t\"./ManagementMemberPage/MemberFloatingView.tsx\": 1314,\n\t\"./ManagementMemberPage/MemberRecurrenceBillsUpdatingModal\": 6034,\n\t\"./ManagementMemberPage/MemberRecurrenceBillsUpdatingModal.tsx\": 6034,\n\t\"./ManagementMemberPage/api\": 1227,\n\t\"./ManagementMemberPage/api.ts\": 1227,\n\t\"./ModalBackButton\": 1918,\n\t\"./ModalBackButton.tsx\": 1918,\n\t\"./RecurrenceBillDateSelector\": 4400,\n\t\"./RecurrenceBillDateSelector.tsx\": 4400,\n\t\"./Schedules\": 4994,\n\t\"./Schedules.tsx\": 4994,\n\t\"./Schedules/Calendar\": 1357,\n\t\"./Schedules/Calendar.tsx\": 1357,\n\t\"./Schedules/CalendarNavigationLabel\": 2425,\n\t\"./Schedules/CalendarNavigationLabel.tsx\": 2425,\n\t\"./Schedules/CalendarTileContent\": 1814,\n\t\"./Schedules/CalendarTileContent.tsx\": 1814,\n\t\"./Schedules/CalendarTileDay\": 659,\n\t\"./Schedules/CalendarTileDay.tsx\": 659,\n\t\"./Schedules/EventItem\": 282,\n\t\"./Schedules/EventItem.tsx\": 282,\n\t\"./Schedules/EventItemFooter\": 8143,\n\t\"./Schedules/EventItemFooter.tsx\": 8143,\n\t\"./Schedules/EventItemParticipation\": 1596,\n\t\"./Schedules/EventItemParticipation.tsx\": 1596,\n\t\"./Schedules/EventList\": 9139,\n\t\"./Schedules/EventList.tsx\": 9139,\n\t\"./Schedules/EventListEmpty\": 3400,\n\t\"./Schedules/EventListEmpty.tsx\": 3400,\n\t\"./Schedules/PersonStatus\": 1682,\n\t\"./Schedules/PersonStatus.tsx\": 1682,\n\t\"./Snackbar\": 5679,\n\t\"./Snackbar.tsx\": 5679,\n\t\"./TextAvatar\": 7936,\n\t\"./TextAvatar.tsx\": 7936,\n\t\"./Toast/toast\": 3529,\n\t\"./Toast/toast.tsx\": 3529,\n\t\"./Toast/toaster\": 2556,\n\t\"./Toast/toaster.tsx\": 2556,\n\t\"./Toast/use-toast\": 779,\n\t\"./Toast/use-toast.tsx\": 779\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 6900;","import React, { useState } from \"react\";\nimport AddresseeSelectView from \"./AddresseeSelectView\";\nimport TextAvatar from \"./TextAvatar\";\n\nexport interface EventGroup {\n  id: number;\n  name: string;\n  root: boolean;\n}\n\nexport interface Enrollment {\n  id: number;\n  student: {\n    id: number;\n    name: string;\n  };\n  event_groups: EventGroup[];\n  allowed_to_settle_automatically: boolean;\n}\n\ninterface Props {\n  form_name: string;\n  attributes_name: string;\n  addressee_attribute_name: string;\n  show_automatic_settlement_enabled: boolean;\n  classroom_event_groups: EventGroup[];\n  enrollments: Enrollment[];\n  selected_student_ids: number[];\n}\n\nexport default function AddresseeSelect(\n  {\n    form_name,\n    attributes_name,\n    addressee_attribute_name,\n    show_automatic_settlement_enabled,\n    classroom_event_groups,\n    enrollments,\n    selected_student_ids,\n  }: Props,\n): JSX.Element {\n  const [open, setOpen] = useState(false);\n  const [selectedStudentIds, setSelectedStudentIds] = useState<number[]>(\n    selected_student_ids,\n  );\n  const [selectedEventGroupIds, setSelectedEventGroupIds] = useState<number[]>(\n    [],\n  );\n\n  return (\n    <div className=\"addressee-select\">\n      <div\n        className=\"_switch\"\n        role=\"button\"\n        tabIndex={0}\n        aria-label=\"対象を選択\"\n        onClick={() => setOpen(true)}\n      >\n        <div className=\"_switch-label\">\n          <div>{selectedStudentIds.length}人</div>\n        </div>\n        <div className=\"_switch-trailing\">\n          <span className=\"icon\" data-icon=\"arrow_drop_down\" />\n        </div>\n      </div>\n\n      <div className=\"form__body\">\n        <div className=\"form__body-item addressee-list\">\n          <ul className=\"addressee-list__list --align-left -size-s\">\n            {selectedEventGroupIds.map((id) => {\n              const eventGroup = classroom_event_groups.find((eventGroup) => {\n                return eventGroup.id === id;\n              });\n              const eventGroupEnrollments = enrollments.filter((enrollment) => {\n                return enrollment.event_groups.some((g) =>\n                  g.id === eventGroup.id\n                );\n              });\n              const total = eventGroupEnrollments.length;\n              const count = eventGroupEnrollments.filter((enrollment) => {\n                return selectedStudentIds.includes(enrollment.student.id);\n              }).length;\n              return (\n                <li key={id} className=\"addressee-list__item\">\n                  <div className=\"addressee-list__body\">\n                    <span>{eventGroup.name}</span>\n                    <b>（{count}/{total}人）</b>\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      </div>\n\n      <ul className=\"_list addressee-selected__list\">\n        {enrollments.filter((enrollment) =>\n          selectedStudentIds.includes(enrollment.student.id)\n        ).map((enrollment) => (\n          <li className=\"_item\" key={enrollment.id}>\n            <div>\n              <div className=\"_avatar\">\n                <TextAvatar name={enrollment.student.name} size=\"s\" icon />\n              </div>\n              <div className=\"_body\">\n                <div className=\"_title\">\n                  {enrollment.student.name}\n                </div>\n                <div className=\"_description\">\n                  {enrollment.event_groups.map((eventGroup) => eventGroup.name)\n                    .join(\", \")}\n                </div>\n              </div>\n              {show_automatic_settlement_enabled &&\n                enrollment.allowed_to_settle_automatically && (\n                <div className=\"_trailing\">\n                  <div className=\"credit-card-status --positive\">\n                    <span\n                      className=\"icon credit-card-status__icon\"\n                      data-icon=\"check_on_circle\"\n                    />\n                    <div className=\"credit-card-status__body\">\n                      <span>自動支払い</span>設定済み\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n            <input\n              type=\"hidden\"\n              name={`${form_name}[[${attributes_name}][][${addressee_attribute_name}]]`}\n              value={enrollment.student.id}\n            />\n          </li>\n        ))}\n      </ul>\n\n      {open && (\n        <AddresseeSelectView\n          show_automatic_settlement_enabled={show_automatic_settlement_enabled}\n          classroom_event_groups={classroom_event_groups}\n          enrollments={enrollments}\n          onCloseButtonClick={() => setOpen(false)}\n          selectedStudentIds={selectedStudentIds}\n          setSelectedStudentIds={setSelectedStudentIds}\n          selectedEventGroupIds={selectedEventGroupIds}\n          setSelectedEventGroupIds={setSelectedEventGroupIds}\n        />\n      )}\n    </div>\n  );\n}\n","import React, { useCallback, useMemo, useState } from \"react\";\nimport TextAvatar from \"./TextAvatar\";\n\ninterface EventGroup {\n  id: number;\n  name: string;\n  root: boolean;\n}\n\ninterface Enrollment {\n  id: number;\n  student: {\n    id: number;\n    name: string;\n  };\n  event_groups: EventGroup[];\n  allowed_to_settle_automatically: boolean;\n}\n\ninterface Props {\n  show_automatic_settlement_enabled: boolean;\n  classroom_event_groups: EventGroup[];\n  enrollments: Enrollment[];\n  onCloseButtonClick: () => void;\n  selectedStudentIds: number[];\n  setSelectedStudentIds: (selectedEnrollmentIds: number[]) => void;\n  selectedEventGroupIds: number[];\n  setSelectedEventGroupIds: (selectedEventGroupIds: number[]) => void;\n}\n\nexport default function AddresseeSelectView(\n  {\n    show_automatic_settlement_enabled,\n    classroom_event_groups,\n    enrollments,\n    onCloseButtonClick,\n    selectedStudentIds,\n    setSelectedStudentIds,\n    selectedEventGroupIds,\n    setSelectedEventGroupIds,\n  }: Props,\n): JSX.Element {\n  const [openDropdown, setOpenDropdown] = useState(false);\n  const allStudentSelected = enrollments.length === selectedStudentIds.length;\n\n  const deselectEventGroup = useCallback((eventGroup: EventGroup) => {\n    setSelectedEventGroupIds(\n      selectedEventGroupIds.filter((id) => {\n        return id !== eventGroup.id;\n      }),\n    );\n    const studentIds = enrollments.filter(\n      (enrollment) => {\n        return enrollment.event_groups.some((g) => {\n          return g.id === eventGroup.id;\n        });\n      },\n    ).map((enollment) => {\n      return enollment.student.id;\n    });\n    setSelectedStudentIds(\n      selectedStudentIds.filter((id) => {\n        return !studentIds.includes(id);\n      }),\n    );\n  }, [\n    enrollments,\n    selectedStudentIds,\n    setSelectedStudentIds,\n    selectedEventGroupIds,\n    setSelectedEventGroupIds,\n  ]);\n\n  return (\n    <div className=\"_container --visible\">\n      <div className=\"modal-header\">\n        <div className=\"_container\">\n          <div className=\"_title\">\n            対象を選択 <span>({selectedStudentIds.length})</span>\n          </div>\n          <div className=\"_nav\">\n            <button\n              type=\"button\"\n              className=\"button -appearance-transparent -color-neutral -shape-circle\"\n              aria-label=\"閉じる\"\n              tabIndex={0}\n              onClick={onCloseButtonClick}\n            >\n              <div className=\"_leading\">\n                <span className=\"icon _icon\" data-icon=\"arrow_left\"></span>\n              </div>\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"modal-content__container\">\n        <div className=\"dropdown\">\n          <div\n            className=\"dropdown__control _switch --fixed-width\"\n            role=\"button\"\n            aria-expanded=\"true\"\n            aria-label=\"コースをもとに選ぶ\"\n            tabIndex={0}\n            onClick={() => setOpenDropdown(!openDropdown)}\n          >\n            <span className=\"_switch-label\">\n              {selectedEventGroupIds.length > 0\n                ? \"複数コース\"\n                : \"コースをもとに選ぶ\"}\n            </span>\n            <div className=\"_switch-trailing\">\n              <span className=\"icon\" data-icon=\"arrow_drop_down\" />\n            </div>\n          </div>\n          {openDropdown && (\n            <ul\n              className=\"_list dropdown__list\"\n              aria-labelledby=\"addressee-event-group-dropdown\"\n            >\n              {classroom_event_groups.filter((eventGroup) => !eventGroup.root)\n                .map((eventGroup) => (\n                  <li key={eventGroup.id} className=\"_item dropdown__item\">\n                    <label htmlFor={`event_group-${eventGroup.id}`}>\n                      <div className=\"_leading\">\n                        <div className=\"_input\">\n                          <input\n                            id={`event_group-${eventGroup.id}`}\n                            type=\"checkbox\"\n                            className=\"checkbox\"\n                            checked={selectedEventGroupIds.includes(\n                              eventGroup.id,\n                            )}\n                            onChange={(event) => {\n                              if (event.target.checked) {\n                                setSelectedEventGroupIds(\n                                  selectedEventGroupIds.concat(eventGroup.id),\n                                );\n                                const studentIds = enrollments.filter(\n                                  (enrollment) => {\n                                    return enrollment.event_groups.some((g) => {\n                                      return g.id === eventGroup.id;\n                                    });\n                                  },\n                                ).map((enollment) => {\n                                  return enollment.student.id;\n                                });\n                                setSelectedStudentIds(\n                                  Array.from(\n                                    new Set([\n                                      ...selectedStudentIds,\n                                      ...studentIds,\n                                    ]),\n                                  ),\n                                );\n                              } else {\n                                deselectEventGroup(eventGroup);\n                              }\n                            }}\n                          />\n                        </div>\n                      </div>\n                      <div className=\"_body\">\n                        <div className=\"_title\">\n                          {eventGroup.name}\n                        </div>\n                      </div>\n                    </label>\n                  </li>\n                ))}\n            </ul>\n          )}\n        </div>\n\n        <div className=\"chips-list\">\n          <ul className=\"chips-list__list\">\n            {selectedEventGroupIds.map((id) => {\n              const eventGroup = classroom_event_groups.find((eventGroup) => {\n                return eventGroup.id === id;\n              });\n\n              if (!eventGroup) {\n                return;\n              }\n\n              const eventGroupEnrollments = enrollments.filter((enrollment) => {\n                return enrollment.event_groups.some((g) =>\n                  g.id === eventGroup.id\n                );\n              });\n              const total = eventGroupEnrollments.length;\n              const count = eventGroupEnrollments.filter((enrollment) => {\n                return selectedStudentIds.includes(enrollment.student.id);\n              }).length;\n              return (\n                <li\n                  key={id}\n                  className=\"chips-list__item\"\n                  onClick={() => deselectEventGroup(eventGroup)}\n                >\n                  <button type=\"button\">\n                    <div className=\"chips-list__body\">\n                      <span>{eventGroup.name}</span>\n                      <b>（{count}/{total}人）</b>\n                    </div>\n                    <div className=\"chips-list__leading\">\n                      <span className=\"_icon icon\" data-icon=\"cross\" />\n                    </div>\n                  </button>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n\n        <ul className=\"_list addressee-select__list\">\n          <li className=\"_item\">\n            <label htmlFor=\"select-all-student\">\n              <div className=\"_leading\">\n                <div className=\"_input\">\n                  <input\n                    id=\"select-all-student\"\n                    type=\"checkbox\"\n                    className={selectedStudentIds.length > 0 &&\n                        !allStudentSelected\n                      ? \"checkbox --mixed\"\n                      : \"checkbox\"}\n                    checked={allStudentSelected}\n                    onChange={(event) => {\n                      if (event.target.checked) {\n                        setSelectedStudentIds(\n                          enrollments.map((enrollment) =>\n                            enrollment.student.id\n                          ),\n                        );\n                      } else {\n                        setSelectedStudentIds([]);\n                        setSelectedEventGroupIds([]);\n                      }\n                    }}\n                  />\n                </div>\n              </div>\n              <div className=\"_body\">\n                <div className=\"_title\">\n                  全員を選択\n                </div>\n              </div>\n            </label>\n          </li>\n          {enrollments.map((enrollment) => (\n            <li className=\"_item\" key={enrollment.id}>\n              <label htmlFor={`addressee-${enrollment.id}`}>\n                <div className=\"_leading\">\n                  <div className=\"_input\">\n                    <input\n                      type=\"checkbox\"\n                      className=\"checkbox\"\n                      id={`addressee-${enrollment.id}`}\n                      checked={selectedStudentIds.includes(\n                        enrollment.student.id,\n                      )}\n                      onChange={(event) => {\n                        if (event.target.checked) {\n                          setSelectedStudentIds(\n                            selectedStudentIds.concat(enrollment.student.id),\n                          );\n                        } else {\n                          const studentIds = selectedStudentIds.filter(\n                            (id) => {\n                              return id !== enrollment.student.id;\n                            },\n                          );\n                          setSelectedStudentIds(studentIds);\n                          const eventGroupIds = enrollments.filter(\n                            (enrollment) => {\n                              return studentIds.includes(enrollment.student.id);\n                            },\n                          ).flatMap((enrollment) => {\n                            return enrollment.event_groups;\n                          }).map((eventGroup) => {\n                            return eventGroup.id;\n                          });\n                          setSelectedEventGroupIds(\n                            Array.from(new Set(eventGroupIds)),\n                          );\n                        }\n                      }}\n                    />\n                  </div>\n                </div>\n                <div className=\"_avatar\">\n                  <TextAvatar name={enrollment.student.name} size=\"s\" icon />\n                </div>\n                <div className=\"_body\">\n                  <div className=\"_title\">\n                    {enrollment.student.name}\n                  </div>\n                  <div className=\"_description\">\n                    {enrollment.event_groups.map((eventGroup) =>\n                      eventGroup.name\n                    ).join(\", \")}\n                  </div>\n                </div>\n                {show_automatic_settlement_enabled &&\n                  enrollment.allowed_to_settle_automatically && (\n                  <div className=\"_trailing\">\n                    <div className=\"credit-card-status --positive\">\n                      <span\n                        className=\"icon credit-card-status__icon\"\n                        data-icon=\"check_on_circle\"\n                      >\n                      </span>\n                      <div className=\"credit-card-status__body\">\n                        <span>自動支払い</span>設定済み\n                      </div>\n                    </div>\n                  </div>\n                )}\n              </label>\n            </li>\n          ))}\n        </ul>\n        <div className=\"form__bottom-action\">\n          <div className=\"form__action\">\n            <button\n              type=\"button\"\n              className=\"button -size-l -appearance-filled -width-full -color-interactive\"\n              onClick={onCloseButtonClick}\n            >\n              対象者を決定\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React, { useState } from \"react\";\nimport AnnouncementFormAIAssistantSection from \"./AIAssistantSection\";\n\ninterface Props {\n  form_action: string;\n  title: string;\n  body: string;\n  onReflection: (field: string, value: string) => void;\n}\n\nexport default function AnnouncementFormAIAssistant(\n  { form_action, onReflection, title, body }: Props,\n) {\n  const [openModal, setOpenModal] = useState(false);\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        className=\"button -appearance-outlined -size-s -color-interactive\"\n        tabIndex={0}\n        onClick={() => setOpenModal(true)}\n      >\n        <div className=\"_leading\">\n          <div className=\"ai-assistant__icon\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              height=\"48\"\n              viewBox=\"0 96 960 960\"\n              width=\"48\"\n            >\n              <path d=\"m384 679 50.079-108.921L543 520l-108.921-50.079L384 361l-50.079 108.921L225 520l108.921 50.079L384 679Zm0 145-95-209-209-95 209-95 95-209 95 209 209 95-209 95-95 209Zm344 112-47-105-105-47 105-48 47-104 48 104 104 48-104 47-48 105ZM384 520Z\" />\n            </svg>\n          </div>\n        </div>\n        <div className=\"_body\">\n          AIに書いてもらう\n        </div>\n      </button>\n\n      {openModal && (\n        <>\n          <div\n            className=\"dialog-v2 ai-assistant --visible\"\n            role=\"dialog\"\n            aria-labelledby=\"dialog__title\"\n            aria-describedby=\"dialog__description\"\n            aria-modal=\"true\"\n          >\n            <div className=\"dialog-v2__shadow\" />\n            <div className=\"dialog-v2__wrapper\">\n              <div className=\"dialog-v2__container --align-center\">\n                <div className=\"dialog-v2__header\">\n                  <h2 className=\"dialog-v2__title\" id=\"dialog__title\">\n                    レンシュAIアシスタント(β)\n                  </h2>\n                  <div className=\"_switch\">\n                    <button\n                      type=\"button\"\n                      className=\"button -appearance-transparent -color-neutral -shape-circle\"\n                      aria-label=\"閉じる\"\n                      onClick={() => setOpenModal(false)}\n                    >\n                      <div className=\"_leading\">\n                        <span className=\"icon _icon\" data-icon=\"cross\" />\n                      </div>\n                    </button>\n                  </div>\n                </div>\n                <AnnouncementFormAIAssistantSection\n                  form_action={form_action}\n                  closeModal={() => setOpenModal(false)}\n                  title={title}\n                  body={body}\n                  onReflection={onReflection}\n                />\n              </div>\n            </div>\n          </div>\n        </>\n      )}\n    </>\n  );\n}\n","import React, { useCallback, useEffect, useState } from \"react\";\n\ninterface Props {\n  pollingUrl: string;\n  onSubmit: () => void;\n  generatedBody: string;\n  setGeneratedBody: (body: string) => void;\n  isPolling: boolean;\n  setIsPolling: (isPolling: boolean) => void;\n}\n\nexport default function AIAssistantConfirmation(\n  {\n    pollingUrl,\n    onSubmit,\n    generatedBody,\n    setGeneratedBody,\n    isPolling,\n    setIsPolling,\n  }: Props,\n) {\n  const fetchGeneratedBody = useCallback(async () => {\n    const response = await fetch(pollingUrl, {\n      method: \"GET\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n      },\n    });\n    const { output, progress }: {\n      output: string;\n      progress: \"intended\" | \"succeeded\" | \"failed\";\n    } = await response.json();\n    return { output, progress };\n  }, [pollingUrl]);\n\n  useEffect(() => {\n    const interval = setInterval(async () => {\n      setIsPolling(true);\n      const { output, progress } = await fetchGeneratedBody();\n      if (progress === \"succeeded\") {\n        setGeneratedBody(output);\n        setIsPolling(false);\n        clearInterval(interval);\n      } else if (progress === \"failed\") {\n        alert(\n          \"AIによる生成に失敗しました。入力内容をお確かめの上、もう一度お試しください。\",\n        );\n        setIsPolling(false);\n        clearInterval(interval);\n      }\n    }, 1000);\n    return () => clearInterval(interval);\n  }, [pollingUrl]);\n\n  return (\n    <>\n      {generatedBody &&\n        (\n          <div className=\"ai-assistant__content\">\n            <h3>AIが考えた文章</h3>\n            <div className=\"ai-assistant__text\">\n              {generatedBody}\n            </div>\n          </div>\n        )}\n      {isPolling\n        ? <div className=\"skeleton-box\">AIが文章を作成中...</div>\n        : (\n          <div className=\"ai-assistant__action\">\n            <button\n              type=\"button\"\n              className=\"button -appearance-outlined -size-s\"\n              onClick={onSubmit}\n            >\n              <div className=\"_body\">\n                やり直す\n              </div>\n            </button>\n          </div>\n        )}\n    </>\n  );\n}\n","import React, { useState } from \"react\";\nimport { SubmitHandler, useForm } from \"react-hook-form\";\nimport * as Sentry from \"@sentry/browser\";\nimport AIAssistantConfirmation from \"./AIAssistantConfirmation\";\nimport { useApi } from \"../../hooks/api\";\n\ninterface Inputs {\n  title: string;\n  input: string;\n}\n\ninterface Props {\n  form_action: string;\n  closeModal: () => void;\n  title: string;\n  body: string;\n  onReflection: (field: string, value: string) => void;\n}\n\nexport default function AnnouncementFormAIAssistantSection(\n  { form_action, closeModal, onReflection, title, body }: Props,\n) {\n  const [pollingUrl, setPollingUrl] = useState(\"\");\n  const [generatedBody, setGeneratedBody] = useState(\"\");\n  const [isPolling, setIsPolling] = useState(false);\n  const { post } = useApi();\n\n  const {\n    register,\n    handleSubmit,\n    formState: { errors, isSubmitting, isSubmitted },\n  } = useForm<Inputs>({\n    defaultValues: {\n      title: title,\n      input: body,\n    },\n  });\n  const onSubmit: SubmitHandler<Inputs> = async (data) => {\n    const { polling_url, error, response } = await post(form_action, {\n      ...data,\n    });\n    if (response.ok) {\n      setPollingUrl(polling_url);\n    } else {\n      alert(error);\n      Sentry.captureMessage(\n        `お知らせのAIアシスタントのリクエストでエラーが発生しました。form_action: \"${form_action}\"`,\n      );\n    }\n  };\n\n  const onConfirm = (data) => {\n    onReflection(\"title\", data.title);\n    onReflection(\"body\", generatedBody);\n    closeModal();\n  };\n\n  return (\n    <form>\n      <div className=\"form\">\n        <div className=\"form__section\">\n          <div className=\"form__item\">\n            <div className=\"form__control\">\n              <span className=\"textfield -appearance-filled -width-full\">\n                <input\n                  {...register(\"title\", { required: true })}\n                  id=\"announcement-generator-title\"\n                  className=\"_input\"\n                  placeholder=\"タイトル\"\n                  required\n                />\n                <label\n                  className=\"_label\"\n                  htmlFor=\"announcement-generator-title\"\n                >\n                  タイトル\n                </label>\n              </span>\n              {errors.title && (\n                <div\n                  className=\"form__error\"\n                  aria-live=\"polite\"\n                >\n                  {errors.title.message}\n                </div>\n              )}\n            </div>\n          </div>\n\n          <div className=\"form__item\">\n            <div className=\"form__control\">\n              <span className=\"textfield -appearance-filled -width-full --textarea-middle\">\n                <textarea\n                  {...register(\"input\", { required: true })}\n                  id=\"announcement-generator-input\"\n                  className=\"_input\"\n                  rows={5}\n                  placeholder=\"内容の要点\"\n                  required\n                  maxLength={2000}\n                />\n                <label\n                  className=\"_label\"\n                  htmlFor=\"announcement-generator-input\"\n                >\n                  内容の要点\n                </label>\n              </span>\n              <div\n                className=\"form__error\"\n                aria-live=\"polite\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {pollingUrl && (\n        <AIAssistantConfirmation\n          pollingUrl={pollingUrl}\n          onSubmit={handleSubmit(onSubmit)}\n          generatedBody={generatedBody}\n          setGeneratedBody={(body: string) => setGeneratedBody(body)}\n          isPolling={isPolling}\n          setIsPolling={(isPolling: boolean) => setIsPolling(isPolling)}\n        />\n      )}\n\n      <div className=\"dialog-v2__description\" id=\"dialog__description\">\n        {!pollingUrl && (\n          <>\n            <div className=\"call-out\">\n              <div className=\"call-out__body\">\n                <ul>\n                  <li className=\"call-out__description -size-xs\">\n                    タイトルと内容を入力するとお知らせ文が自動生成されます\n                  </li>\n                  <li className=\"call-out__description -size-xs\">\n                    内容は箇条書きやキーワードを3つほど書くだけでも生成できますが、情報量が多いほどAIが具体的な文章を作りやすくなります\n                  </li>\n                </ul>\n                <div className=\"call-out__description -size-xs\">\n                  ※この機能はβ版のため、事前予告なしに機能の変更や提供を中止することがあります。\n                </div>\n              </div>\n            </div>\n            <div className=\"dialog-v2__link\">\n              <a\n                href=\"https://renshu.com/terms\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                GMOレンシュ利用規約 第9章［第21条の2〜第21条の5］\n              </a>\n            </div>\n          </>\n        )}\n      </div>\n\n      <div className=\"dialog-v2__action --border-top\">\n        <ul className=\"button-group\">\n          <li className=\"_item\">\n            <button\n              type=\"button\"\n              className=\"button -appearance-transparent -size-m -color-neutral\"\n              onClick={closeModal}\n            >\n              <div className=\"_body\">\n                キャンセル\n              </div>\n            </button>\n          </li>\n\n          <li className=\"_item\">\n            <button\n              type=\"submit\"\n              className=\"button -size-m -color-interactive\"\n              disabled={isSubmitting || isPolling}\n              onClick={handleSubmit(generatedBody ? onConfirm : onSubmit)}\n            >\n              <div className=\"_body\">\n                {pollingUrl ? \"下書きに反映\" : \"規約に同意して作成\"}\n              </div>\n            </button>\n          </li>\n        </ul>\n      </div>\n    </form>\n  );\n}\n","import React, { useState } from \"react\";\nimport AnnouncementFormAddresseeSelectorView from \"./AddresseeSelectorView\";\nimport TextAvatar from \"../TextAvatar\";\n\nexport interface EventGroup {\n  id: number;\n  name: string;\n  root: boolean;\n}\n\nexport interface Enrollment {\n  id: number;\n  student: {\n    id: number;\n    name: string;\n  };\n  event_groups: EventGroup[];\n  allowed_to_settle_automatically: boolean;\n}\n\ninterface Props {\n  selectedStudentIds: number[];\n  onChangeStudentIds: (selectedStudentIds: number[]) => void;\n  classroom_event_groups: EventGroup[];\n  enrollments: Enrollment[];\n}\n\nexport default function AnnouncementFormAddresseeSelector(\n  {\n    selectedStudentIds,\n    onChangeStudentIds,\n    classroom_event_groups,\n    enrollments,\n  }: Props,\n): JSX.Element {\n  const [open, setOpen] = useState(false);\n  const [selectedEventGroupIds, setSelectedEventGroupIds] = useState<number[]>(\n    [],\n  );\n\n  return (\n    <div className=\"addressee-select\">\n      <div\n        className=\"_switch\"\n        role=\"button\"\n        tabIndex={0}\n        aria-label=\"対象を選択\"\n        onClick={() => setOpen(true)}\n      >\n        <div className=\"_switch-label\">\n          <div>{selectedStudentIds.length}人</div>\n        </div>\n        <div className=\"_switch-trailing\">\n          <span className=\"icon\" data-icon=\"arrow_drop_down\" />\n        </div>\n      </div>\n\n      <div className=\"form__body\">\n        <div className=\"form__body-item addressee-list\">\n          <ul className=\"addressee-list__list --align-left -size-s\">\n            {selectedEventGroupIds.map((id) => {\n              const eventGroup = classroom_event_groups.find((eventGroup) => {\n                return eventGroup.id === id;\n              });\n              const eventGroupEnrollments = enrollments.filter((enrollment) => {\n                return enrollment.event_groups.some((g) =>\n                  g.id === eventGroup.id\n                );\n              });\n              const total = eventGroupEnrollments.length;\n              const count = eventGroupEnrollments.filter((enrollment) => {\n                return selectedStudentIds.includes(enrollment.student.id);\n              }).length;\n              return (\n                <li key={id} className=\"addressee-list__item\">\n                  <div className=\"addressee-list__body\">\n                    <span>{eventGroup.name}</span>\n                    <b>（{count}/{total}人）</b>\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      </div>\n\n      <ul className=\"_list addressee-selected__list\">\n        {enrollments.filter((enrollment) =>\n          selectedStudentIds.includes(enrollment.student.id)\n        ).map((enrollment) => (\n          <li className=\"_item\" key={enrollment.id}>\n            <div>\n              <div className=\"_avatar\">\n                <TextAvatar name={enrollment.student.name} size=\"s\" icon />\n              </div>\n              <div className=\"_body\">\n                <div className=\"_title\">\n                  {enrollment.student.name}\n                </div>\n                <div className=\"_description\">\n                  {enrollment.event_groups.map((eventGroup) => eventGroup.name)\n                    .join(\", \")}\n                </div>\n              </div>\n            </div>\n          </li>\n        ))}\n      </ul>\n\n      {open && (\n        <AnnouncementFormAddresseeSelectorView\n          classroom_event_groups={classroom_event_groups}\n          enrollments={enrollments}\n          onCloseButtonClick={() => setOpen(false)}\n          selectedStudentIds={selectedStudentIds}\n          setSelectedStudentIds={onChangeStudentIds}\n          selectedEventGroupIds={selectedEventGroupIds}\n          setSelectedEventGroupIds={setSelectedEventGroupIds}\n        />\n      )}\n    </div>\n  );\n}\n","import React, { useCallback, useMemo, useState } from \"react\";\nimport TextAvatar from \"../TextAvatar\";\n\ninterface EventGroup {\n  id: number;\n  name: string;\n  root: boolean;\n}\n\ninterface Enrollment {\n  id: number;\n  student: {\n    id: number;\n    name: string;\n  };\n  event_groups: EventGroup[];\n  allowed_to_settle_automatically: boolean;\n}\n\ninterface Props {\n  classroom_event_groups: EventGroup[];\n  enrollments: Enrollment[];\n  onCloseButtonClick: () => void;\n  selectedStudentIds: number[];\n  setSelectedStudentIds: (selectedEnrollmentIds: number[]) => void;\n  selectedEventGroupIds: number[];\n  setSelectedEventGroupIds: (selectedEventGroupIds: number[]) => void;\n}\n\nexport default function AnnouncementFormAddresseeSelectorView(\n  {\n    classroom_event_groups,\n    enrollments,\n    onCloseButtonClick,\n    selectedStudentIds,\n    setSelectedStudentIds,\n    selectedEventGroupIds,\n    setSelectedEventGroupIds,\n  }: Props,\n): JSX.Element {\n  const [openDropdown, setOpenDropdown] = useState(false);\n  const allStudentSelected = enrollments.length === selectedStudentIds.length;\n\n  const deselectEventGroup = useCallback((eventGroup: EventGroup) => {\n    setSelectedEventGroupIds(\n      selectedEventGroupIds.filter((id) => {\n        return id !== eventGroup.id;\n      }),\n    );\n    const studentIds = enrollments.filter(\n      (enrollment) => {\n        return enrollment.event_groups.some((g) => {\n          return g.id === eventGroup.id;\n        });\n      },\n    ).map((enollment) => {\n      return enollment.student.id;\n    });\n    setSelectedStudentIds(\n      selectedStudentIds.filter((id) => {\n        return !studentIds.includes(id);\n      }),\n    );\n  }, [\n    setSelectedEventGroupIds,\n    selectedEventGroupIds,\n    setSelectedStudentIds,\n    selectedStudentIds,\n  ]);\n\n  return (\n    <div\n      className=\"_container --visible\"\n      id=\"dialog_container\"\n      role=\"dialog\"\n      aria-labelledby=\"dialog_label\"\n      aria-modal=\"true\"\n    >\n      <div className=\"modal-header\">\n        <div className=\"_container\">\n          <div className=\"_title\" id=\"dialog_label\">\n            対象を選択 <span>({selectedStudentIds.length})</span>\n          </div>\n          <div className=\"_nav\">\n            <button\n              type=\"button\"\n              className=\"button -appearance-transparent -color-neutral -shape-circle\"\n              aria-label=\"閉じる\"\n              tabIndex={0}\n              onClick={onCloseButtonClick}\n            >\n              <div className=\"_leading\">\n                <span className=\"icon _icon\" data-icon=\"arrow_left\"></span>\n              </div>\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"modal-content__container\">\n        <div className=\"dropdown\">\n          <div\n            className=\"dropdown__control _switch --fixed-width\"\n            role=\"button\"\n            aria-expanded={openDropdown ? \"true\" : \"false\"}\n            aria-controls=\"eventgroup-dropdown-list\"\n            aria-label=\"コースをもとに選ぶ\"\n            tabIndex={0}\n            onClick={() => setOpenDropdown(!openDropdown)}\n          >\n            <span className=\"_switch-label\">\n              {selectedEventGroupIds.length > 0\n                ? \"複数コース\"\n                : \"コースをもとに選ぶ\"}\n            </span>\n            <div className=\"_switch-trailing\">\n              <span className=\"icon\" data-icon=\"arrow_drop_down\" />\n            </div>\n          </div>\n          {openDropdown && (\n            <ul\n              className=\"_list dropdown__list\"\n              id=\"eventgroup-dropdown-list\"\n            >\n              {classroom_event_groups.filter((eventGroup) => !eventGroup.root)\n                .map((eventGroup) => (\n                  <li key={eventGroup.id} className=\"_item dropdown__item\">\n                    <label htmlFor={`event_group-${eventGroup.id}`}>\n                      <div className=\"_leading\">\n                        <div className=\"_input\">\n                          <input\n                            id={`event_group-${eventGroup.id}`}\n                            type=\"checkbox\"\n                            className=\"checkbox\"\n                            checked={selectedEventGroupIds.includes(\n                              eventGroup.id,\n                            )}\n                            onChange={(event) => {\n                              if (event.target.checked) {\n                                setSelectedEventGroupIds(\n                                  selectedEventGroupIds.concat(eventGroup.id),\n                                );\n                                const studentIds = enrollments.filter(\n                                  (enrollment) => {\n                                    return enrollment.event_groups.some((g) => {\n                                      return g.id === eventGroup.id;\n                                    });\n                                  },\n                                ).map((enollment) => {\n                                  return enollment.student.id;\n                                });\n                                setSelectedStudentIds(\n                                  Array.from(\n                                    new Set([\n                                      ...selectedStudentIds,\n                                      ...studentIds,\n                                    ]),\n                                  ),\n                                );\n                              } else {\n                                deselectEventGroup(eventGroup);\n                              }\n                            }}\n                          />\n                        </div>\n                      </div>\n                      <div className=\"_body\">\n                        <div className=\"_title\">\n                          {eventGroup.name}\n                        </div>\n                      </div>\n                    </label>\n                  </li>\n                ))}\n            </ul>\n          )}\n        </div>\n\n        <div className=\"chips-list\">\n          <ul className=\"chips-list__list\">\n            {selectedEventGroupIds.map((id) => {\n              const eventGroup = classroom_event_groups.find((eventGroup) => {\n                return eventGroup.id === id;\n              });\n\n              if (!eventGroup) {\n                return;\n              }\n\n              const eventGroupEnrollments = enrollments.filter((enrollment) => {\n                return enrollment.event_groups.some((g) =>\n                  g.id === eventGroup.id\n                );\n              });\n              const total = eventGroupEnrollments.length;\n              const count = eventGroupEnrollments.filter((enrollment) => {\n                return selectedStudentIds.includes(enrollment.student.id);\n              }).length;\n              return (\n                <li\n                  key={id}\n                  className=\"chips-list__item\"\n                  onClick={() => deselectEventGroup(eventGroup)}\n                >\n                  <button type=\"button\">\n                    <div className=\"chips-list__body\">\n                      <span>{eventGroup.name}</span>\n                      <b>（{count}/{total}人）</b>\n                    </div>\n                    <div className=\"chips-list__leading\">\n                      <span className=\"_icon icon\" data-icon=\"cross\" />\n                    </div>\n                  </button>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n\n        <ul className=\"_list addressee-select__list\">\n          <li className=\"_item\">\n            <label htmlFor=\"select-all-student\">\n              <div className=\"_leading\">\n                <div className=\"_input\">\n                  <input\n                    id=\"select-all-student\"\n                    type=\"checkbox\"\n                    className={selectedStudentIds.length > 0 &&\n                        !allStudentSelected\n                      ? \"checkbox --mixed\"\n                      : \"checkbox\"}\n                    checked={allStudentSelected}\n                    onChange={(event) => {\n                      if (event.target.checked) {\n                        setSelectedStudentIds(\n                          enrollments.map((enrollment) =>\n                            enrollment.student.id\n                          ),\n                        );\n                      } else {\n                        setSelectedStudentIds([]);\n                        setSelectedEventGroupIds([]);\n                      }\n                    }}\n                  />\n                </div>\n              </div>\n              <div className=\"_body\">\n                <div className=\"_title\">\n                  全員を選択\n                </div>\n              </div>\n            </label>\n          </li>\n          {enrollments.map((enrollment) => (\n            <li className=\"_item\" key={enrollment.id}>\n              <label htmlFor={`addressee-${enrollment.id}`}>\n                <div className=\"_leading\">\n                  <div className=\"_input\">\n                    <input\n                      type=\"checkbox\"\n                      className=\"checkbox\"\n                      id={`addressee-${enrollment.id}`}\n                      checked={selectedStudentIds.includes(\n                        enrollment.student.id,\n                      )}\n                      onChange={(event) => {\n                        if (event.target.checked) {\n                          setSelectedStudentIds(\n                            selectedStudentIds.concat(enrollment.student.id),\n                          );\n                        } else {\n                          const studentIds = selectedStudentIds.filter(\n                            (id) => {\n                              return id !== enrollment.student.id;\n                            },\n                          );\n                          setSelectedStudentIds(studentIds);\n                          const eventGroupIds = enrollments.filter(\n                            (enrollment) => {\n                              return studentIds.includes(enrollment.student.id);\n                            },\n                          ).flatMap((enrollment) => {\n                            return enrollment.event_groups;\n                          }).map((eventGroup) => {\n                            return eventGroup.id;\n                          });\n                          setSelectedEventGroupIds(\n                            Array.from(new Set(eventGroupIds)),\n                          );\n                        }\n                      }}\n                    />\n                  </div>\n                </div>\n                <div className=\"_avatar\">\n                  <TextAvatar name={enrollment.student.name} size=\"s\" icon />\n                </div>\n                <div className=\"_body\">\n                  <div className=\"_title\">\n                    {enrollment.student.name}\n                  </div>\n                  <div className=\"_description\">\n                    {enrollment.event_groups.map((eventGroup) =>\n                      eventGroup.name\n                    ).join(\", \")}\n                  </div>\n                </div>\n              </label>\n            </li>\n          ))}\n        </ul>\n        <div className=\"form__bottom-action\">\n          <div className=\"form__action\">\n            <button\n              type=\"button\"\n              className=\"button -size-l -appearance-filled -width-full -color-interactive\"\n              onClick={onCloseButtonClick}\n            >\n              対象者を決定\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport toBase64 from \"../../packs/file-to-base64\";\n\ntype AnnouncementFormFilesSectionProps = {\n  files: File[];\n  onFilesChange: (newFile: File[]) => void;\n  onRemoveFile: (file: File) => void;\n};\n\ntype FilePreview = {\n  name: string;\n  type: string;\n  content: string | ArrayBuffer;\n  file: File;\n};\n\nexport default function AnnouncementFormFilesSection(\n  { files, onFilesChange, onRemoveFile }: AnnouncementFormFilesSectionProps,\n) {\n  const [previews, setPreviews] = useState<FilePreview[]>([]);\n\n  const onFileChange = async (e) => {\n    const newFiles = e.target.files;\n    if (files.length + newFiles.length > 5) {\n      alert(\"添付できるファイルは5つまでです。\");\n      return;\n    }\n    for (const file of newFiles) {\n      if (file.size / 1024 ** 2 > 10) {\n        alert(\"添付するファイルのサイズは10MB以下にしてください。\");\n        return;\n      }\n    }\n\n    onFilesChange([...newFiles]);\n  };\n\n  useEffect(() => {\n    (async () => {\n      const newPreviews = await Promise.all(files.map(async (file) => {\n        return {\n          name: file.name,\n          type: file.type,\n          content: await toBase64(file),\n          file,\n        };\n      }));\n      setPreviews(newPreviews);\n    })();\n  }, [files]);\n\n  return (\n    <div className=\"form__section --has-margin\">\n      <div className=\"form__header\">\n        <h2 className=\"form__title\">\n          <span className=\"form__title-text\">\n            ファイルの添付\n          </span>\n        </h2>\n      </div>\n\n      <div className=\"form__item card-list --no-padding --column-2\">\n        <ul className=\"_list\" id=\"js-multi-file-preview-target-container\">\n          {previews.map((file, index) => (\n            <li\n              className=\"_item\"\n              key={index}\n            >\n              <div className=\"thumbnail-card\">\n                <button\n                  type=\"button\"\n                  className=\"_button\"\n                  aria-label=\"ファイルを削除\"\n                  onClick={() => onRemoveFile(file.file)}\n                >\n                  <div className=\"_leading\">\n                    <span className=\"icon\" data-icon=\"cross\"></span>\n                  </div>\n                </button>\n                {file.type.includes(\"image\")\n                  ? (\n                    <div className=\"thumbnail-card__media\">\n                      <img src={file.content as string} alt={file.name} />\n                    </div>\n                  )\n                  : (\n                    <div className=\"thumbnail-card__file\">\n                      <div className=\"_body\">{file.name}</div>\n                      <div className=\"_trailing\">\n                        <span className=\"icon\" data-icon=\"image\"></span>\n                        PDF\n                      </div>\n                    </div>\n                  )}\n              </div>\n            </li>\n          ))}\n        </ul>\n      </div>\n\n      <div className=\"form__item file-upload\">\n        <div className=\"file-upload__item\">\n          <input\n            type=\"file\"\n            id=\"files\"\n            className=\"multi-file-preview\"\n            accept=\"image/jpeg,image/png,image/gif,image/heif,image/heic,.pdf\"\n            multiple\n            onChange={onFileChange}\n          />\n          <div className=\"file-upload__button-group\">\n            <label\n              htmlFor=\"files\"\n              className=\"button -appearance-outlined -size-m\"\n              aria-label=\"ファイルを選択してアップロード\"\n              aria-describedby=\"hint-file\"\n            >\n              <div className=\"_leading\">\n                <span className=\"icon\" data-icon=\"upload\"></span>\n              </div>\n              <div className=\"_body\">\n                アップロード\n              </div>\n            </label>\n          </div>\n        </div>\n        <div\n          id=\"hint-file\"\n          className=\"form__item-note --no-margin\"\n        >\n          ※ 画像またはPDFファイル（10MB以下）を5つまで\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\nimport { isBefore, parseISO, startOfDay } from \"date-fns\";\nimport { UseFormRegister } from \"react-hook-form\";\nimport { timeOptions } from \"../../utils/selectable-time-options\";\nimport { AnnouncementFormInputs } from \"./index\";\nimport { FieldErrors } from \"react-hook-form/dist/types/errors\";\n\ninterface Props {\n  isScheduledIssue: boolean;\n  currentIssuedDate: string;\n  register: UseFormRegister<AnnouncementFormInputs>;\n  errors: FieldErrors<AnnouncementFormInputs>;\n  onSchedulingChange: (isChecked: boolean) => void;\n}\n\nexport default function AnnouncementFormIssuedDateSection({\n  isScheduledIssue,\n  currentIssuedDate,\n  register,\n  errors,\n  onSchedulingChange,\n}: Props) {\n  return (\n    <div className=\"form__item\">\n      {isScheduledIssue && (\n        <>\n          <div className=\"textfield-group -no-margin\">\n            <div className=\"textfield-group__item -flex-grow\">\n              <span className=\"simple-textfield -size-l -appearance-filled -width-full\">\n                <input\n                  type=\"date\"\n                  id=\"issued_date\"\n                  {...register(\"issued_date\", {\n                    required: \"送信日を入力してください\",\n                    validate: (value) => {\n                      if (\n                        isBefore(parseISO(value), startOfDay(new Date()))\n                      ) {\n                        return \"本日以降の日付を入力してください\";\n                      }\n                      return true;\n                    },\n                  })}\n                  className=\"_input\"\n                />\n              </span>\n            </div>\n            <div className=\"textfield-group__item -flex-grow\">\n              <span className=\"simple-textfield -size-l -appearance-filled -width-full\">\n                <input\n                  type=\"time\"\n                  id=\"issued_time\"\n                  {...register(\"issued_time\", {\n                    required: \"送信時刻を入力してください\",\n                    validate: (value) => {\n                      // currentIssuedDate と value を結合して、Date オブジェクトに変換\n                      const date = parseISO(\n                        `${currentIssuedDate}T${value}`,\n                      );\n                      if (\n                        isBefore(date, new Date())\n                      ) {\n                        return \"未来の時間を入力してください\";\n                      }\n                      return true;\n                    },\n                  })}\n                  className=\"_input\"\n                  list=\"issued_at-time-list\"\n                />\n                <datalist id=\"issued_at-time-list\">\n                  {timeOptions.map((time) => (\n                    <option\n                      key={time}\n                      value={time}\n                    />\n                  ))}\n                </datalist>\n              </span>\n            </div>\n          </div>\n          <div className=\"form__error\" aria-live=\"polite\">\n            {errors.issued_date?.message}\n          </div>\n          <div className=\"form__error\" aria-live=\"polite\">\n            {errors.issued_time?.message}\n          </div>\n        </>\n      )}\n      <div className=\"form__control\">\n        <div className=\"checkfield -align-center\">\n          <label className=\"_item\" htmlFor=\"issue-reservation\">\n            <input\n              type=\"checkbox\"\n              checked={isScheduledIssue}\n              onChange={(e) => onSchedulingChange(e.target.checked)}\n              id=\"issue-reservation\"\n              className=\"checkbox\"\n            />\n            <span className=\"_label\">\n              日時を指定\n            </span>\n          </label>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { Control, useForm } from \"react-hook-form\";\nimport Turbolinks from \"turbolinks\";\nimport Snackbar from \"../Snackbar\";\nimport Dialog from \"../Dialog\";\nimport HelpModal from \"../HelpModal\";\nimport ErrorBanner from \"../ErrorBanner\";\nimport AnnouncementFormIssuedDateSection from \"./IssuedDateSection\";\nimport AnnouncementFormAIAssistant from \"./AIAssistant\";\nimport AnnouncementFormAddresseeSelector, {\n  Enrollment,\n  EventGroup,\n} from \"./AddresseeSelector\";\nimport AnnouncementFormFilesSection from \"./FilesSection\";\nimport { format } from \"date-fns\";\nimport { getNextHalfHour } from \"../../utils/selectable-time-options\";\n\ninterface FileObj {\n  url: string;\n  name: string;\n  type: string;\n  size: number;\n}\n\nexport interface AnnouncementFormInputs {\n  title: string;\n  body: string;\n  draft: boolean;\n  issued_date: string;\n  issued_time: string;\n  shared_with: \"addressee\" | \"classroom\";\n  student_ids: number[];\n  files: File[];\n}\nexport type FormController = Control<AnnouncementFormInputs>;\n\ntype AnnouncementStatus = \"new\" | \"draft\" | \"scheduled\" | \"issued\";\n\ninterface Props {\n  attributes: AnnouncementFormInputs;\n  file_objects: FileObj[];\n  announcement_status: AnnouncementStatus;\n  form_path: string;\n  form_method: string;\n  generations_path: string;\n  errors: string[];\n  classroom_event_groups: EventGroup[];\n  enrollments: Enrollment[];\n}\n\nexport default function AnnouncementForm(props: Props) {\n  const [openConfirmDialog, setOpenConfirmDialog] = useState(false);\n  const [openHelpModal, setOpenHelpModal] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [message, setMessage] = useState<string>(null);\n  const [isScheduledIssue, setIsScheduledIssue] = useState<boolean>(\n    props.announcement_status === \"scheduled\",\n  );\n  const status: AnnouncementStatus = props.announcement_status === \"issued\"\n    ? \"issued\"\n    : isScheduledIssue\n    ? \"scheduled\"\n    : \"draft\";\n\n  const {\n    register,\n    handleSubmit,\n    formState: { errors, isValid },\n    setValue,\n    setError,\n    clearErrors,\n    watch,\n    trigger,\n  } = useForm<AnnouncementFormInputs>({\n    defaultValues: {\n      ...props.attributes,\n      draft: false,\n    },\n    mode: \"all\",\n  });\n\n  const validateStudentIds = () => {\n    if (\n      watch(\"shared_with\") === \"addressee\" && watch(\"student_ids\").length === 0\n    ) {\n      setError(\"student_ids\", {\n        type: \"empty\",\n        message: \"受講者を選択してください\",\n      });\n    } else {\n      clearErrors(\"student_ids\");\n    }\n    trigger();\n  };\n\n  const onFilesChange = (newFiles: File[]) =>\n    setValue(\"files\", watch(\"files\").concat(newFiles));\n  const onRemoveFile = (file: File) => {\n    const newFiles = watch(\"files\").filter((f) => f !== file);\n    setValue(\"files\", newFiles);\n  };\n\n  const onChangeStudentIds = (selectedStudentIds: number[]) => {\n    setValue(\"student_ids\", selectedStudentIds);\n    validateStudentIds();\n  };\n\n  const onSchedulingChange = (isScheduledIssue: boolean) => {\n    setIsScheduledIssue(isScheduledIssue);\n    if (isScheduledIssue) {\n      setValue(\"issued_date\", format(new Date(), \"yyyy-MM-dd\"));\n      setValue(\"issued_time\", getNextHalfHour());\n    } else {\n      setValue(\"issued_date\", null);\n      setValue(\"issued_time\", null);\n    }\n  };\n\n  const onSubmit = handleSubmit(async (data) => {\n    setLoading(true);\n    const form = new FormData();\n    form.append(\"announcement[title]\", data.title);\n    form.append(\"announcement[body]\", data.body);\n    form.append(\"announcement[draft]\", data.draft.toString());\n    form.append(\"announcement[issued_date]\", data.issued_date);\n    form.append(\"announcement[issued_time]\", data.issued_time);\n    form.append(\"announcement[shared_with]\", data.shared_with);\n    data.student_ids.forEach((student_id) =>\n      form.append(\"announcement[student_ids][]\", student_id.toString())\n    );\n    data.files.forEach((file) => form.append(\"announcement[files][]\", file));\n    const response = await fetch(props.form_path, {\n      method: props.form_method.toUpperCase(),\n      body: form,\n      headers: {\n        \"X-CSRF-Token\":\n          document.querySelector<HTMLMetaElement>('[name=\"csrf-token\"]')\n            .content,\n      },\n    });\n    const { message, redirect_url } = await response.json();\n    if (response.ok) {\n      Turbolinks.visit(redirect_url);\n    } else {\n      setMessage(message);\n    }\n    setLoading(false);\n    setOpenConfirmDialog(false);\n  });\n  const onDraftSubmit = async () => {\n    setValue(\"draft\", true);\n    await trigger();\n    validateStudentIds();\n    await onSubmit();\n  };\n  const onOpenConfirmDialog = async () => {\n    setValue(\"draft\", false);\n    await trigger();\n    validateStudentIds();\n    if (isValid) {\n      setOpenConfirmDialog(true);\n    }\n  };\n\n  useEffect(() => {\n    (async () => {\n      const fetchedFiles = await Promise.all(\n        props.file_objects.map(async (fileObj) => {\n          const response = await fetch(fileObj.url);\n          const blob = await response.blob();\n          return new File([blob], fileObj.name, { type: fileObj.type });\n        }),\n      );\n      setValue(\"files\", fetchedFiles);\n    })();\n  }, []);\n\n  return (\n    <form onSubmit={onSubmit}>\n      <ErrorBanner\n        errors={props.errors}\n      />\n\n      <div className=\"modal-content__container\">\n        <div className=\"form\">\n          <div className=\"form__section\">\n            <h2 class=\"form__title\">\n              <span class=\"form__title-trailing\">\n                <span class=\"icon\" data-icon=\"megaphone\"></span>\n              </span>\n              <span class=\"form__title-text\">タイトル</span>\n              <span class=\"status-label --over\">必須</span>\n            </h2>\n            <div className=\"form__item\">\n              <div className=\"form__control\">\n                <span className=\"textfield -appearance-filled -width-full\">\n                  <input\n                    {...register(\"title\", {\n                      required: \"タイトルを入力してください\",\n                      maxLength: {\n                        value: 140,\n                        message: \"タイトルは140文字以内で入力してください\",\n                      },\n                    })}\n                    type=\"text\"\n                    className=\"_input\"\n                    placeholder=\"お知らせのタイトルを入力してください\"\n                    id=\"announcement-title\"\n                  />\n                  <label htmlFor=\"announcement-title\" className=\"_label\">\n                    タイトルを入力してください\n                  </label>\n                </span>\n                <div\n                  id=\"announcement-title-validation-message\"\n                  className=\"form__error\"\n                  aria-live=\"polite\"\n                >\n                  {errors.title?.message}\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className=\"form__section\">\n            <h2 class=\"form__title\">\n              <span class=\"form__title-trailing\">\n                <span class=\"icon\" data-icon=\"folder\"></span>\n              </span>\n              <span class=\"form__title-text\">内容</span>\n              <span class=\"status-label --over\">必須</span>\n            </h2>\n            <div className=\"form__item\">\n              <div className=\"form__control\">\n                <span className=\"textfield -appearance-filled -width-full --textarea-large\">\n                  <textarea\n                    {...register(\"body\", {\n                      required: \"内容を入力してください\",\n                      maxLength: {\n                        value: 2000,\n                        message: \"内容は2000文字以内で入力してください\",\n                      },\n                    })}\n                    className=\"_input\"\n                    placeholder=\"内容［必須］\"\n                    id=\"announcement-body\"\n                  >\n                  </textarea>\n                  <label htmlFor=\"announcement-body\" className=\"_label\">\n                    内容を入力してください\n                  </label>\n                </span>\n                <div\n                  className=\"form__error\"\n                  aria-live=\"polite\"\n                >\n                  {errors.body?.message}\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className=\"form__section\">\n            <div className=\"form__item\">\n              <div className=\"form__control\">\n                <AnnouncementFormAIAssistant\n                  form_action={props.generations_path}\n                  title={watch(\"title\")}\n                  body={watch(\"body\")}\n                  onReflection={(field: keyof AnnouncementFormInputs, value) =>\n                    setValue(field, value)}\n                />\n              </div>\n            </div>\n          </div>\n\n          <AnnouncementFormFilesSection\n            files={watch(\"files\")}\n            onFilesChange={onFilesChange}\n            onRemoveFile={onRemoveFile}\n          />\n\n          {status !== \"issued\" && (\n            <div className=\"form__section --has-margin\">\n              <div className=\"form__header\">\n                <h2 className=\"form__title\">\n                  <span className=\"form__title-text\">\n                    公開範囲\n                  </span>\n                  <span class=\"status-label --over\">\n                    必須\n                  </span>\n                </h2>\n              </div>\n              <div className=\"form__item\">\n                <div className=\"form__control --has-radiofield\">\n                  <div className=\"radiofield --layout-stack\">\n                    <label className=\"_item\">\n                      <input\n                        {...register(\"shared_with\")}\n                        type=\"radio\"\n                        value=\"classroom\"\n                        className=\"radio\"\n                      />\n                      <div class=\"form__item-forward\">\n                        <span class=\"icon\" data-icon=\"circle\"></span>\n                      </div>\n                      <span className=\"_label\">教室内公開</span>\n                    </label>\n                    <div class=\"page__data-body\">\n                      <ol>\n                        <ul>\n                          教室の「受講者全員」に表示されます。お知らせを作成後に入会した受講者にも表示されます。\n                        </ul>\n                      </ol>\n                    </div>\n                    <label className=\"_item\">\n                      <input\n                        {...register(\"shared_with\", {\n                          onChange: validateStudentIds,\n                        })}\n                        type=\"radio\"\n                        value=\"addressee\"\n                        className=\"radio\"\n                      />\n                      <div class=\"form__item-forward\">\n                        <span class=\"icon\" data-icon=\"people\"></span>\n                      </div>\n                      <span className=\"_label\">対象者限定</span>\n                    </label>\n                    <div class=\"page__data-body\">\n                      <ol>\n                        <ul>\n                          指定したコースや個別の受講者のみが内容を閲覧できます。\n                        </ul>\n                      </ol>\n                    </div>\n                  </div>\n                </div>\n                {watch(\"shared_with\") === \"addressee\" && (\n                  <div className=\"form__control\">\n                    <AnnouncementFormAddresseeSelector\n                      selectedStudentIds={watch(\"student_ids\")}\n                      onChangeStudentIds={onChangeStudentIds}\n                      classroom_event_groups={props.classroom_event_groups}\n                      enrollments={props.enrollments}\n                    />\n                  </div>\n                )}\n                <div\n                  className=\"form__error\"\n                  aria-live=\"polite\"\n                >\n                  {errors.student_ids?.message}\n                </div>\n              </div>\n            </div>\n          )}\n\n          <div className=\"form__bottom-action\">\n            <div className=\"form__action\">\n              <ul className=\"button-group -direction-column\">\n                {status !== \"issued\" && (\n                  <li className=\"_item\">\n                    <button\n                      type=\"button\"\n                      onClick={onDraftSubmit}\n                      className=\"button -size-l -appearance-transparent -width-full -color-interactive\"\n                    >\n                      <div className=\"_body\">\n                        下書き保存\n                      </div>\n                    </button>\n                  </li>\n                )}\n                <li className=\"_item\">\n                  <button\n                    type=\"button\"\n                    onClick={onOpenConfirmDialog}\n                    disabled={!isValid}\n                    className=\"button -size-l -appearance-filled -width-full -color-interactive\"\n                  >\n                    <div className=\"_body\">\n                      {{\n                        draft: \"送信\",\n                        scheduled: \"送信予約\",\n                        issued: \"保存\",\n                      }[status]}\n                    </div>\n                  </button>\n                </li>\n                {status !== \"issued\" && (\n                  <li>\n                    <AnnouncementFormIssuedDateSection\n                      currentIssuedDate={watch(\"issued_date\")}\n                      isScheduledIssue={isScheduledIssue}\n                      register={register}\n                      errors={errors}\n                      onSchedulingChange={onSchedulingChange}\n                    />\n                  </li>\n                )}\n              </ul>\n            </div>\n          </div>\n        </div>\n      </div>\n      {message && <Snackbar>{message}</Snackbar>}\n\n      {openConfirmDialog && isValid && (\n        <Dialog\n          onCloseButtonClick={() => setOpenConfirmDialog(false)}\n          {...{\n            draft: {\n              title: \"お知らせを送信してよろしいですか？\",\n            },\n            scheduled: {\n              title: \"お知らせを予約してよろしいですか？\",\n            },\n            issued: {\n              title: \"この内容でお知らせを更新しますか？\",\n              description:\n                \"お知らせが更新されたことは受講者に通知されませんが、お知らせに更新日時が表示されるようになります。\",\n            },\n          }[status]}\n        >\n          <button\n            type=\"submit\"\n            className=\"button -appearance-transparent -size-m -color-interactive\"\n            disabled={loading}\n          >\n            <div className=\"_body\">\n              {{\n                draft: \"送信\",\n                scheduled: \"送信予約\",\n                issued: \"保存\",\n              }[status]}\n            </div>\n          </button>\n        </Dialog>\n      )}\n\n      {openHelpModal && (\n        <HelpModal\n          onCloseButtonClick={() => setOpenHelpModal(false)}\n          title=\"公開範囲とは\"\n        >\n          <dl>\n            <dt>一部の受講者</dt>\n            <dd>「選択した受講者のみ」にお知らせが表示されます。</dd>\n            <dt>教室全体</dt>\n            <dd>\n              教室の「受講者全員」に表示されます。お知らせを作成後に入会した受講者にも表示されます。\n            </dd>\n          </dl>\n        </HelpModal>\n      )}\n    </form>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { UseFormRegisterReturn } from \"react-hook-form/dist/types/form\";\nimport TextAvatar from \"components/TextAvatar\";\nimport BillAddresseeSelectorView from \"components/BillAddresseeSelectorView\";\n\ninterface Props {\n  form_name: string;\n  attributes_name: string;\n  addressee_attribute_name: string;\n  show_automatic_settlement_enabled: boolean;\n  classroom_event_groups: EventGroup[];\n  enrollments: Enrollment[];\n  selected_student_ids: number[];\n  inputRegister: () => UseFormRegisterReturn;\n  setSelectedStudentIdsValue: (selectedStudentIds: number[]) => void;\n}\n\ninterface EventGroup {\n  id: number;\n  name: string;\n  root: boolean;\n}\n\ninterface Enrollment {\n  id: number;\n  student: {\n    id: number;\n    name: string;\n  };\n  event_groups: EventGroup[];\n  allowed_to_settle_automatically: boolean;\n}\n\nexport default function BillAddresseeSelector(props: Props): JSX.Element {\n  const [open, setOpen] = useState(false);\n  const [selectedStudentIds, setSelectedStudentIds] = useState<number[]>(\n    props.selected_student_ids,\n  );\n  const [selectedEventGroupIds, setSelectedEventGroupIds] = useState<number[]>(\n    [],\n  );\n\n  const selectStudentIds = (selectedStudentIds: number[]) => {\n    props.setSelectedStudentIdsValue(selectedStudentIds);\n    setSelectedStudentIds(selectedStudentIds);\n  };\n\n  return (\n    <div className=\"addressee-select\">\n      <div\n        className=\"_switch\"\n        role=\"button\"\n        tabIndex={0}\n        aria-label=\"対象を選択\"\n        onClick={() => setOpen(true)}\n      >\n        <div className=\"_switch-label\">\n          <div>{selectedStudentIds.length}人</div>\n        </div>\n        <div className=\"_switch-trailing\">\n          <span className=\"icon\" data-icon=\"arrow_drop_down\" />\n        </div>\n      </div>\n\n      <div className=\"form__body\">\n        <div className=\"form__body-item addressee-list\">\n          <ul className=\"addressee-list__list --align-left -size-s\">\n            {selectedEventGroupIds.map((id) => {\n              const eventGroup = props.classroom_event_groups.find(\n                (eventGroup) => {\n                  return eventGroup.id === id;\n                },\n              );\n              const eventGroupEnrollments = props.enrollments.filter(\n                (enrollment) => {\n                  return enrollment.event_groups.some((g) =>\n                    g.id === eventGroup.id\n                  );\n                },\n              );\n              const total = eventGroupEnrollments.length;\n              const count = eventGroupEnrollments.filter((enrollment) => {\n                return selectedStudentIds.includes(enrollment.student.id);\n              }).length;\n              return (\n                <li key={id} className=\"addressee-list__item\">\n                  <div className=\"addressee-list__body\">\n                    <span>{eventGroup.name}</span>\n                    <b>（{count}/{total}人）</b>\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      </div>\n\n      <ul className=\"_list addressee-selected__list\">\n        {props.enrollments.filter((enrollment) =>\n          selectedStudentIds.includes(enrollment.student.id)\n        ).map((enrollment) => (\n          <li className=\"_item\" key={enrollment.id}>\n            <div>\n              <div className=\"_avatar\">\n                <TextAvatar name={enrollment.student.name} size=\"s\" icon />\n              </div>\n              <div className=\"_body\">\n                <div className=\"_title\">\n                  {enrollment.student.name}\n                </div>\n                <div className=\"_description\">\n                  {enrollment.event_groups.map((eventGroup) => eventGroup.name)\n                    .join(\", \")}\n                </div>\n              </div>\n              {props.show_automatic_settlement_enabled &&\n                enrollment.allowed_to_settle_automatically && (\n                <div className=\"_trailing\">\n                  <div className=\"credit-card-status --positive\">\n                    <span\n                      className=\"icon credit-card-status__icon\"\n                      data-icon=\"check_on_circle\"\n                    />\n                    <div className=\"credit-card-status__body\">\n                      <span>自動支払い</span>設定済み\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          </li>\n        ))}\n      </ul>\n\n      {open && (\n        <BillAddresseeSelectorView\n          inputRegister={props.inputRegister}\n          show_automatic_settlement_enabled={props\n            .show_automatic_settlement_enabled}\n          classroom_event_groups={props.classroom_event_groups}\n          enrollments={props.enrollments}\n          onCloseButtonClick={() => setOpen(false)}\n          selectedStudentIds={selectedStudentIds}\n          setSelectedStudentIds={selectStudentIds}\n          selectedEventGroupIds={selectedEventGroupIds}\n          setSelectedEventGroupIds={setSelectedEventGroupIds}\n        />\n      )}\n    </div>\n  );\n}\n","import React, { useCallback, useState } from \"react\";\nimport { UseFormRegisterReturn } from \"react-hook-form/dist/types/form\";\nimport TextAvatar from \"./TextAvatar\";\n\ninterface EventGroup {\n  id: number;\n  name: string;\n  root: boolean;\n}\n\ninterface Enrollment {\n  id: number;\n  student: {\n    id: number;\n    name: string;\n  };\n  event_groups: EventGroup[];\n  allowed_to_settle_automatically: boolean;\n}\n\ninterface Props {\n  inputRegister: () => UseFormRegisterReturn;\n  show_automatic_settlement_enabled: boolean;\n  classroom_event_groups: EventGroup[];\n  enrollments: Enrollment[];\n  onCloseButtonClick: () => void;\n  selectedStudentIds: number[];\n  setSelectedStudentIds: (selectedEnrollmentIds: number[]) => void;\n  selectedEventGroupIds: number[];\n  setSelectedEventGroupIds: (selectedEventGroupIds: number[]) => void;\n}\n\nexport default function BillAddresseeSelectorView(props: Props): JSX.Element {\n  const [openDropdown, setOpenDropdown] = useState(false);\n  const allStudentSelected =\n    props.enrollments.length === props.selectedStudentIds.length;\n\n  const selectEventGroup = useCallback((eventGroup: EventGroup) => {\n    props.setSelectedEventGroupIds(\n      props.selectedEventGroupIds.concat(eventGroup.id),\n    );\n    const studentIds = props.enrollments.filter(\n      (enrollment) => {\n        return enrollment.event_groups.some((g) => {\n          return g.id === eventGroup.id;\n        });\n      },\n    ).map((enrollment) => {\n      return enrollment.student.id;\n    });\n    props.setSelectedStudentIds(\n      Array.from(\n        new Set([\n          ...props.selectedStudentIds,\n          ...studentIds,\n        ]),\n      ),\n    );\n  }, [\n    props.enrollments,\n    props.selectedStudentIds,\n    props.setSelectedStudentIds,\n    props.selectedEventGroupIds,\n    props.setSelectedEventGroupIds,\n  ]);\n  const deselectEventGroup = useCallback((eventGroup: EventGroup) => {\n    props.setSelectedEventGroupIds(\n      props.selectedEventGroupIds.filter((id) => {\n        return id !== eventGroup.id;\n      }),\n    );\n    const studentIds = props.enrollments.filter(\n      (enrollment) => {\n        return enrollment.event_groups.some((g) => {\n          return g.id === eventGroup.id;\n        });\n      },\n    ).map((enrollment) => {\n      return enrollment.student.id;\n    });\n    props.setSelectedStudentIds(\n      props.selectedStudentIds.filter((id) => {\n        return !studentIds.includes(id);\n      }),\n    );\n  }, [\n    props.enrollments,\n    props.selectedStudentIds,\n    props.setSelectedStudentIds,\n    props.selectedEventGroupIds,\n    props.setSelectedEventGroupIds,\n  ]);\n\n  return (\n    <div className=\"_container --visible\">\n      <div className=\"modal-header\">\n        <div className=\"_container\">\n          <div className=\"_title\">\n            対象を選択 <span>({props.selectedStudentIds.length})</span>\n          </div>\n          <div className=\"_nav\">\n            <button\n              type=\"button\"\n              className=\"button -appearance-transparent -color-neutral -shape-circle\"\n              aria-label=\"閉じる\"\n              tabIndex={0}\n              onClick={props.onCloseButtonClick}\n            >\n              <div className=\"_leading\">\n                <span className=\"icon _icon\" data-icon=\"arrow_left\"></span>\n              </div>\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"modal-content__container\">\n        <div className=\"dropdown\">\n          <div\n            className=\"dropdown__control _switch --fixed-width\"\n            role=\"button\"\n            aria-expanded=\"true\"\n            aria-label=\"コースをもとに選ぶ\"\n            tabIndex={0}\n            onClick={() => setOpenDropdown(!openDropdown)}\n          >\n            <span className=\"_switch-label\">\n              {props.selectedEventGroupIds.length > 0\n                ? \"複数コース\"\n                : \"コースをもとに選ぶ\"}\n            </span>\n            <div className=\"_switch-trailing\">\n              <span className=\"icon\" data-icon=\"arrow_drop_down\" />\n            </div>\n          </div>\n          {openDropdown && (\n            <ul\n              className=\"_list dropdown__list\"\n              aria-labelledby=\"addressee-event-group-dropdown\"\n            >\n              {props.classroom_event_groups.filter((eventGroup) =>\n                !eventGroup.root\n              )\n                .map((eventGroup) => (\n                  <li key={eventGroup.id} className=\"_item dropdown__item\">\n                    <label htmlFor={`event_group-${eventGroup.id}`}>\n                      <div className=\"_leading\">\n                        <div className=\"_input\">\n                          <input\n                            id={`event_group-${eventGroup.id}`}\n                            type=\"checkbox\"\n                            className=\"checkbox\"\n                            checked={props.selectedEventGroupIds.includes(\n                              eventGroup.id,\n                            )}\n                            onChange={(event) => {\n                              if (event.target.checked) {\n                                selectEventGroup(eventGroup);\n                              } else {\n                                deselectEventGroup(eventGroup);\n                              }\n                            }}\n                          />\n                        </div>\n                      </div>\n                      <div className=\"_body\">\n                        <div className=\"_title\">\n                          {eventGroup.name}\n                        </div>\n                      </div>\n                    </label>\n                  </li>\n                ))}\n            </ul>\n          )}\n        </div>\n\n        <div className=\"chips-list\">\n          <ul className=\"chips-list__list\">\n            {props.selectedEventGroupIds.map((id) => {\n              const eventGroup = props.classroom_event_groups.find(\n                (eventGroup) => {\n                  return eventGroup.id === id;\n                },\n              );\n\n              if (!eventGroup) {\n                return;\n              }\n\n              const eventGroupEnrollments = props.enrollments.filter(\n                (enrollment) => {\n                  return enrollment.event_groups.some((g) =>\n                    g.id === eventGroup.id\n                  );\n                },\n              );\n              const total = eventGroupEnrollments.length;\n              const count = eventGroupEnrollments.filter((enrollment) => {\n                return props.selectedStudentIds.includes(enrollment.student.id);\n              }).length;\n              return (\n                <li\n                  key={id}\n                  className=\"chips-list__item\"\n                  onClick={() => deselectEventGroup(eventGroup)}\n                >\n                  <button type=\"button\">\n                    <div className=\"chips-list__body\">\n                      <span>{eventGroup.name}</span>\n                      <b>（{count}/{total}人）</b>\n                    </div>\n                    <div className=\"chips-list__leading\">\n                      <span className=\"_icon icon\" data-icon=\"cross\" />\n                    </div>\n                  </button>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n\n        <ul className=\"_list addressee-select__list\">\n          <li className=\"_item\">\n            <label htmlFor=\"select-all-student\">\n              <div className=\"_leading\">\n                <div className=\"_input\">\n                  <input\n                    id=\"select-all-student\"\n                    type=\"checkbox\"\n                    className={props.selectedStudentIds.length > 0 &&\n                        !allStudentSelected\n                      ? \"checkbox --mixed\"\n                      : \"checkbox\"}\n                    checked={allStudentSelected}\n                    onChange={(event) => {\n                      if (event.target.checked) {\n                        props.setSelectedStudentIds(\n                          props.enrollments.map((enrollment) =>\n                            enrollment.student.id\n                          ),\n                        );\n                      } else {\n                        props.setSelectedStudentIds([]);\n                        props.setSelectedEventGroupIds([]);\n                      }\n                    }}\n                  />\n                </div>\n              </div>\n              <div className=\"_body\">\n                <div className=\"_title\">\n                  全員を選択\n                </div>\n              </div>\n            </label>\n          </li>\n          {props.enrollments.map((enrollment) => (\n            <li className=\"_item\" key={enrollment.id}>\n              <label htmlFor={`addressee-${enrollment.id}`}>\n                <div className=\"_leading\">\n                  <div className=\"_input\">\n                    <input\n                      {...props.inputRegister()}\n                      value={enrollment.student.id}\n                      type=\"checkbox\"\n                      className=\"checkbox\"\n                      id={`addressee-${enrollment.id}`}\n                      checked={props.selectedStudentIds.includes(\n                        enrollment.student.id,\n                      )}\n                      onChange={(event) => {\n                        if (event.target.checked) {\n                          props.setSelectedStudentIds(\n                            props.selectedStudentIds.concat(\n                              enrollment.student.id,\n                            ),\n                          );\n                        } else {\n                          const studentIds = props.selectedStudentIds.filter(\n                            (id) => {\n                              return id !== enrollment.student.id;\n                            },\n                          );\n                          props.setSelectedStudentIds(studentIds);\n                          const eventGroupIds = props.enrollments.filter(\n                            (enrollment) => {\n                              return studentIds.includes(enrollment.student.id);\n                            },\n                          ).flatMap((enrollment) => {\n                            return enrollment.event_groups;\n                          }).map((eventGroup) => {\n                            return eventGroup.id;\n                          });\n                          props.setSelectedEventGroupIds(\n                            Array.from(new Set(eventGroupIds)),\n                          );\n                        }\n                      }}\n                    />\n                  </div>\n                </div>\n                <div className=\"_avatar\">\n                  <TextAvatar name={enrollment.student.name} size=\"s\" icon />\n                </div>\n                <div className=\"_body\">\n                  <div className=\"_title\">\n                    {enrollment.student.name}\n                  </div>\n                  <div className=\"_description\">\n                    {enrollment.event_groups.map((eventGroup) =>\n                      eventGroup.name\n                    ).join(\", \")}\n                  </div>\n                </div>\n                {props.show_automatic_settlement_enabled &&\n                  enrollment.allowed_to_settle_automatically && (\n                  <div className=\"_trailing\">\n                    <div className=\"credit-card-status --positive\">\n                      <span\n                        className=\"icon credit-card-status__icon\"\n                        data-icon=\"check_on_circle\"\n                      >\n                      </span>\n                      <div className=\"credit-card-status__body\">\n                        <span>自動支払い</span>設定済み\n                      </div>\n                    </div>\n                  </div>\n                )}\n              </label>\n            </li>\n          ))}\n        </ul>\n        <div className=\"form__bottom-action\">\n          <div className=\"form__action\">\n            <button\n              type=\"button\"\n              className=\"button -size-l -appearance-filled -width-full -color-interactive\"\n              onClick={props.onCloseButtonClick}\n            >\n              対象者を決定\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React, { useState } from \"react\";\nimport { eachMinuteOfInterval, format, startOfDay } from \"date-fns\";\n\nimport BillAddresseeSelector from \"./BillAddresseeSelector\";\nimport Dialog from \"./Dialog\";\nimport ErrorBanner from \"./ErrorBanner\";\nimport Turbolinks from \"turbolinks\";\nimport { numberFormat } from \"../utils/number-format\";\nimport { useApi } from \"../hooks/api\";\nimport { useForm } from \"react-hook-form\";\nimport { timeOptions } from \"utils/selectable-time-options\";\nimport { useToast } from \"components/Toast/use-toast\";\nimport { Toaster } from \"components/Toast/toaster\";\n\ninterface Props {\n  form_path: string;\n  form_method: string;\n  attributes: Inputs;\n  errors: string[];\n  classroom_event_groups;\n  enrollments;\n  bill_item_templates: BillItemTemplate[];\n  management_classroom_bill_item_templates_path: string;\n}\n\ninterface BillItemTemplate {\n  id: number;\n  name: string;\n  amount: number;\n}\n\ninterface Inputs {\n  name: string;\n  amount: number;\n  save_as_bill_item_template: boolean;\n  issued_date: string;\n  issued_time: string;\n  deadline_date: string;\n  deadline_time: string;\n  student_ids: number[];\n  draft: boolean;\n}\n\nexport default function BillForm(props: Props): JSX.Element {\n  const [comboBoxVisible, setComboBoxVisible] = useState(false);\n  const [submitDialogVisible, setSubmitDialogVisible] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const { toast } = useToast();\n\n  const {\n    register,\n    handleSubmit,\n    formState: { errors, isValid },\n    setValue,\n    trigger,\n  } = useForm<Inputs>({\n    defaultValues: props.attributes,\n    mode: \"all\",\n  });\n  const { requestWithCsrfToken } = useApi();\n\n  const handleFocus = () => {\n    setComboBoxVisible(true);\n  };\n  const handleBlur = (event) => {\n    const isButtonFocused = event.relatedTarget &&\n      event.relatedTarget.tagName === \"BUTTON\";\n    // フォーカスが外れたが、請求項目リストのボタンに移動した場合は処理をスキップ\n    if (isButtonFocused) return;\n    setComboBoxVisible(false);\n  };\n  const handleClick = () => {\n    setComboBoxVisible((prevValue) => !prevValue);\n  };\n\n  const handleBillItemTemplateClick = (event) => {\n    const targetBillItemTemplate = props.bill_item_templates.find(\n      (bill_item_template) =>\n        bill_item_template.id === Number(event.target.dataset.id),\n    );\n    setValue(\"name\", targetBillItemTemplate.name);\n    setValue(\"amount\", targetBillItemTemplate.amount);\n    setValue(\"save_as_bill_item_template\", false);\n    setComboBoxVisible(false);\n  };\n\n  const onSubmit = handleSubmit(async (data) => {\n    setLoading(true);\n    const { redirect_url, message, response } = await requestWithCsrfToken({\n      form_action: props.form_path,\n      form_method: props.form_method,\n      data: {\n        bill_group_form: data,\n      },\n    });\n    if (response.ok) {\n      Turbolinks.visit(redirect_url);\n    } else {\n      toast({\n        title: message,\n        description: \"\",\n        children: null,\n        variant: \"destructive\",\n      });\n      setLoading(false);\n    }\n  });\n\n  const handleDraftSubmit = async () => {\n    await trigger();\n    setValue(\"draft\", true);\n    await onSubmit();\n  };\n\n  const handleToggleSubmitDialog = async () => {\n    await trigger();\n    setValue(\"draft\", false);\n    if (isValid) {\n      setSubmitDialogVisible(true);\n    }\n  };\n\n  return (\n    <form\n      onSubmit={onSubmit}\n      action={props.form_path}\n      method={props.form_method}\n      id=\"bill-form\"\n    >\n      <ErrorBanner\n        errors={props.errors}\n      />\n\n      <div className=\"modal-content__container\">\n        <div className=\"form\">\n          <div className=\"form__section\">\n            <div className=\"form__item\">\n              <div className=\"form__control\">\n                <span className=\"textfield -width-full combo-box\">\n                  <div\n                    role=\"button\"\n                    className=\"combo-box__trailing\"\n                    onClick={handleClick}\n                  >\n                    <span className=\"icon\" data-icon=\"arrow_drop_down\"></span>\n                  </div>\n                  <input\n                    {...register(\"name\", {\n                      required: \"項目名を入力してください\",\n                      maxLength: {\n                        value: 140,\n                        message: \"項目名は140文字以内で入力してください\",\n                      },\n                      onBlur: handleBlur,\n                    })}\n                    onFocus={handleFocus}\n                    className=\"_input\"\n                    placeholder=\"項目名［必須］\"\n                    id=\"js-bill-group-name\"\n                  />\n                  <label className=\"_label\" htmlFor=\"js-bill-group-name\">\n                    項目名［必須］\n                  </label>\n                </span>\n\n                {comboBoxVisible && (\n                  <>\n                    <div\n                      className=\"combo-box__list\"\n                      role=\"listbox\"\n                      aria-hidden=\"false\"\n                    >\n                      {props.bill_item_templates.map((billItemTemplate) => (\n                        <button\n                          key={billItemTemplate.id}\n                          data-id={billItemTemplate.id}\n                          onMouseDown={(e) => e.preventDefault()}\n                          onClick={handleBillItemTemplateClick}\n                          type=\"button\"\n                          role=\"option\"\n                        >\n                          {billItemTemplate.name}\n                          <span\n                            data-id={billItemTemplate.id}\n                            onMouseDown={(e) => e.preventDefault()}\n                            onClick={handleBillItemTemplateClick}\n                          >\n                            {numberFormat(billItemTemplate.amount)}円\n                          </span>\n                        </button>\n                      ))}\n                    </div>\n                  </>\n                )}\n\n                <div\n                  id=\"js-bill-group-name-validation-message\"\n                  className=\"form__error\"\n                  aria-live=\"polite\"\n                >\n                  {errors.name?.message}\n                </div>\n              </div>\n            </div>\n\n            <div className=\"form__item\">\n              <div className=\"form__control\">\n                <span className=\"textfield -width-half\">\n                  <input\n                    {...register(\"amount\", {\n                      required: \"金額を入力してください\",\n                      min: {\n                        value: 300,\n                        message: \"金額は300円以上で入力してください\",\n                      },\n                      max: {\n                        value: 300000,\n                        message: \"金額は300,000円以内で入力してください\",\n                      },\n                    })}\n                    inputMode=\"numeric\"\n                    className=\"_input\"\n                    placeholder=\"金額［必須］\"\n                    id=\"js-bill-group-amount\"\n                  />\n                  <label\n                    className=\"_label\"\n                    aria-describedby=\"hint-amount\"\n                    htmlFor=\"js-bill-group-amount\"\n                  >\n                    金額［必須］\n                  </label>\n                </span>\n                <span className=\"form__unit\">\n                  円\n                </span>\n                <div\n                  id=\"js-bill-group-amount-validation-message\"\n                  className=\"form__error\"\n                  aria-live=\"polite\"\n                >\n                  {errors.amount?.message}\n                </div>\n              </div>\n            </div>\n            <div id=\"hint-amount\" className=\"form__item-note\">\n              ※ 300円以上30万円以下の金額を半角数字のみで入力（例：3000）\n            </div>\n\n            <div className=\"form__item\">\n              <div className=\"form__control --has-checkfield\">\n                <div className=\"checkfield\">\n                  <label className=\"_item\" htmlFor=\"save-as-bill-item-template\">\n                    <input\n                      {...register(\"save_as_bill_item_template\")}\n                      type=\"checkbox\"\n                      id=\"save-as-bill-item-template\"\n                      className=\"checkbox\"\n                    />\n                    <span className=\"_label\">\n                      項目名と金額の組み合わせを保存する\n                    </span>\n                  </label>\n                  <a\n                    className=\"button -appearance-transparent -color-interactive -size-s\"\n                    href={props.management_classroom_bill_item_templates_path}\n                  >\n                    <div className=\"_body\">\n                      請求項目リスト\n                    </div>\n                  </a>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"form__section\">\n            <h2 className=\"form__title\">\n              <span className=\"form__title-trailing\">\n                <span className=\"icon\" data-icon=\"calendar\"></span>\n              </span>\n              <span className=\"form__title-text\">\n                日付\n              </span>\n            </h2>\n\n            <div className=\"form__item\">\n              <label className=\"form__label\" htmlFor=\"issued_date\">\n                請求日\n              </label>\n              <div className=\"form__control\">\n                <div className=\"textfield-group textfield-group--datetime\">\n                  <div className=\"textfield-group__item\">\n                    <span className=\"simple-textfield -size-l -appearance-filled -width-full\">\n                      <input\n                        type=\"date\"\n                        id=\"issued_date\"\n                        {...register(\"issued_date\", {\n                          required: \"請求日を入力してください\",\n                        })}\n                        className=\"_input\"\n                        placeholder={format(new Date(), \"yyyy/MM/dd\")}\n                      />\n                    </span>\n                  </div>\n                  <div className=\"textfield-group__item\">\n                    <span className=\"simple-textfield -size-l -appearance-filled -width-full\">\n                      <input\n                        type=\"time\"\n                        id=\"issued_time\"\n                        {...register(\"issued_time\", {\n                          required: \"請求時刻を入力してください\",\n                        })}\n                        className=\"_input\"\n                        list=\"issued_at-time-list\"\n                        placeholder=\"00:00\"\n                      />\n                      <datalist id=\"issued_at-time-list\">\n                        {timeOptions.map((time) => (\n                          <option key={time} value={time} />\n                        ))}\n                      </datalist>\n                    </span>\n                  </div>\n                </div>\n                <div\n                  className=\"form__error\"\n                  aria-live=\"polite\"\n                >\n                  {errors.issued_date?.message}\n                </div>\n                <div\n                  className=\"form__error\"\n                  aria-live=\"polite\"\n                >\n                  {errors.issued_time?.message}\n                </div>\n              </div>\n            </div>\n\n            <div className=\"form__item\">\n              <label htmlFor=\"deadline_date\" className=\"form__label\">\n                期日\n              </label>\n              <div className=\"form__control\">\n                <div className=\"textfield-group textfield-group--datetime\">\n                  <div className=\"textfield-group__item\">\n                    <span className=\"simple-textfield -size-l -appearance-filled -width-full\">\n                      <input\n                        type=\"date\"\n                        id=\"deadline_date\"\n                        {...register(\"deadline_date\", {\n                          required: \"期日を入力してください\",\n                        })}\n                        className=\"_input\"\n                        placeholder={format(new Date(), \"yyyy/MM/dd\")}\n                      />\n                    </span>\n                  </div>\n                  <div className=\"textfield-group__item\">\n                    <span className=\"simple-textfield -size-l -appearance-filled -width-full\">\n                      <input\n                        type=\"time\"\n                        id=\"deadline_time\"\n                        {...register(\"deadline_time\", {\n                          required: \"期日時刻を入力してください\",\n                        })}\n                        className=\"_input\"\n                        list=\"deadline-time-list\"\n                        placeholder=\"00:00\"\n                      />\n                      <datalist id=\"deadline-time-list\">\n                        {timeOptions.map((time) => (\n                          <option key={time} value={time} />\n                        ))}\n                      </datalist>\n                    </span>\n                  </div>\n                </div>\n                <div\n                  className=\"form__error\"\n                  aria-live=\"polite\"\n                >\n                  {errors.deadline_date?.message}\n                </div>\n                <div\n                  className=\"form__error\"\n                  aria-live=\"polite\"\n                >\n                  {errors.deadline_time?.message}\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"form__section\">\n            <h2 className=\"form__title\">\n              <span className=\"form__title-trailing\">\n                <span className=\"icon\" data-icon=\"person\"></span>\n              </span>\n              <span className=\"form__title-text\">請求対象</span>\n            </h2>\n\n            <div className=\"form__item\">\n              <div className=\"form__control\">\n                <BillAddresseeSelector\n                  inputRegister={() => register(`student_ids`)}\n                  setSelectedStudentIdsValue={(selectedStudentIds: number[]) =>\n                    setValue(\"student_ids\", selectedStudentIds)}\n                  form_name=\"bill_group_form\"\n                  attributes_name=\"bills_attributes\"\n                  addressee_attribute_name=\"addressee_id\"\n                  show_automatic_settlement_enabled={true}\n                  classroom_event_groups={props.classroom_event_groups}\n                  enrollments={props.enrollments}\n                  selected_student_ids={props.attributes.student_ids}\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"form__bottom-action\">\n          <div className=\"form__action\">\n            <ul className=\"button-group -direction-column\">\n              <li className=\"_item\">\n                <input\n                  {...register(\"draft\")}\n                  type=\"hidden\"\n                  id=\"bill_group_draft\"\n                />\n                <button\n                  type=\"button\"\n                  className=\"button -size-l -appearance-transparent -width-full -color-interactive js-draft-submit\"\n                  onClick={handleDraftSubmit}\n                  disabled={loading}\n                >\n                  <div className=\"_body\">下書き保存</div>\n                </button>\n              </li>\n              <li className=\"_item\">\n                <button\n                  type=\"button\"\n                  className=\"button -size-l -appearance-filled -width-full -color-interactive js-dialog-v2-toggle-switch\"\n                  onClick={handleToggleSubmitDialog}\n                >\n                  <div className=\"_body\">送信</div>\n                </button>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </div>\n\n      {submitDialogVisible && isValid && (\n        <Dialog\n          onCloseButtonClick={() => setSubmitDialogVisible(false)}\n          title=\"請求を送信しますか？\"\n          description=\"送信すると教室から請求が届いたことが受講者に通知されます。請求日が未来の日付の場合は、送信予約状態となります。\"\n        >\n          <button\n            type=\"submit\"\n            className=\"button -appearance-transparent -size-m -color-interactive js-submit-to-issue\"\n            data-target-form=\"bill-form\"\n            data-target-hidden-field=\"bill_group_draft\"\n            disabled={loading}\n          >\n            <div className=\"_body\">送信</div>\n          </button>\n        </Dialog>\n      )}\n      <Toaster />\n    </form>\n  );\n}\n","import React, { Fragment, useEffect, useRef, useState } from \"react\";\nimport Dialog from \"components/Dialog\";\nimport { useApi } from \"hooks/api\";\nimport { ModalBackButton } from \"./ModalBackButton\";\nimport {\n  localizeDateToFullString,\n  localizeDateToYmdString,\n} from \"utils/localize-date\";\nimport TextAvatar from \"components/TextAvatar\";\n\ninterface Addressee {\n  name: string;\n  member_path: string;\n}\n\ninterface Payment {\n  tried_at: string;\n  approved_at: string;\n  marked_as_paid_at: string;\n  transfer_return_date: string;\n  method_type_konbini: boolean;\n}\n\ninterface Bill {\n  id: number;\n  addressee: Addressee;\n  payment_waiting_for_debit: boolean;\n  payment_waiting_for_approval: boolean;\n  payable: boolean;\n  overdue: boolean;\n  allow_overdue_notification: boolean;\n  payments: Payment;\n  marked_as_paid: boolean;\n  markable_as_paid: boolean;\n  payment_approved: boolean;\n  overdue_notifications_path: string;\n}\n\ninterface Classroom {\n  slug: string;\n  settlement_agent: {\n    konbini_payment_enabled: boolean;\n  };\n}\n\ninterface BillGroup {\n  id: number;\n  name: string;\n  amount: number;\n  issued_at: string;\n  deadline: string;\n  size: number;\n  bills: Bill[];\n  draft: boolean;\n  disabled: boolean;\n  deletable: boolean;\n  updatable_to_be_disabled: boolean;\n  not_issued: boolean;\n  issued: boolean;\n  number_of_paid_students: number;\n  back_button_link_path: string;\n  classroom: Classroom;\n}\n\ninterface Paths {\n  details_path: string;\n  edit_path: string;\n  duplicate_path: string;\n  bill_group_path: string;\n  disable_path: string;\n  mark_as_paid_path: string;\n  bill_path: string;\n  settings_path: string;\n}\n\ninterface BillGroupDetails {\n  bill_group: BillGroup;\n  classroom: Classroom;\n  paths: Paths;\n}\n\nexport default function BillGroupDetails(\n  { bill_group, classroom, paths }: BillGroupDetails,\n): React.JSX.Element {\n  const [openDropdown, setOpenDropdown] = useState(false);\n  const [deletingPopupVisible, setDeletingPopupVisible] = useState(false);\n  const [disabledPopupVisible, setDisabledPopupVisible] = useState(false);\n  const [paidDialogTarget, setPaidDialogTarget] = useState<number>(null);\n  const [payableDialogTarget, setPayableDialogTarget] = useState<number>(null);\n  const [reminderDialogTarget, setNotificationDialogTarget] = useState<number>(\n    null,\n  );\n  const [userActionPopupVisible, setUserActionPopupVisible] = useState(false);\n  const [billActionPopupTarget, setBillActionPopupTarget] = useState<number>(\n    null,\n  );\n\n  const toggleUserActionPopup = () => {\n    setUserActionPopupVisible((prev) => !prev);\n  };\n\n  const handleBlur = (event) => {\n    const isButtonFocused = event.relatedTarget?.tagName === \"BUTTON\";\n    if (!isButtonFocused) {\n      setOpenDropdown(false);\n    }\n  };\n\n  return (\n    <>\n      <div className=\"modal-content\">\n        <div className=\"modal-header\">\n          <div className=\"_title\">\n            {bill_group.name}\n          </div>\n          <div className=\"single-container\">\n            <div className=\"single-control\">\n              <div className=\"single-control__button\">\n                <ModalBackButton />\n              </div>\n              <div className=\"single-control__button single-control__action\">\n                <button\n                  className=\"single-control__button\"\n                  onClick={toggleUserActionPopup}\n                  onBlur={handleBlur}\n                  aria-label=\"操作\"\n                  aria-controls=\"user-action\"\n                  aria-expanded={userActionPopupVisible ? \"true\" : \"false\"}\n                >\n                  <span className=\"_icon icon\" data-icon=\"ellipsis_vertical\">\n                  </span>\n                </button>\n                {userActionPopupVisible && (\n                  <>\n                    <ul className=\"dropdown__list\" id=\"user-action\">\n                      {bill_group.draft &&\n                        (\n                          <li className=\"dropdown__item\">\n                            <a className=\"_body\" href={paths.edit_path}>\n                              編集\n                            </a>\n                          </li>\n                        )}\n                      <li className=\"dropdown__item\">\n                        <div className=\"_body\">\n                          <a href={paths.duplicate_path}>\n                            コピー\n                          </a>\n                        </div>\n                      </li>\n\n                      {bill_group.deletable &&\n                        (\n                          <>\n                            <li className=\"dropdown__item\">\n                              <button\n                                onClick={() => setDeletingPopupVisible(true)}\n                              >\n                                <div className=\"_body\">\n                                  削除\n                                </div>\n                              </button>\n                            </li>\n                            {deletingPopupVisible && (\n                              <Dialog\n                                title={`この請求を取り消しますか`}\n                                description=\"この請求は削除されます。\"\n                                onCloseButtonClick={() =>\n                                  setDeletingPopupVisible(false)}\n                              >\n                                <a\n                                  className=\"button -appearance-transparent -size-m -color-negative\"\n                                  rel=\"nofollow\"\n                                  data-method=\"delete\"\n                                  href={paths.bill_group_path}\n                                >\n                                  <div className=\"_body\">\n                                    削除\n                                  </div>\n                                </a>\n                              </Dialog>\n                            )}\n                          </>\n                        )}\n                      {bill_group.updatable_to_be_disabled &&\n                        (\n                          <>\n                            <li className=\"dropdown__item\">\n                              <button\n                                onClick={() => setDisabledPopupVisible(true)}\n                              >\n                                <div className=\"_body\">\n                                  無効にする\n                                </div>\n                              </button>\n                            </li>\n                            {disabledPopupVisible && (\n                              <Dialog\n                                title={`この請求を無効化しますか？`}\n                                description=\"この請求を無効化しますか？\"\n                                onCloseButtonClick={() =>\n                                  setDisabledPopupVisible(false)}\n                              >\n                                <a\n                                  className=\"button -appearance-transparent -size-m -color-negative\"\n                                  rel=\"nofollow\"\n                                  data-method=\"post\"\n                                  href={paths.disable_path}\n                                >\n                                  <div className=\"_body\">\n                                    無効化\n                                  </div>\n                                </a>\n                              </Dialog>\n                            )}\n                          </>\n                        )}\n                    </ul>\n                  </>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"modal-content__container\">\n          <div className=\"bill-group\">\n            <div className=\"bill-group__section\">\n              <div className=\"bill-group__item\">\n                <div className=\"bill-group__item-title\">\n                  <span className=\"bill-group__item-label\">状態</span>\n                </div>\n                <div className=\"bill-group__item-body\">\n                  {bill_group.draft\n                    ? <div className=\"bill-group__item-body\">下書き</div>\n                    : bill_group.disabled\n                    ? <div className=\"bill-group__item-body\">無効</div>\n                    : bill_group.not_issued\n                    ? <div className=\"bill-group__item-body\">送信前</div>\n                    : <div className=\"bill-group__item-body\">送信済み</div>}\n                </div>\n              </div>\n\n              <div className=\"bill-group__item\">\n                <div className=\"bill-group__item-title\">\n                  <span className=\"bill-group__item-label\">項目名</span>\n                </div>\n                <div className=\"bill-group__item-body\">\n                  {bill_group.name}\n                </div>\n              </div>\n\n              <div className=\"bill-group__item\">\n                <div className=\"bill-group__item-title\">\n                  <span className=\"bill-group__item-label\">金額</span>\n                </div>\n                <div className=\"bill-group__item-body\">\n                  {`${bill_group.amount}円`}\n                </div>\n              </div>\n            </div>\n\n            <div className=\"bill-group__section\">\n              <h2 className=\"bill-group__title\">\n                <span className=\"bill-group__title-trailing\">\n                  <span className=\"icon\" data-icon=\"calendar\"></span>\n                </span>\n                <span className=\"bill-group__title-text\">\n                  日付\n                </span>\n              </h2>\n\n              <div className=\"bill-group__item\">\n                <div className=\"bill-group__item-title\">\n                  <span className=\"bill-group__item-label\">請求日</span>\n                </div>\n                <div className=\"bill-group__item-body\">\n                  {localizeDateToFullString(\n                    bill_group.issued_at,\n                  )}\n                </div>\n              </div>\n\n              <div className=\"bill-group__item\">\n                <div className=\"bill-group__item-title\">\n                  <span className=\"bill-group__item-label\">期日</span>\n                </div>\n                <div className=\"bill-group__item-body\">\n                  {localizeDateToFullString(\n                    bill_group.deadline,\n                  )}\n                </div>\n              </div>\n            </div>\n\n            <div className=\"bill-group__section\">\n              <h2 className=\"bill-group__title\">\n                <span className=\"bill-group__title-trailing\">\n                  <span className=\"icon\" data-icon=\"person\"></span>\n                </span>\n                <span className=\"bill-group__title-text\">\n                  請求対象\n                </span>\n              </h2>\n              <div className=\"bill-group__item\">\n                <div className=\"bill-group__item-title\">\n                  <span className=\"bill-group__item-label\">人数</span>\n                </div>\n                <div className=\"bill-group__item-body\">\n                  {`${bill_group.size}人`}\n                  {(!bill_group.draft || !bill_group.not_issued) &&\n                    (\n                      <>\n                        <br />\n                        {`（支払い済み ${bill_group.number_of_paid_students}人）`}\n                      </>\n                    )}\n                </div>\n              </div>\n\n              {!classroom.settlement_agent.konbini_payment_enabled && (\n                <div className=\"bill-group__item\">\n                  <div className=\"bill-group__note --attention\">\n                    <div className=\"_head\">\n                      <span\n                        className=\"icon _icon\"\n                        data-icon=\"exclamation_on_triangle\"\n                      >\n                      </span>\n                      <h3>\n                        受講者がコンビニ払いを利用できません\n                      </h3>\n                    </div>\n                    <div className=\"_body\">\n                      <a href={paths.settings_path}>\n                        入金設定\n                      </a>が完了するとコンビニ払いが利用可能になります。\n                    </div>\n                  </div>\n                </div>\n              )}\n              <div className=\"bill-group__item --no-side-padding\">\n                <div className=\"bill-group__item-body\">\n                  <div className=\"interactive-list\">\n                    <ul className=\"_list\">\n                      {bill_group.bills.map((bill: Bill, index: number) => (\n                        <li className=\"_item\" key={bill.id}>\n                          <div className=\"interactive-list__wrapper\">\n                            <a\n                              href={bill.addressee.member_path}\n                              data-turbolinks=\"false\"\n                              className=\"_link\"\n                            >\n                              <div class=\"interactive-list__inner\">\n                                <div className=\"_leading\">\n                                  <TextAvatar\n                                    icon={true}\n                                    size={\"m\"}\n                                    name={bill.addressee.name}\n                                  />\n                                </div>\n                                <div className=\"_body\">\n                                  <div className=\"_title\">\n                                    {bill.addressee.name}\n                                  </div>\n                                  <div className=\"_description\">\n                                    {bill.payment_approved\n                                      ? `支払い済み｜${\n                                        localizeDateToFullString(\n                                          bill.payments.tried_at ||\n                                            bill.payments.approved_at,\n                                        )\n                                      }`\n                                      : bill.marked_as_paid\n                                      ? `支払いマーク済み｜${\n                                        localizeDateToFullString(\n                                          bill.payments.marked_as_paid_at,\n                                        )\n                                      }`\n                                      : bill.payment_waiting_for_debit\n                                      ? (\n                                        <>\n                                          振替待ち\n                                          {bill.payments.transfer_return_date &&\n                                            ` | ${\n                                              localizeDateToFullString(\n                                                bill.payments\n                                                  .transfer_return_date,\n                                              )\n                                            }`}\n                                        </>\n                                      )\n                                      : bill.payment_waiting_for_approval\n                                      ? `決済中｜${\n                                        localizeDateToFullString(\n                                          bill.payments.tried_at,\n                                        )\n                                      }`\n                                      : (bill.payable || !bill_group.issued ||\n                                          bill_group.disabled)\n                                      ? `未入金`\n                                      : `不明な状態`}\n                                    {bill.payments.method_type_konbini && (\n                                      <span>(コンビニ払い選択)</span>\n                                    )}\n                                  </div>\n                                </div>\n                              </div>\n                            </a>\n                            <div className=\"_trailing\">\n                              <div className=\"dropdown --position-right\">\n                                {(bill.markable_as_paid || bill.payable ||\n                                  bill_group.not_issued) && (\n                                  <div className=\"single-control__button single-control__action\">\n                                    <button\n                                      className=\"single-control__button\"\n                                      onClick={() => {\n                                        setBillActionPopupTarget(bill.id);\n                                      }}\n                                      onBlur={(event) => {\n                                        // event が マウスダウンかつ特定のタグ以下 (子供) だったら処理を終わる (ブロッキング)\n                                        const isButtonFocused =\n                                          event.relatedTarget?.tagName ===\n                                            \"BUTTON\";\n                                        if (!isButtonFocused) {\n                                          setBillActionPopupTarget(null);\n                                        }\n                                      }}\n                                      aria-label=\"操作\"\n                                      aria-controls=\"user-action2\"\n                                      aria-expanded={billActionPopupTarget ==\n                                          bill.id\n                                        ? \"true\"\n                                        : \"false\"}\n                                    >\n                                      <span\n                                        className=\"_icon icon\"\n                                        data-icon=\"ellipsis_vertical\"\n                                      >\n                                      </span>\n                                    </button>\n                                    {billActionPopupTarget == bill.id && (\n                                      <>\n                                        <ul\n                                          id=\"user-action\"\n                                          className=\"_list dropdown__list custom-dropdown-list\"\n                                        >\n                                          {bill.allow_overdue_notification &&\n                                            (\n                                              <>\n                                                <li\n                                                  role=\"listitem\"\n                                                  className=\"_item dropdown__item\"\n                                                >\n                                                  <button\n                                                    onClick={() => {\n                                                      setNotificationDialogTarget(\n                                                        bill.id,\n                                                      );\n                                                      setBillActionPopupTarget(\n                                                        null,\n                                                      );\n                                                    }}\n                                                  >\n                                                    <div className=\"_body\">\n                                                      支払い依頼を再送する\n                                                    </div>\n                                                  </button>\n                                                </li>\n                                              </>\n                                            )}\n                                          {bill.markable_as_paid &&\n                                            (\n                                              <>\n                                                <li\n                                                  role=\"listitem\"\n                                                  className=\"_item dropdown__item\"\n                                                >\n                                                  <button\n                                                    onClick={() => {\n                                                      setPaidDialogTarget(\n                                                        bill.id,\n                                                      );\n                                                      setBillActionPopupTarget(\n                                                        null,\n                                                      );\n                                                    }}\n                                                  >\n                                                    <div className=\"_body\">\n                                                      支払い済みにする\n                                                    </div>\n                                                  </button>\n                                                </li>\n                                              </>\n                                            )}\n                                          {(bill.payable ||\n                                            bill_group.not_issued) &&\n                                            (\n                                              <>\n                                                <li\n                                                  role=\"listitem\"\n                                                  className=\"_item dropdown__item\"\n                                                >\n                                                  <button\n                                                    onClick={() => {\n                                                      setPayableDialogTarget(\n                                                        bill.id,\n                                                      );\n                                                      setBillActionPopupTarget(\n                                                        null,\n                                                      );\n                                                    }}\n                                                  >\n                                                    <div className=\"_body\">\n                                                      請求対象から削除する\n                                                    </div>\n                                                  </button>\n                                                </li>\n                                              </>\n                                            )}\n                                        </ul>\n                                      </>\n                                    )}\n                                  </div>\n                                )}\n                                {reminderDialogTarget == bill.id && (\n                                  <Dialog\n                                    title={`${bill.addressee.name}様へ支払い依頼を再送しますか？`}\n                                    description={\n                                      <>\n                                        支払期日の翌日12:00に送信されている支払い依頼と<br />\n                                        同じ内容を送信します。\n                                      </>\n                                    }\n                                    onCloseButtonClick={() =>\n                                      setNotificationDialogTarget(\n                                        null,\n                                      )}\n                                  >\n                                    <a\n                                      className=\"button -appearance-transparent -size-m -color-interactive\"\n                                      rel=\"nofollow\"\n                                      data-method=\"post\"\n                                      href={bill.overdue_notifications_path}\n                                    >\n                                      <div className=\"_body\">\n                                        送信する\n                                      </div>\n                                    </a>\n                                  </Dialog>\n                                )}\n                                {paidDialogTarget == bill.id && (\n                                  <Dialog\n                                    title={`${bill.addressee.name}様の請求を支払い済みにしますか？`}\n                                    description=\"この操作は取り消せません。\"\n                                    onCloseButtonClick={() => {\n                                      setPaidDialogTarget(null);\n                                      setBillActionPopupTarget(null);\n                                    }}\n                                  >\n                                    <a\n                                      className=\"button -appearance-transparent -size-m -color-interactive\"\n                                      rel=\"nofollow\"\n                                      data-method=\"patch\"\n                                      href={`./${bill_group.id}/bills/${bill.id}/mark_as_paid`}\n                                    >\n                                      <div className=\"_body\">\n                                        支払い済みにする\n                                      </div>\n                                    </a>\n                                  </Dialog>\n                                )}\n                                {payableDialogTarget == bill.id && (\n                                  <Dialog\n                                    title={`${bill.addressee.name}様を請求対象から削除しますか？`}\n                                    description={`${bill.addressee.name}様に送られた請求が取り消されます。`}\n                                    onCloseButtonClick={() =>\n                                      setPayableDialogTarget(\n                                        null,\n                                      )}\n                                  >\n                                    <a\n                                      className=\"button -appearance-transparent -size-m -color-negative\"\n                                      rel=\"nofollow\"\n                                      data-method=\"delete\"\n                                      href={`./${bill_group.id}/bills/${bill.id}`}\n                                    >\n                                      <div className=\"_body\">\n                                        削除\n                                      </div>\n                                    </a>\n                                  </Dialog>\n                                )}\n                              </div>\n                            </div>\n                          </div>\n                        </li>\n                      ))}\n                    </ul>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport TableRow, {\n  EventGroup,\n  Report,\n} from \"components/BillGroupsReport/TableRow\";\n\nconst reportToSearchableText = (report: Report): string => {\n  const studentName = report.student.name;\n  const studentNameKana = report.student.name_kana;\n  const eventGroupNames = report.enrolled_event_groups.map((eg) => eg.name);\n  return `${studentName} ${studentNameKana} ${eventGroupNames}`;\n};\n\ninterface Props {\n  reports: Report[];\n  prev_month: number;\n  current_month: number;\n  next_month: number;\n  all_event_groups: EventGroup[];\n}\n\nexport default function BillGroupsReport(\n  { reports, prev_month, current_month, next_month, all_event_groups }: Props,\n): JSX.Element {\n  const [filteredReports, setFilteredReports] = useState(reports);\n  const [checkedFilters, setCheckedFilters] = useState([]);\n  const [isFiltersVisible, setIsFiltersVisible] = useState(false);\n\n  const searchCheckBoxElements = [{\n    id: `filter-checkbox-none`,\n    name: \"コース未参加\",\n  }].concat(all_event_groups.map((eg) => {\n    return { id: `filter-checkbox-${eg.id}`, name: eg.name };\n  }));\n\n  const handleKeywordSearch = (keyword: string) => {\n    if (keyword == \"\") {\n      setFilteredReports(reports);\n      return;\n    }\n\n    const searchKeywords = keyword.trim().toLowerCase().match(/[^\\s]+/g);\n    if (searchKeywords === null) {\n      setFilteredReports(reports);\n      return;\n    }\n\n    const result = reports.filter((report) => {\n      const searchableText = reportToSearchableText(report);\n      return searchKeywords.every((kw) =>\n        searchableText.toLowerCase().indexOf(kw) !== -1\n      );\n    });\n\n    setFilteredReports(result);\n  };\n\n  useEffect(() => {\n    if (checkedFilters.length === 0) {\n      setFilteredReports(reports);\n      return;\n    }\n\n    const filteredEventGroupName = checkedFilters.map((id) =>\n      searchCheckBoxElements.find((elm) => elm.id === id).name\n    );\n    const result = reports.filter((report) => {\n      const enrolledEventGroupName = report.enrolled_event_groups.map((eg) =>\n        eg.name\n      );\n      return filteredEventGroupName.some((filter) => {\n        if (filter === \"コース未参加\") {\n          return enrolledEventGroupName.length === 0;\n        } else {\n          return enrolledEventGroupName.some((name) => name === filter);\n        }\n      });\n    });\n\n    setFilteredReports(result);\n  }, [checkedFilters]);\n\n  const handleChangeFilterCheckbox = (target) => {\n    if (target.checked) {\n      setCheckedFilters([...checkedFilters, target.id]);\n    } else {\n      setCheckedFilters(\n        checkedFilters.filter((checkBoxId) => checkBoxId !== target.id),\n      );\n    }\n  };\n\n  return (\n    <>\n      <div className=\"billgroup-report__header\">\n        <div className=\"billgroup-report__action\">\n          <div className=\"billgroup-report__search -icon-before\">\n            <input\n              type=\"search\"\n              className=\"_input\"\n              placeholder=\"名前,コース名で検索\"\n              onChange={(e) => handleKeywordSearch(e.target.value)}\n              aria-controls=\"billgroup-report-table\"\n            />\n            <span className=\"_icon icon\" data-icon=\"magnifying_glass\" />\n          </div>\n          <button\n            className=\"billgroup-report__button\"\n            type=\"button\"\n            aria-controls=\"enrolled-event-groups__list\"\n            aria-expanded={isFiltersVisible ? \"true\" : \"false\"}\n            onClick={() => setIsFiltersVisible(!isFiltersVisible)}\n          >\n            <div className=\"_leading\">\n              <span className=\"icon\" data-icon=\"funnel\" />\n            </div>\n            <div className=\"_body\">\n              コース絞り込み\n            </div>\n          </button>\n        </div>\n        {isFiltersVisible && (\n          <div\n            id=\"enrolled-event-groups__list\"\n            className=\"enrolled-event-groups__list\"\n            aria-hidden=\"false\"\n          >\n            <ul className=\"_list\">\n              {searchCheckBoxElements.map((elm) => (\n                <li className=\"_item\" key={elm.id}>\n                  <label htmlFor={elm.id}>\n                    <div className=\"_leading\">\n                      <input\n                        className=\"checkbox\"\n                        type=\"checkbox\"\n                        id={elm.id}\n                        checked={checkedFilters.includes(elm.id)}\n                        onChange={(e) =>\n                          handleChangeFilterCheckbox(e.target)}\n                        aria-controls=\"billgroup-report-table\"\n                      />\n                    </div>\n                    <div className=\"_body\">\n                      {elm.name}\n                    </div>\n                  </label>\n                </li>\n              ))}\n            </ul>\n          </div>\n        )}\n      </div>\n      <div className=\"billgroup-report__wrapper\">\n        <table\n          id=\"billgroup-report-table\"\n          aria-label=\"請求作成レポート\"\n          className=\"billgroup-report\"\n        >\n          <thead>\n            <tr>\n              <th scope=\"col\">\n                受講者名\n              </th>\n              <th scope=\"col\">\n                コース名\n              </th>\n              <th className=\"-align-end\" scope=\"col\">\n                {Number(prev_month)}月\n              </th>\n              <th className=\"-align-end\" scope=\"col\">\n                {Number(current_month)}月（今月）\n              </th>\n              <th className=\"-align-end\" scope=\"col\">\n                {Number(next_month)}月\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            {filteredReports.map((report) => (\n              <TableRow key={report.student.id} report={report} />\n            ))}\n          </tbody>\n        </table>\n      </div>\n    </>\n  );\n}\n","import React from \"react\";\nimport { numberFormat } from \"utils/number-format\";\n\ninterface Student {\n  id: number;\n  name: string;\n  name_kana: string;\n  url: string;\n}\n\nexport interface EventGroup {\n  id: number;\n  name: string;\n}\n\ninterface BillGroup {\n  id: number;\n  name: string;\n  amount: number;\n}\n\nexport interface Report {\n  student: Student;\n  enrolled_event_groups: EventGroup[];\n  prev_month: {\n    total_billing_amount: number;\n    bill_groups: BillGroup[];\n  };\n  current_month: {\n    total_billing_amount: number;\n    bill_groups: BillGroup[];\n  };\n  next_month: {\n    total_billing_amount: number;\n    bill_groups: BillGroup[];\n  };\n}\n\ninterface Props {\n  report: Report;\n}\n\nexport default function TableRow({ report }: Props): JSX.Element {\n  return (\n    <tr>\n      <td className=\"-align-start\" scope=\"row\">\n        <a href={report.student.url} data-turbolinks=\"false\">\n          {report.student.name}\n        </a>\n      </td>\n      <td className=\"-size-s -text-wrap\">\n        {report.enrolled_event_groups.map((e) => e.name).join(\"／\")}\n      </td>\n      <td\n        className={report.prev_month.total_billing_amount == 0\n          ? \"-align-end --empty\"\n          : \"-align-end\"}\n      >\n        {numberFormat(report.prev_month.total_billing_amount)}円\n      </td>\n      <td\n        className={report.current_month.total_billing_amount == 0\n          ? \"-align-end --empty\"\n          : \"-align-end\"}\n      >\n        {numberFormat(report.current_month.total_billing_amount)}円\n      </td>\n      <td\n        className={report.next_month.total_billing_amount == 0\n          ? \"-align-end --empty\"\n          : \"-align-end\"}\n      >\n        {numberFormat(report.next_month.total_billing_amount)}円\n      </td>\n    </tr>\n  );\n}\n","import React from \"react\";\nimport { useFieldArray, useForm } from \"react-hook-form\";\nimport { ModalBackButton } from \"components/ModalBackButton\";\nimport { useApi } from \"hooks/api\";\nimport * as Sentry from \"@sentry/browser\";\nimport showingSnackBar from \"packs/snackbar\";\n\ninterface Props {\n  bill_item_templates: BillItemTemplate[];\n  management_classroom_bill_item_templates_path: string;\n}\n\ninterface BillItemTemplate {\n  id: number;\n  name: string;\n  amount: number;\n}\n\nexport default function BillItemTemplatesPage(props: Props): JSX.Element {\n  const { control, register, handleSubmit, setValue, formState: { errors } } =\n    useForm({\n      defaultValues: {\n        bill_item_templates: props.bill_item_templates,\n      },\n      mode: \"all\",\n    });\n  const { patch } = useApi();\n  const { fields, append, remove } = useFieldArray(\n    {\n      control,\n      name: \"bill_item_templates\",\n    },\n  );\n  const addBillItemTemplate = () =>\n    append({ id: undefined, name: undefined, amount: undefined }, {\n      shouldFocus: true,\n    });\n  const onSubmit = async (data) => {\n    const { bill_item_templates, message, response } = await patch(\n      props.management_classroom_bill_item_templates_path,\n      {\n        bill_item_templates: data,\n      },\n    );\n    if (response.ok) {\n      setValue(\"bill_item_templates\", bill_item_templates);\n    } else {\n      // TODO: この分岐に入ると csrfToken が無効なものになる問題をどうにかする\n      Sentry.captureMessage(\n        `メンバー別コース選択モーダルのリクエストでエラーが発生しました。form_action: \"${props.management_classroom_bill_item_templates_path}\" data: \"${\n          JSON.stringify(data)\n        }\"`,\n      );\n    }\n    // TODO: SnackBar のReactコンポーネントを用意して VanillaJS 経由でDOM操作するのを辞める\n    showingSnackBar(message);\n  };\n\n  return (\n    <>\n      <h1 className=\"visually-hidden\">\n        請求項目リスト\n      </h1>\n\n      <div className=\"modal-content\">\n        <header className=\"modal-header\">\n          <div className=\"_title\">\n            請求項目リスト\n          </div>\n\n          <div className=\"_container\">\n            <div className=\"_nav\">\n              <ModalBackButton />\n            </div>\n          </div>\n        </header>\n\n        <div className=\"modal-content__container\">\n          <form onSubmit={handleSubmit(onSubmit)} className=\"form\">\n            <div className=\"form__section\">\n              <table\n                id=\"bill-item-template-table\"\n                aria-label=\"請求項目リスト\"\n                className=\"bill-item-template\"\n              >\n                <thead>\n                  <tr>\n                    <th role=\"columnheader\" scope=\"col\">\n                      項目名\n                    </th>\n                    <th role=\"columnheader\" scope=\"col\" className=\"-align-end\">\n                      金額\n                    </th>\n                    <th></th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {fields.map((billItemTemplate, index) => (\n                    <>\n                      <tr\n                        key={`${billItemTemplate.id}-${index}`}\n                      >\n                        <td>\n                          <input\n                            type=\"hidden\"\n                            {...register(`bill_item_templates.${index}.id`)}\n                            name=\"bill_item_templates[][id]\"\n                            id={`bill-item-template-${index}-id`}\n                          />\n                          <div className=\"simple-textfield -appearance-filled -width-full\">\n                            <input\n                              {...register(\n                                `bill_item_templates.${index}.name`,\n                                {\n                                  minLength: {\n                                    value: 1,\n                                    message:\n                                      \"項目名は1文字以上で入力してください\",\n                                  },\n                                  maxLength: {\n                                    value: 140,\n                                    message:\n                                      \"項目名は140文字以内で入力してください\",\n                                  },\n                                },\n                              )}\n                              id={`bill-item-template-${index}-name`}\n                              className=\"_input\"\n                              placeholder=\"項目名\"\n                              required\n                            />\n                          </div>\n                        </td>\n                        <td className=\"-width-short\">\n                          <div className=\"simple-textfield -appearance-filled\">\n                            <input\n                              {...register(\n                                `bill_item_templates.${index}.amount`,\n                                {\n                                  min: {\n                                    value: 300,\n                                    message:\n                                      \"金額は300円以上で入力してください\",\n                                  },\n                                  max: {\n                                    value: 300000,\n                                    message:\n                                      \"金額は300,000円以内で入力してください\",\n                                  },\n                                },\n                              )}\n                              type=\"number\"\n                              id={`bill-item-template-${index}-amount`}\n                              inputMode=\"numeric\"\n                              className=\"_input -align-end\"\n                              placeholder=\"金額\"\n                              max=\"300000\"\n                              required\n                            />\n                          </div>\n                        </td>\n                        <td className=\"-align-end\">\n                          <button\n                            type=\"button\"\n                            aria-label=\"削除\"\n                            className=\"button -appearance-transparent -size-m -color-negative\"\n                            onClick={() => remove(index)}\n                          >\n                            <div className=\"_leading\">\n                              <span className=\"icon _icon\" data-icon=\"cross\">\n                              </span>\n                            </div>\n                          </button>\n                        </td>\n                      </tr>\n                      <tr className=\"bill-item-template__message\">\n                        <td className=\"_message\" colSpan={3}>\n                          {errors.bill_item_templates?.[index]?.name && (\n                            <div className=\"_text\">\n                              {errors.bill_item_templates[index].name.message}\n                            </div>\n                          )}\n                          {errors.bill_item_templates?.[index]?.amount && (\n                            <div className=\"_text\">\n                              {errors.bill_item_templates[index].amount\n                                .message}\n                            </div>\n                          )}\n                        </td>\n                      </tr>\n                    </>\n                  ))}\n                </tbody>\n              </table>\n              <div className=\"bill-item-template__action\">\n                <button\n                  type=\"button\"\n                  className=\"button -appearance-transparent -size-m -width-full -color-interactive\"\n                  onClick={addBillItemTemplate}\n                >\n                  <div className=\"_leading\">\n                    <span className=\"icon _icon\" data-icon=\"plus_on_circle\">\n                    </span>\n                  </div>\n                  <div className=\"_body\">\n                    項目を追加\n                  </div>\n                </button>\n              </div>\n            </div>\n\n            <div className=\"form__bottom-action\">\n              <div className=\"form__action\">\n                <button\n                  onClick={handleSubmit(onSubmit)}\n                  type=\"button\"\n                  className=\"button -size-l -appearance-filled -width-full -color-interactive\"\n                >\n                  <div className=\"_body\">\n                    保存\n                  </div>\n                </button>\n              </div>\n            </div>\n          </form>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React, { useState } from \"react\";\nimport Turbolinks from \"turbolinks\";\nimport { FormProvider, useForm } from \"react-hook-form\";\nimport { useApi } from \"../hooks/api\";\nimport * as Sentry from \"@sentry/browser\";\nimport ErrorBanner from \"./ErrorBanner\";\nimport Snackbar from \"./Snackbar\";\nimport TextAvatar from \"./TextAvatar\";\nimport ClassroomEnrollmentCustomFieldFormSection from \"./ClassroomEnrollmentPage/ClassroomEnrollmentCustomFieldFormSection\";\nimport ClassroomEnrollmentStudentFormSection from \"./ClassroomEnrollmentPage/ClassroomEnrollmentStudentFormSection\";\nimport ClassroomEnrollmentConfirmDialog from \"./ClassroomEnrollmentPage/ClassroomEnrollmentConfirmDialog\";\nimport ClassroomEnrollmentUserFormSection from \"./ClassroomEnrollmentPage/ClassroomEnrollmentUserFormSection\";\n\ninterface Props {\n  classroom_enrollment_params: ClassroomEnrollmentParams;\n  errors: string[];\n  classroom: Classroom;\n  students: Student[];\n  addresses: Address[];\n  custom_fields: EnrollmentCustomField[];\n  classroom_path: string;\n  enrollments_path: string;\n  settings_path: string;\n}\n\nexport interface ClassroomEnrollmentParams {\n  student_id: string;\n  student_name: string;\n  student_name_kana: string;\n  student_dependent: string;\n  student_address: number;\n  student_date_of_birth: string;\n  student_gender: string;\n  student_address_id: string;\n  student_address_postal_code: number;\n  student_address_address: string;\n  user_name: string;\n  user_phone_number: string;\n  optional_bill_id: number;\n  allowed_to_settle_automatically: boolean;\n  agreed_to_term: boolean;\n  custom_fields: {\n    custom_field_id: number;\n    custom_field_option_id: number;\n    name: string;\n    value: string;\n  }[];\n}\n\nexport interface Classroom {\n  name: string;\n  icon: string;\n  term: {\n    name: string;\n    url: string;\n  } | null;\n}\n\nexport interface Student {\n  id: number;\n  name: string;\n  name_kana: string;\n  date_of_birth: string;\n  dependent: boolean;\n  gender: string;\n}\n\nexport interface Address {\n  id: number;\n  postal_code: string;\n  address: string;\n}\n\nexport interface EnrollmentCustomField {\n  id: number;\n  name: string;\n  field_type: \"free_text\" | \"single_select\";\n  options?: {\n    id: number;\n    option_value: string;\n  }[];\n}\n\nexport default function ClassroomEnrollmentPage(props: Props): JSX.Element {\n  const [message, setMessage] = useState<string>(null);\n  const [openConfirmDialog, setOpenConfirmDialog] = useState(false);\n  const [loading, setLoading] = useState(false);\n\n  const methods = useForm<ClassroomEnrollmentParams>({\n    defaultValues: {\n      ...props.classroom_enrollment_params,\n      student_id: props.students?.[0]?.id?.toString(),\n      student_name: props.students?.[0]?.name,\n      student_name_kana: props.students?.[0]?.name_kana,\n    },\n    mode: \"all\",\n  });\n  const {\n    register,\n    trigger,\n    watch,\n    handleSubmit,\n    formState: { isValid },\n  } = methods;\n\n  const { post } = useApi();\n  const onSubmit = async (data) => {\n    setLoading(true);\n    const { redirect_url, message, response } = await post(\n      props.enrollments_path,\n      {\n        enroll_event_group_form: data,\n      },\n    );\n    if (response.ok) {\n      Turbolinks.visit(redirect_url);\n    } else {\n      Sentry.captureMessage(\n        `入会リクエストでエラーが発生しました。form_action: \"${props.enrollments_path}\"`,\n      );\n      setMessage(message);\n      setLoading(false);\n    }\n  };\n\n  const onConfirmDialogOpen = async () => {\n    await trigger();\n    if (isValid) {\n      setOpenConfirmDialog(true);\n    } else {\n      setMessage(\"入力内容に不備があります\");\n    }\n  };\n\n  return (\n    <FormProvider {...methods}>\n      <div className=\"modal-content\">\n        <header className=\"modal-header\">\n          <h1 className=\"_title\">\n            受講者登録\n          </h1>\n\n          <div className=\"_container\">\n            <div className=\"_nav\">\n              <a\n                href={props.classroom_path}\n                className=\"button -appearance-transparent -color-neutral -shape-circle\"\n                aria-label=\"教室の詳細へ戻る\"\n              >\n                <div className=\"_leading\">\n                  <span className=\"icon _icon\" data-icon=\"arrow_left\"></span>\n                </div>\n              </a>\n            </div>\n          </div>\n        </header>\n\n        <form onSubmit={handleSubmit(onSubmit)} id=\"enrollment-form\">\n          {props.errors && <ErrorBanner errors={props.errors} />}\n\n          <input type=\"hidden\" {...register(\"optional_bill_id\")} />\n\n          <div className=\"enroll-event-group\">\n            <section className=\"enroll-event-group__course\">\n              <div className=\"container\">\n                <h2 className=\"enroll-event-group__course-title\">\n                  教室\n                </h2>\n\n                <div className=\"enroll-event-group__course-body\">\n                  <div className=\"container --revert\">\n                    <div className=\"course-list\">\n                      <ul className=\"_list\">\n                        <li className=\"_item\">\n                          <div>\n                            <div className=\"_leading\">\n                              {props.classroom.icon\n                                ? (\n                                  <div className=\"avatar -size-m\">\n                                    <img src={props.classroom.icon} />\n                                  </div>\n                                )\n                                : (\n                                  <TextAvatar\n                                    name={props.classroom.name}\n                                    size=\"m\"\n                                  />\n                                )}\n                            </div>\n\n                            <div className=\"_body\">\n                              <div className=\"_title\">\n                                {props.classroom.name}\n                              </div>\n                            </div>\n                          </div>\n                        </li>\n                      </ul>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </section>\n\n            <section className=\"enroll-event-group__student\">\n              <div className=\"container\">\n                <h2 className=\"enroll-event-group__student-title\">\n                  教室に入会する受講者\n                </h2>\n\n                <div className=\"enroll-event-group__student-body\">\n                  <div className=\"enroll-event-group__student-note\">\n                    <ul>\n                      <li>\n                        <b>『本人』</b>が入会する場合はご本人の情報を入力\n                      </li>\n                      <li>\n                        入会するのは<b>\n                          お子様など『本人以外』\n                        </b>の場合、実際の受講者の情報を入力\n                      </li>\n                      <li>\n                        <abbr className=\"_require\" title=\"アスタリスク\">*</abbr>\n                        は必須項目です\n                      </li>\n                    </ul>\n                  </div>\n\n                  <ClassroomEnrollmentStudentFormSection\n                    students={props.students}\n                    addresses={props.addresses}\n                  />\n\n                  <div className=\"form form-custom\">\n                    <ClassroomEnrollmentCustomFieldFormSection\n                      customFields={props.custom_fields}\n                    />\n                  </div>\n\n                  <ClassroomEnrollmentUserFormSection\n                    initialUserName={props.classroom_enrollment_params\n                      .user_name}\n                    initialUserPhoneNumber={props.classroom_enrollment_params\n                      .user_phone_number}\n                    currentStudentDependent={watch(\"student_dependent\")}\n                    settings_path={props.settings_path}\n                  />\n                </div>\n              </div>\n            </section>\n\n            {props.classroom.term && (\n              <section className=\"enroll-event-group__terms\">\n                <div className=\"container\">\n                  <h2 className=\"enroll-event-group__terms-title\">\n                    教室の利用規約\n                  </h2>\n\n                  <div className=\"enroll-event-group__terms-body\">\n                    <p>\n                      <a\n                        href={props.classroom.term.url}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                      >\n                        {props.classroom.term.name}\n                      </a>\n                    </p>\n\n                    <div className=\"form\">\n                      <div className=\"form__item\">\n                        <div className=\"form__control\">\n                          <div className=\"checkfield --layout-inside\">\n                            <label\n                              htmlFor=\"agreed_to_term\"\n                              className=\"_item\"\n                            >\n                              <input\n                                {...register(\"agreed_to_term\", {\n                                  required: true,\n                                })}\n                                id=\"agreed_to_term\"\n                                className=\"checkbox\"\n                                type=\"checkbox\"\n                              />\n                              <span className=\"_label\">\n                                利用規約に同意します<abbr\n                                  className=\"_require\"\n                                  title=\"必須\"\n                                >\n                                  *\n                                </abbr>\n                              </span>\n                            </label>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </section>\n            )}\n\n            <section className=\"enroll-event-group__automatic-settlement\">\n              <div className=\"container\">\n                <h2 className=\"enroll-event-group__automatic-settlement-title\">\n                  教室に対して自動支払いを許可\n                </h2>\n                <div className=\"enroll-event-group__automatic-settlement-note\">\n                  <ul>\n                    <li>教室からの請求に自動で支払いできる機能です</li>\n                    <li>\n                      自動支払いには「自動支払いへの許可」と「クレジットカードの登録」または「口座登録」が必要です\n                    </li>\n                    <li>ここでは「自動支払いの許可」が行えます</li>\n                    <li>\n                      自動支払いの設定は、いつでも設定・解除ができるのでご安心ください\n                    </li>\n                  </ul>\n                </div>\n                <div className=\"enroll-event-group__automatic-settlement-body\">\n                  決済システム『Stripe』へクレジットカード情報を、または決済システム『PGマルチペイメントサービス』へ口座情報を保存することを承諾し、別途「入会済みの教室」への許可を取り消されるまで、当該教室における今後の取引に際し、保存されたクレジットカード情報または口座情報を使用して自動支払いすることを許可します。\n                  <br />\n                  取引の例：月謝、用具代、雑費、参加費など（詳細は各教室にて請求内容をご確認ください）\n                  <div className=\"form\">\n                    <div className=\"form__item\">\n                      <div className=\"form__control\">\n                        <div className=\"checkfield --layout-inside\">\n                          <label\n                            htmlFor=\"allowed_to_settle_automatically\"\n                            className=\"_item\"\n                          >\n                            <input\n                              {...register(\"allowed_to_settle_automatically\")}\n                              id=\"allowed_to_settle_automatically\"\n                              className=\"checkbox\"\n                              type=\"checkbox\"\n                            />\n                            <span className=\"_label\">\n                              {props.classroom.name}\n                              に自動支払いを許可する［任意］\n                            </span>\n                          </label>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </section>\n\n            <section className=\"enroll-event-group__terms\">\n              <div className=\"container\">\n                <h2 className=\"enroll-event-group__terms-title\">\n                  個人情報の取り扱いについて\n                </h2>\n\n                <div className=\"enroll-event-group__terms-body\">\n                  <p>\n                    教室に入会すると、受講者情報およびアカウント情報を教室の運営者が確認できるようになります。個人情報の取り扱いについては教室の運営者にお尋ねください。\n                  </p>\n                </div>\n              </div>\n            </section>\n\n            <div className=\"enroll-event-group__action\">\n              <div className=\"container\">\n                {!isValid &&\n                  (\n                    <div className=\"form__error -align-center\">\n                      未入力の項目があります\n                    </div>\n                  )}\n                <button\n                  type=\"button\"\n                  className=\"button -appearance-filled -color-interactive -width-full\"\n                  onClick={onConfirmDialogOpen}\n                  disabled={!isValid}\n                >\n                  <div className=\"_body\">\n                    確認画面へ\n                  </div>\n                </button>\n              </div>\n            </div>\n          </div>\n        </form>\n      </div>\n\n      {openConfirmDialog && (\n        <ClassroomEnrollmentConfirmDialog\n          classroom={props.classroom}\n          classroomEnrollmentParams={watch()}\n          onConfirmDialogClose={() => setOpenConfirmDialog(false)}\n          onSubmit={handleSubmit(onSubmit)}\n          loading={loading}\n        />\n      )}\n\n      {message && <Snackbar>{message}</Snackbar>}\n    </FormProvider>\n  );\n}\n","import React, { ChangeEvent } from \"react\";\n\nimport { useFormContext } from \"react-hook-form\";\nimport { Address, ClassroomEnrollmentParams } from \"../ClassroomEnrollmentPage\";\n\ninterface Props {\n  addresses: Address[];\n}\n\nexport default function ClassroomEnrollmentAddressFormSection(\n  { addresses }: Props,\n): JSX.Element {\n  const { register, watch, formState: { errors } } = useFormContext<\n    ClassroomEnrollmentParams\n  >();\n\n  return (\n    <>\n      <div className=\"form__item\">\n        <fieldset>\n          <legend>住所</legend>\n          <div className=\"form__control --has-radiofield\">\n            <div className=\"radiofield --layout-stack\">\n              <label className=\"_item\">\n                <input\n                  {...register(\"student_address_id\", {\n                    required: \"選択してください\",\n                  })}\n                  className=\"radio\"\n                  type=\"radio\"\n                  value=\"\"\n                  defaultChecked\n                />\n                <span className=\"_label\">設定しない</span>\n              </label>\n\n              {addresses.map((address) => (\n                <label key={address.id} className=\"_item\">\n                  <input\n                    {...register(\"student_address_id\", {\n                      required: \"選択してください\",\n                    })}\n                    className=\"radio\"\n                    type=\"radio\"\n                    value={address.id}\n                  />\n                  <span className=\"_label\">\n                    〒{address.postal_code} {address.address}\n                  </span>\n                </label>\n              ))}\n\n              <label className=\"_item\">\n                <input\n                  {...register(\"student_address_id\", {\n                    required: \"選択してください\",\n                  })}\n                  className=\"radio\"\n                  type=\"radio\"\n                  value=\"new\"\n                />\n                <span className=\"_label\">新しく登録する</span>\n              </label>\n\n              <div className=\"form__error\" aria-live=\"polite\">\n                {errors.student_address_id?.message}\n              </div>\n            </div>\n          </div>\n        </fieldset>\n      </div>\n\n      {watch(\"student_address_id\") === \"new\" && (\n        <div className=\"form enroll-event-group__student-address\">\n          <span className=\"form__label\">新しく登録する住所</span>\n          <div className=\"form__item\">\n            <div className=\"form__control\">\n              <span className=\"textfield -appearance-filled -width-half\">\n                <input\n                  {...register(\"student_address_postal_code\", {\n                    required: \"入力してください\",\n                    pattern: {\n                      value: /^\\d{7}$/,\n                      message: \"半角数字で入力してください\",\n                    },\n                  })}\n                  className=\"_input\"\n                  id=\"student-address-postal-code\"\n                  placeholder=\"郵便番号\"\n                />\n                <label\n                  htmlFor=\"student-address-postal-code\"\n                  className=\"_label\"\n                >\n                  郵便番号\n                </label>\n              </span>\n              <div className=\"form__error\" aria-live=\"polite\">\n                {errors.student_address_postal_code?.message}\n              </div>\n            </div>\n          </div>\n          <div className=\"form__item-note\">\n            例：1508512\n          </div>\n\n          <div className=\"form__item\">\n            <div className=\"form__control\">\n              <span className=\"textfield -appearance-filled -width-full\">\n                <textarea\n                  {...register(\"student_address_address\", {\n                    required: \"入力してください\",\n                    maxLength: {\n                      value: 255,\n                      message: \"255文字以内で入力してください\",\n                    },\n                  })}\n                  className=\"_input\"\n                  id=\"student-address-address\"\n                  placeholder=\"住所\"\n                />\n                <label\n                  htmlFor=\"student-address-address\"\n                  className=\"_label\"\n                >\n                  住所\n                </label>\n              </span>\n              <div className=\"form__error\" aria-live=\"polite\">\n                {errors.student_address_address?.message}\n              </div>\n            </div>\n          </div>\n          <div className=\"form__item-note\">\n            例：東京都渋谷区桜丘町26-1 桜丘マンション201\n          </div>\n        </div>\n      )}\n    </>\n  );\n}\n","import React from \"react\";\nimport {\n  Classroom,\n  ClassroomEnrollmentParams,\n} from \"../ClassroomEnrollmentPage\";\nimport TextAvatar from \"../TextAvatar\";\nimport localizeGender from \"../../utils/localize-gender\";\n\ninterface Props {\n  classroom: Classroom;\n  classroomEnrollmentParams: ClassroomEnrollmentParams;\n  onConfirmDialogClose: () => void;\n  onSubmit: () => Promise<void>;\n  loading: boolean;\n}\n\nexport default function ClassroomEnrollmentConfirmDialog(\n  props: Props,\n): JSX.Element {\n  return (\n    <div className=\"enroll-event-group__confirm --visible\">\n      <div className=\"modal-header\">\n        <div className=\"_title\">\n          登録内容の確認\n        </div>\n\n        <div className=\"_container\">\n          <div className=\"_nav\">\n            <div\n              role=\"button\"\n              className=\"button -appearance-transparent -color-neutral -shape-circle\"\n              aria-label=\"閉じる\"\n              onClick={props.onConfirmDialogClose}\n            >\n              <div className=\"_leading\">\n                <span className=\"icon _icon\" data-icon=\"cross\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"enroll-event-group__confirm-content\">\n        <section className=\"enroll-event-group__course\">\n          <div className=\"container\">\n            <h2 className=\"enroll-event-group__course-title\">\n              教室\n            </h2>\n            <div className=\"enroll-event-group__course-body\">\n              <div className=\"container --revert\">\n                <div className=\"course-list\">\n                  <ul className=\"_list\">\n                    <li className=\"_item\">\n                      <div>\n                        <div className=\"_leading\">\n                          {props.classroom.icon\n                            ? (\n                              <div className=\"avatar -size-m\">\n                                <img src={props.classroom.icon} />\n                              </div>\n                            )\n                            : (\n                              <TextAvatar\n                                name={props.classroom.name}\n                                size=\"m\"\n                              />\n                            )}\n                        </div>\n\n                        <div className=\"_body\">\n                          <div className=\"_title\">\n                            {props.classroom.name}\n                          </div>\n                        </div>\n                      </div>\n                    </li>\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        <section className=\"enroll-event-group__student\">\n          <div className=\"container\">\n            <h2 className=\"enroll-event-group__student-title\">\n              教室に入会する受講者\n            </h2>\n\n            <div className=\"enroll-event-group__student-body\">\n              <div className=\"enroll-event-group__student-confirm\">\n                <h3 className=\"enroll-event-group__student-confirm-title\">\n                  受講者情報\n                </h3>\n                <div className=\"enroll-event-group__student-confirm-body\">\n                  <dl className=\"enroll-event-group__student-confirm-body\">\n                    <dt>氏名</dt>\n                    <dd>{props.classroomEnrollmentParams.student_name}</dd>\n                    <dt>フリガナ</dt>\n                    <dd>\n                      {props.classroomEnrollmentParams.student_name_kana}\n                    </dd>\n                    <dt>生年月日</dt>\n                    <dd>\n                      {props.classroomEnrollmentParams.student_date_of_birth}\n                    </dd>\n                    {props.classroom.term &&\n                      props.classroomEnrollmentParams.agreed_to_term && (\n                      <>\n                        <dt>教室利用規約への同意</dt>\n                        <dd>同意する</dd>\n                      </>\n                    )}\n                    {props.classroomEnrollmentParams.student_gender && (\n                      <>\n                        <dt>性別</dt>\n                        <dd>\n                          {localizeGender(\n                            props.classroomEnrollmentParams.student_gender,\n                          )}\n                        </dd>\n                      </>\n                    )}\n                    {props.classroomEnrollmentParams\n                      .student_address_postal_code && (\n                      <>\n                        <dt>住所</dt>\n                        <dd>\n                          {props.classroomEnrollmentParams\n                            .student_address_postal_code}\n                          <br />\n                          {props.classroomEnrollmentParams\n                            .student_address_address}\n                        </dd>\n                      </>\n                    )}\n                    {props.classroomEnrollmentParams.custom_fields?.map((\n                      customField,\n                    ) => (\n                      <>\n                        {/* メモ：カスタム項目の「設問名」が表示されず */}\n                        <dt>{customField.name}</dt>\n                        <dd key={customField.custom_field_id}>\n                          {customField.value}\n                        </dd>\n                      </>\n                    ))}\n                  </dl>\n                </div>\n              </div>\n\n              <div className=\"enroll-event-group__student-confirm\">\n                <h3 className=\"enroll-event-group__student-confirm-title\">\n                  アカウント情報\n                </h3>\n                <dl className=\"enroll-event-group__student-confirm-body\">\n                  <dt>氏名</dt>\n                  <dd>{props.classroomEnrollmentParams.user_name}</dd>\n                  <dt>電話番号</dt>\n                  <dd>\n                    {props.classroomEnrollmentParams.user_phone_number}\n                  </dd>\n                </dl>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        <div className=\"enroll-event-group__action\">\n          <div className=\"container\">\n            <ul className=\"button-group -column-2\">\n              <li className=\"_item\">\n                <div\n                  role=\"button\"\n                  className=\"button -appearance-outlined -color-interactive -width-full\"\n                  onClick={props.onConfirmDialogClose}\n                >\n                  <div className=\"_body\">\n                    修正\n                  </div>\n                </div>\n              </li>\n              <li className=\"_item\">\n                <button\n                  type=\"submit\"\n                  className=\"button -appearance-filled -width-full -color-interactive\"\n                  onClick={props.onSubmit}\n                  disabled={props.loading}\n                >\n                  <div className=\"_body\">\n                    入会\n                  </div>\n                </button>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\n\nimport {\n  useFormContext,\n  UseFormRegister,\n  UseFormSetValue,\n} from \"react-hook-form\";\nimport {\n  ClassroomEnrollmentParams,\n  EnrollmentCustomField,\n} from \"../ClassroomEnrollmentPage\";\nimport { FieldErrors } from \"react-hook-form/dist/types/errors\";\n\ninterface Props {\n  customFields: EnrollmentCustomField[];\n}\n\nexport default function ClassroomEnrollmentCustomFieldFormSection(\n  { customFields }: Props,\n): JSX.Element {\n  const { register, setValue, formState: { errors } } = useFormContext<\n    ClassroomEnrollmentParams\n  >();\n\n  return (\n    <>\n      {customFields.map((customField, customFieldIndex) => (\n        <div className=\"form__item\" key={customField.id}>\n          <input\n            {...register(`custom_fields.${customFieldIndex}.custom_field_id`)}\n            value={customField.id}\n            type=\"hidden\"\n          />\n          {/* 確認画面の表示用に埋め込んでおく */}\n          <input\n            {...register(`custom_fields.${customFieldIndex}.name`)}\n            value={customField.name}\n            type=\"hidden\"\n          />\n\n          {customField.field_type === \"free_text\" && (\n            <fieldset>\n              <legend>\n                {customField.name}\n                <abbr className=\"_require\" title=\"必須\">*</abbr>\n              </legend>\n              <div className=\"form__control\">\n                <span className=\"textfield -appearance-filled -width-full\">\n                  <input\n                    {...register(`custom_fields.${customFieldIndex}.value`, {\n                      required: \"入力してください\",\n                      maxLength: {\n                        value: 255,\n                        message: \"255文字以内で入力してください\",\n                      },\n                    })}\n                    type=\"text\"\n                    placeholder={customField.name}\n                    id={`enroll_event_group_form_custom_field_${customField.id}`}\n                    className=\"_input\"\n                    required\n                  />\n                  <label\n                    htmlFor={`enroll_event_group_form_custom_field_${customField.id}`}\n                    className=\"_label\"\n                  >\n                    {customField.name}\n                  </label>\n                </span>\n                <div className=\"form__error\" aria-live=\"polite\">\n                  {errors.custom_fields?.[customFieldIndex]?.value?.message}\n                </div>\n              </div>\n            </fieldset>\n          )}\n\n          {customField.field_type === \"single_select\" && (\n            <fieldset>\n              <legend>\n                {customField.name}\n                <abbr className=\"_require\" title=\"必須\">*</abbr>\n              </legend>\n              <div className=\"form__control --has-radiofield\">\n                <div className=\"radiofield --layout-stack\">\n                  <input\n                    {...register(\n                      `custom_fields.${customFieldIndex}.custom_field_option_id`,\n                    )}\n                    type=\"hidden\"\n                    defaultValue={customField.options[0]?.id}\n                  />\n\n                  {customField.options.map((option, optionIndex) => (\n                    <label\n                      className=\"_item\"\n                      htmlFor={`custom_field_${option.id}`}\n                      key={option.option_value}\n                    >\n                      <input\n                        {...register(\n                          `custom_fields.${customFieldIndex}.value`,\n                          {\n                            required: \"選択してください\",\n                          },\n                        )}\n                        type=\"radio\"\n                        value={option.option_value}\n                        id={`custom_field_${option.id}`}\n                        onChange={() => {\n                          setValue(\n                            `custom_fields.${customFieldIndex}.value`,\n                            option.option_value,\n                          );\n                          setValue(\n                            `custom_fields.${customFieldIndex}.custom_field_option_id`,\n                            option.id,\n                          );\n                        }}\n                        defaultChecked={optionIndex === 0}\n                        className=\"radio\"\n                      />\n                      <span className=\"_label\">\n                        {option.option_value}\n                      </span>\n                    </label>\n                  ))}\n                </div>\n                <div className=\"form__error\" aria-live=\"polite\">\n                  {errors.custom_fields?.[customField.id]?.value?.message}\n                </div>\n              </div>\n            </fieldset>\n          )}\n        </div>\n      ))}\n    </>\n  );\n}\n","import React, { useState } from \"react\";\n\nimport { useFormContext } from \"react-hook-form\";\nimport {\n  Address,\n  ClassroomEnrollmentParams,\n  Student,\n} from \"../ClassroomEnrollmentPage\";\nimport TextAvatar from \"../TextAvatar\";\nimport ClassroomEnrollmentAddressFormSection from \"./ClassroomEnrollmentAddressFormSection\";\n\ninterface Props {\n  students: Student[];\n  addresses: Address[];\n}\n\nexport default function ClassroomEnrollmentStudentFormSection(\n  { students, addresses }: Props,\n): JSX.Element {\n  const [studentFormType, setStudentFormType] = useState<\"form\" | \"selector\">(\n    students.length === 0 ? \"form\" : \"selector\",\n  );\n  const { register, setValue, formState: { errors } } = useFormContext<\n    ClassroomEnrollmentParams\n  >();\n\n  const setStudentAttributes = (student_id: number = null) => {\n    const student = students.find((student) => student.id === student_id) || {\n      id: null,\n      name: \"\",\n      name_kana: \"\",\n      dependent: \"true\",\n      date_of_birth: \"2000-01-01\",\n      gender: \"\",\n    };\n    setValue(\"student_id\", student.id?.toString());\n    setValue(\"student_name\", student.name);\n    setValue(\"student_name_kana\", student.name_kana);\n    setValue(\"student_dependent\", student.dependent.toString());\n    setValue(\n      \"student_date_of_birth\",\n      student.date_of_birth,\n    );\n    setValue(\"student_gender\", student.gender);\n  };\n  const onNewStudentFormSwitch = () => {\n    setStudentAttributes(null);\n    setStudentFormType(\"form\");\n  };\n\n  return studentFormType === \"form\"\n    ? (\n      <div className={\"enroll-event-group__student-form\"}>\n        <div className=\"enroll-event-group__student-form-header\">\n          <h3 className=\"enroll-event-group__student-form-title\">\n            {students.length > 0 ? \"新しい受講者を追加\" : \"受講者情報\"}\n          </h3>\n\n          {students.length > 0 && (\n            <div className=\"enroll-event-group__student-form-action\">\n              <div\n                role=\"button\"\n                className=\"button -appearance-outlined -color-interactive -size-s\"\n                onClick={() => setStudentFormType(\"selector\")}\n              >\n                <div className=\"_leading\">\n                  <span className=\"icon _icon\" data-icon=\"people\">\n                  </span>\n                </div>\n                <div className=\"_body\">\n                  受講者を選択\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n\n        <div className=\"form\">\n          <div className=\"form__item\">\n            <div className=\"enroll-event-group__role-switch\">\n              <div className=\"enroll-event-group__role-switch-title\">\n                <span>\n                  入会するのは<abbr\n                    className=\"_require\"\n                    title=\"必須\"\n                  >\n                    *\n                  </abbr>\n                </span>\n              </div>\n\n              <div className=\"enroll-event-group__role-switch-body\">\n                <div className=\"radiofield\">\n                  <label className=\"_item\">\n                    <input\n                      type=\"radio\"\n                      {...register(\"student_dependent\", {\n                        required: \"選択してください\",\n                      })}\n                      value=\"false\"\n                      className=\"radio\"\n                    />\n                    <span className=\"_label\">本人です</span>\n                  </label>\n\n                  <label className=\"_item\">\n                    <input\n                      type=\"radio\"\n                      {...register(\"student_dependent\", {\n                        required: \"選択してください\",\n                      })}\n                      value=\"true\"\n                      className=\"radio\"\n                    />\n                    <span className=\"_label\">本人以外です</span>\n                  </label>\n                  <div className=\"form__error\" aria-live=\"polite\">\n                    {errors.student_dependent?.message}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"form__item\">\n            <div className=\"form__control\">\n              <span className=\"textfield -appearance-filled -width-full\">\n                <input\n                  {...register(\"student_name\", {\n                    required: \"入力してください\",\n                    maxLength: {\n                      value: 50,\n                      message: \"50文字以内で入力してください\",\n                    },\n                  })}\n                  className=\"_input\"\n                  id=\"student-name-form\"\n                  placeholder=\"受講者の氏名\"\n                />\n                <label\n                  className=\"_label\"\n                  htmlFor=\"student-name-form\"\n                >\n                  受講者の氏名\n                  <abbr className=\"_require\" title=\"必須\">*</abbr>\n                </label>\n              </span>\n              <div className=\"form__error\" aria-live=\"polite\">\n                {errors.student_name?.message}\n              </div>\n            </div>\n          </div>\n\n          <div className=\"form__item\">\n            <div className=\"form__control\">\n              <span className=\"textfield -appearance-filled -width-full\">\n                <input\n                  {...register(\"student_name_kana\", {\n                    required: \"入力してください\",\n                    maxLength: {\n                      value: 255,\n                      message: \"255文字以内で入力してください\",\n                    },\n                    pattern: {\n                      value: /[ 　ァ-ヴーｱ-ﾝﾞﾟA-Za-z\\dｰ−-]+/,\n                      message:\n                        \"カタカナ、半角英数字、スペース、半角ハイフンで入力してください\",\n                    },\n                  })}\n                  className=\"_input\"\n                  id=\"student-ruby-form\"\n                  placeholder=\"フリガナ\"\n                />\n                <label\n                  className=\"_label\"\n                  htmlFor=\"student-ruby-form\"\n                >\n                  フリガナ\n                  <abbr className=\"_require\" title=\"必須\">*</abbr>\n                </label>\n              </span>\n              <div className=\"form__error\" aria-live=\"polite\">\n                {errors.student_name_kana?.message}\n              </div>\n            </div>\n          </div>\n\n          <div className=\"form__item\">\n            <div className=\"form__control\">\n              <span className=\"textfield -appearance-filled -width-half\">\n                <input\n                  {...register(\"student_date_of_birth\")}\n                  type=\"date\"\n                  className=\"_input\"\n                  id=\"student-date-of-birth-form\"\n                  placeholder=\"生年月日\"\n                  defaultValue=\"2000-01-01\"\n                />\n                <label\n                  className=\"_label\"\n                  htmlFor=\"student-date-of-birth-form\"\n                >\n                  生年月日\n                </label>\n              </span>\n            </div>\n          </div>\n\n          <div className=\"form__item\">\n            <fieldset>\n              <legend>性別</legend>\n              <div className=\"form__control --has-radiofield\">\n                <div className=\"radiofield --layout-stack\">\n                  <label className=\"_item\">\n                    <input\n                      {...register(\"student_gender\", {\n                        required: \"選択してください\",\n                      })}\n                      className=\"radio\"\n                      type=\"radio\"\n                      value=\"\"\n                      defaultChecked\n                    />\n                    <span className=\"_label\">設定しない</span>\n                  </label>\n\n                  <label className=\"_item\">\n                    <input\n                      {...register(\"student_gender\", {\n                        required: \"選択してください\",\n                      })}\n                      className=\"radio\"\n                      type=\"radio\"\n                      value=\"male\"\n                    />\n                    <span className=\"_label\">男性</span>\n                  </label>\n\n                  <label className=\"_item\">\n                    <input\n                      {...register(\"student_gender\", {\n                        required: \"選択してください\",\n                      })}\n                      className=\"radio\"\n                      type=\"radio\"\n                      value=\"female\"\n                    />\n                    <span className=\"_label\">女性</span>\n                  </label>\n\n                  <label className=\"_item\">\n                    <input\n                      {...register(\"student_gender\", {\n                        required: \"選択してください\",\n                      })}\n                      className=\"radio\"\n                      type=\"radio\"\n                      value=\"non_binary\"\n                    />\n                    <span className=\"_label\">別の性</span>\n                  </label>\n\n                  <div className=\"form__error\" aria-live=\"polite\">\n                    {errors.student_gender?.message}\n                  </div>\n                </div>\n              </div>\n            </fieldset>\n          </div>\n\n          <ClassroomEnrollmentAddressFormSection\n            addresses={addresses}\n          />\n        </div>\n      </div>\n    )\n    : (\n      <div className=\"enroll-event-group__student-selector\">\n        <div className=\"enroll-event-group__student-selector-header\">\n          <h3 className=\"enroll-event-group__student-selector-title\">\n            受講者を選択\n          </h3>\n\n          <div className=\"enroll-event-group__student-selector-action\">\n            <div\n              role=\"button\"\n              className=\"button -appearance-outlined -color-interactive -size-s\"\n              onClick={onNewStudentFormSwitch}\n            >\n              <div className=\"_leading\">\n                <span\n                  className=\"icon _icon\"\n                  data-icon=\"person_plus\"\n                >\n                </span>\n              </div>\n              <div className=\"_body\">\n                新しい受講者を追加\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"enroll-event-group__student-selector-list\">\n          <ul className=\"_list\">\n            {students.map((student, index) => (\n              <li key={student.id} className=\"_item\">\n                <label>\n                  <div className=\"_leading\">\n                    <div className=\"_input\">\n                      <input\n                        type=\"radio\"\n                        {...register(\"student_id\", {\n                          required: \"選択してください\",\n                        })}\n                        value={student.id}\n                        className=\"radio\"\n                        defaultChecked={index === 0}\n                        onChange={(event) => {\n                          setStudentAttributes(Number(event.target.value));\n                        }}\n                      />\n                    </div>\n                  </div>\n                  <div className=\"_avatar\">\n                    <TextAvatar\n                      name={student.name}\n                      size=\"s\"\n                      icon={true}\n                    />\n                  </div>\n                  <div className=\"_body\">\n                    <div className=\"_title\">\n                      {student.name}\n                    </div>\n                  </div>\n                </label>\n              </li>\n            ))}\n          </ul>\n          <div className=\"form__error\" aria-live=\"polite\">\n            {errors.student_id?.message}\n          </div>\n        </div>\n      </div>\n    );\n}\n","import React from \"react\";\n\nimport { useFormContext } from \"react-hook-form\";\nimport { ClassroomEnrollmentParams } from \"../ClassroomEnrollmentPage\";\n\ninterface Props {\n  initialUserName: string;\n  initialUserPhoneNumber: string;\n  currentStudentDependent: string;\n  settings_path: string;\n}\n\nexport default function ClassroomEnrollmentUserFormSection(\n  props: Props,\n): JSX.Element {\n  const { register, formState: { errors } } = useFormContext<\n    ClassroomEnrollmentParams\n  >();\n\n  return props.currentStudentDependent === \"true\"\n    ? (\n      <div className=\"enroll-event-group__account-data\">\n        <h3 className=\"enroll-event-group__account-data-title\">\n          アカウント情報\n        </h3>\n        <div className=\"enroll-event-group__account-data-note\">\n          <ul>\n            <li>\n              お子様など『本人以外』が入会する場合は連絡先としてアカウント情報が教室へ伝わります\n            </li>\n            <li>\n              <a href={props.settings_path}>アカウント設定</a>\n              からいつでも変更できます\n            </li>\n          </ul>\n        </div>\n\n        <div className=\"enroll-event-group__account-data-body\">\n          <div className=\"form\">\n            <div className=\"form__item\">\n              <div className=\"form__control\">\n                <span className=\"textfield -appearance-filled -width-full\">\n                  <input\n                    {...register(\"user_name\", {\n                      required: \"入力してください\",\n                      maxLength: {\n                        value: 50,\n                        message: \"50文字以内で入力してください\",\n                      },\n                    })}\n                    className=\"_input\"\n                    id=\"account-user-name-form\"\n                    placeholder=\"氏名\"\n                    disabled={Boolean(\n                      props.initialUserName,\n                    )}\n                  />\n                  <label\n                    htmlFor=\"account-user-name-form\"\n                    className=\"_label\"\n                  >\n                    氏名\n                    <abbr className=\"_require\" title=\"必須\">*</abbr>\n                  </label>\n                </span>\n                <div className=\"form__error\" aria-live=\"polite\">\n                  {errors.user_name?.message}\n                </div>\n              </div>\n            </div>\n\n            <div className=\"form__item\">\n              <div className=\"form__control\">\n                <span className=\"textfield -appearance-filled -width-full\">\n                  <input\n                    {...register(\"user_phone_number\", {\n                      required: \"入力してください\",\n                      pattern: {\n                        value: /0\\d{9,10}/,\n                        message: \"半角数字で入力してください\",\n                      },\n                    })}\n                    className=\"_input\"\n                    id=\"account-user-phone-number-form\"\n                    placeholder=\"電話番号\"\n                    disabled={Boolean(\n                      props.initialUserPhoneNumber,\n                    )}\n                  />\n                  <label\n                    htmlFor=\"account-user-phone-number-form\"\n                    className=\"_label\"\n                  >\n                    電話番号\n                    <abbr className=\"_require\" title=\"必須\">*</abbr>\n                  </label>\n                </span>\n                <div className=\"form__error\" aria-live=\"polite\">\n                  {errors.user_phone_number?.message}\n                </div>\n              </div>\n            </div>\n            {!props.initialUserPhoneNumber &&\n              (\n                <div className=\"form__item-note\">\n                  ※ ハイフン無し（例：00012345678）\n                </div>\n              )}\n          </div>\n        </div>\n      </div>\n    )\n    : (\n      <>\n        <div className=\"enroll-event-group__account-data form__item\">\n          <fieldset>\n            <legend>\n              電話番号\n              <abbr className=\"_require\" title=\"必須\">*</abbr>\n            </legend>\n            {props.initialUserPhoneNumber &&\n              (\n                <div className=\"enroll-event-group__account-data-note\">\n                  <ul className=\"-no-margin\">\n                    <li>\n                      <a href={props.settings_path}>アカウント設定</a>\n                      から変更できます\n                    </li>\n                  </ul>\n                </div>\n              )}\n            <div className=\"form__item\">\n              <div className=\"form__control\">\n                <span className=\"textfield -appearance-filled -width-full\">\n                  <input\n                    {...register(\"user_phone_number\", {\n                      required: \"入力してください\",\n                      pattern: {\n                        value: /0\\d{9,10}/,\n                        message: \"半角数字で入力してください\",\n                      },\n                    })}\n                    className=\"_input\"\n                    id=\"account-user-phone-number-form\"\n                    placeholder=\"電話番号\"\n                    disabled={Boolean(\n                      props.initialUserPhoneNumber,\n                    )}\n                  />\n                  <label\n                    htmlFor=\"account-user-phone-number-form\"\n                    className=\"_label\"\n                  >\n                    電話番号\n                  </label>\n                </span>\n                <div className=\"form__error\" aria-live=\"polite\">\n                  {errors.user_phone_number?.message}\n                </div>\n              </div>\n            </div>\n            {!props.initialUserPhoneNumber &&\n              (\n                <div className=\"form__item-note\">\n                  ※ ハイフン無し（例：00012345678）\n                </div>\n              )}\n          </fieldset>\n        </div>\n      </>\n    );\n}\n","import React, { useMemo } from \"react\";\nimport { colorClassName } from \"utils/color-class-name\";\n\nexport default function CoverStripe(\n  {\n    classroomName = \"1\",\n  },\n): JSX.Element {\n  return (\n    <svg\n      id=\"cover\"\n      className={`cover ${colorClassName(classroomName)}`}\n      width=\"350\"\n      height=\"350\"\n      viewBox=\"0 0 350 350\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      preserveAspectRatio=\"xMinYMin slice\"\n    >\n      <g clip-path=\"url(#clip0)\">\n        <rect\n          width=\"350\"\n          height=\"350\"\n          fill={`url(#linear${colorClassName(classroomName)})`}\n        />\n\n        <g style={{ mixBlendMode: \"soft-light\" }} opacity=\"0.5\">\n          <path d=\"M267.55 313.33L204.2 350.08H232.1L274.58 325.44L267.55 313.33Z\" />\n          <path d=\"M286.95 318.26L350.08 281.64V265.46L279.92 306.15L286.95 318.26Z\" />\n          <path d=\"M302.06 350.08L350.08 322.22V306.04L274.16 350.08H302.06Z\" />\n          <path d=\"M350.08 350.08V346.62L344.12 350.08H350.08Z\" />\n          <path d=\"M0.0800781 35.5601L61.2401 0.0800781H33.3401L0.0800781 19.3701V35.5601Z\" />\n          <path d=\"M0.0800781 60.4601L6.88008 72.1901L123.53 4.53008L120.95 0.0800781H103.3L0.0800781 59.9501V60.4601Z\" />\n          <path d=\"M85.7701 297.02L0.0800781 346.73V350.08H22.2101L92.8001 309.14L85.7701 297.02Z\" />\n          <path d=\"M104.72 286.43C103.197 286.428 101.707 286.878 100.439 287.723C99.1719 288.568 98.1833 289.77 97.599 291.177C97.0147 292.583 96.8608 294.132 97.1568 295.626C97.4527 297.12 98.1854 298.493 99.2619 299.571C100.338 300.649 101.71 301.383 103.204 301.681C104.698 301.979 106.247 301.827 107.654 301.245C109.062 300.662 110.265 299.675 111.112 298.409C111.958 297.142 112.41 295.653 112.41 294.13C112.41 292.09 111.6 290.133 110.158 288.689C108.716 287.245 106.761 286.433 104.72 286.43V286.43Z\" />\n          <path d=\"M276.94 201.92C278.463 201.92 279.952 201.468 281.218 200.622C282.484 199.776 283.471 198.574 284.054 197.167C284.637 195.76 284.789 194.212 284.492 192.718C284.195 191.224 283.462 189.852 282.385 188.775C281.308 187.699 279.936 186.965 278.442 186.668C276.949 186.371 275.4 186.523 273.993 187.106C272.586 187.689 271.384 188.676 270.538 189.942C269.692 191.208 269.24 192.697 269.24 194.22C269.239 195.232 269.437 196.233 269.823 197.168C270.21 198.103 270.777 198.952 271.492 199.668C272.208 200.383 273.057 200.95 273.992 201.337C274.927 201.723 275.929 201.921 276.94 201.92V201.92Z\" />\n          <path d=\"M160.51 294.26L64.27 350.08H92.17L167.53 306.37L160.51 294.26Z\" />\n          <path d=\"M179.29 295.48C180.354 296.094 181.561 296.418 182.79 296.418C184.019 296.418 185.226 296.094 186.29 295.48L225.1 272.96L244.8 261.44L335.8 208.64L328.8 196.53L237.8 249.34L218.1 260.87L189.82 277.27V242.27H175.82V289.43C175.819 290.654 176.139 291.856 176.748 292.918C177.357 293.98 178.233 294.863 179.29 295.48Z\" />\n          <path d=\"M182.89 321.86L134.23 350.08H162.14L189.91 333.97L182.89 321.86Z\" />\n          <path d=\"M343.37 204.62L350.08 200.73V184.54L336.34 192.51L343.37 204.62Z\" />\n          <path d=\"M236.5 306.94L350.08 241.06V224.87L229.48 294.83L236.5 306.94Z\" />\n          <path d=\"M200.5 312.29C198.977 312.29 197.488 312.742 196.222 313.588C194.956 314.434 193.969 315.636 193.386 317.043C192.803 318.45 192.651 319.999 192.948 321.492C193.245 322.986 193.978 324.358 195.055 325.435C196.132 326.512 197.504 327.245 198.998 327.542C200.491 327.839 202.04 327.687 203.447 327.104C204.854 326.521 206.056 325.534 206.902 324.268C207.748 323.002 208.2 321.513 208.2 319.99C208.201 318.979 208.003 317.977 207.617 317.042C207.23 316.107 206.663 315.258 205.948 314.542C205.233 313.827 204.383 313.26 203.448 312.874C202.513 312.487 201.512 312.289 200.5 312.29Z\" />\n          <path d=\"M258.33 196.79L193.768 234.245L200.794 246.355L265.356 208.899L258.33 196.79Z\" />\n          <path d=\"M115.29 40.28C115.288 41.8034 115.738 43.2931 116.583 44.5607C117.428 45.8282 118.63 46.8167 120.037 47.401C121.443 47.9853 122.992 48.1392 124.486 47.8433C125.98 47.5473 127.353 46.8147 128.431 45.7383C129.509 44.6618 130.243 43.2898 130.541 41.7959C130.839 40.302 130.687 38.7533 130.105 37.3457C129.522 35.9381 128.535 34.735 127.269 33.8884C126.002 33.0419 124.513 32.5901 122.99 32.5901C120.95 32.5901 118.993 33.3999 117.549 34.8418C116.105 36.2837 115.293 38.2396 115.29 40.28V40.28Z\" />\n          <path d=\"M6.57008 140.32L0.0800781 144.08V160.26L13.5901 152.43L6.57008 140.32Z\" />\n          <path d=\"M162.181 49.8583L77.8457 98.785L84.8711 110.895L169.206 61.968L162.181 49.8583Z\" />\n          <path d=\"M223.24 30.7201L276.06 0.0800781H248.16L216.22 18.6101L223.24 30.7201Z\" />\n          <path d=\"M21.86 135.43C21.8688 136.656 22.1999 137.859 22.8197 138.917C23.4395 139.976 24.3265 140.852 25.3918 141.46C26.4572 142.068 27.6636 142.385 28.89 142.38C30.1165 142.374 31.3199 142.047 32.38 141.43L77.2201 115.43L70.2201 103.32L35.88 123.24V95.2401C35.8796 94.0115 35.5559 92.8047 34.9414 91.7408C34.3269 90.677 33.4432 89.7937 32.3792 89.1796C31.3151 88.5654 30.1081 88.2421 28.8795 88.2422C27.6509 88.2423 26.444 88.5658 25.38 89.1801L0.100098 103.8V119.97L21.88 107.37L21.86 135.43Z\" />\n          <path d=\"M28.9501 167.92L0.0800781 184.66V200.85L35.9701 180.03L28.9501 167.92Z\" />\n          <path d=\"M201.62 43.6001L210.3 62.7101L75.53 140.89L82.53 153L310.53 20.7301L303.53 8.62L222.44 55.62L211.14 30.7401C210.736 29.8493 210.149 29.053 209.418 28.4028C208.687 27.7526 207.828 27.263 206.896 26.9652C205.964 26.6675 204.981 26.5683 204.008 26.6742C203.036 26.7801 202.096 27.0887 201.25 27.5801L169.77 45.8401L176.77 57.9501L201.62 43.6001Z\" />\n          <path d=\"M323.7 13.1301L346.19 0.0800781H318.28L316.67 1.02008L323.7 13.1301Z\" />\n          <path d=\"M46.5602 173.74C48.084 173.742 49.574 173.292 50.8418 172.447C52.1096 171.601 53.0981 170.399 53.6821 168.991C54.2662 167.584 54.4195 166.035 54.1227 164.54C53.8259 163.046 53.0924 161.673 52.0149 160.595C50.9374 159.518 49.5645 158.784 48.07 158.488C46.5754 158.191 45.0263 158.344 43.6189 158.928C42.2115 159.512 41.009 160.501 40.1637 161.768C39.3184 163.036 38.8681 164.526 38.8701 166.05C38.8701 168.09 39.6804 170.046 41.1226 171.488C42.5647 172.93 44.5207 173.74 46.5602 173.74Z\" />\n          <path d=\"M104.367 42.9242L39.8047 80.3795L46.8301 92.4892L111.392 55.0339L104.367 42.9242Z\" />\n          <path d=\"M142.2 37.2401L206.26 0.0800781H178.36L135.17 25.1301L142.2 37.2401Z\" />\n          <path d=\"M288.29 71.1101C288.291 69.8801 287.967 68.6716 287.352 67.6063C286.737 66.5411 285.852 65.6567 284.787 65.0422C283.721 64.4278 282.512 64.1051 281.282 64.1064C280.052 64.1078 278.844 64.4333 277.78 65.0501L276.27 65.9301V65.8401L185.27 118.61L192.27 130.72L250.05 97.2001L274.26 83.2001V111.2C274.261 112.429 274.586 113.636 275.202 114.7C275.817 115.764 276.703 116.647 277.768 117.26C278.833 117.874 280.041 118.195 281.27 118.194C282.499 118.192 283.707 117.866 284.77 117.25L329.61 91.25L322.61 79.14L321.33 79.88L288.33 99.04L288.29 71.1101Z\" />\n          <path d=\"M29.3101 209.07L0.0800781 226.03V242.21L36.3401 221.18L29.3101 209.07Z\" />\n          <path d=\"M157.778 134.47L40.3137 202.616L47.3391 214.725L164.803 146.579L157.778 134.47Z\" />\n          <path d=\"M300.89 51.5401L307.91 63.6501L350.08 39.1901V24.0101L349.64 23.2601L300.89 51.5401Z\" />\n          <path d=\"M181.93 132.33C181.932 130.807 181.482 129.317 180.637 128.049C179.792 126.782 178.59 125.793 177.184 125.209C175.777 124.625 174.228 124.471 172.734 124.767C171.24 125.063 169.867 125.795 168.789 126.872C167.711 127.948 166.977 129.32 166.679 130.814C166.381 132.308 166.533 133.857 167.115 135.264C167.698 136.672 168.685 137.875 169.951 138.722C171.218 139.568 172.707 140.02 174.23 140.02C175.241 140.021 176.242 139.823 177.176 139.438C178.11 139.052 178.959 138.485 179.674 137.771C180.389 137.057 180.957 136.209 181.344 135.275C181.731 134.342 181.93 133.341 181.93 132.33V132.33Z\" />\n          <path d=\"M339.4 84.65C343.647 84.65 347.09 81.2071 347.09 76.96C347.09 72.7129 343.647 69.27 339.4 69.27C335.153 69.27 331.71 72.7129 331.71 76.96C331.71 81.2071 335.153 84.65 339.4 84.65Z\" />\n          <path d=\"M156.39 232.01L350.08 119.66V103.47L149.37 219.9L156.39 232.01Z\" />\n          <path d=\"M296.14 191.18L350.08 159.89V143.71L289.11 179.07L296.14 191.18Z\" />\n          <path d=\"M119.21 237.43L93.8 252.17L82.5 227.31C82.0967 226.419 81.5109 225.622 80.7806 224.971C80.0503 224.32 79.1917 223.829 78.26 223.53C77.3287 223.234 76.3458 223.136 75.3744 223.243C74.403 223.35 73.4647 223.659 72.62 224.15L53.73 235.15V235.21L0.0400391 266.35V270.7L5.18005 279.55L66.62 243.91V243.85L72.9401 240.18L81.62 259.28L0.0700684 306.59V322.77L126.29 249.5L119.21 237.43Z\" />\n          <path d=\"M261.238 114.626L102.264 206.854L109.289 218.964L268.263 126.736L261.238 114.626Z\" />\n          <path d=\"M137.69 241.82C141.937 241.82 145.38 238.377 145.38 234.13C145.38 229.883 141.937 226.44 137.69 226.44C133.443 226.44 130 229.883 130 234.13C130 238.377 133.443 241.82 137.69 241.82Z\" />\n        </g>\n      </g>\n\n      <defs>\n        <linearGradient\n          id={`linear${colorClassName(classroomName)}`}\n          x1=\"0\"\n          y1=\"0\"\n          x2=\"351\"\n          y2=\"350\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0.0280711\" className=\"gradient-color1\" />\n          <stop offset=\"1\" className=\"gradient-color2\" />\n        </linearGradient>\n\n        <clipPath id=\"clip0\">\n          <rect width=\"350\" height=\"350\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n}\n","import React, { ReactNode } from \"react\";\n\ninterface Props {\n  title?: string;\n  description?: string | ReactNode;\n  onCloseButtonClick: () => void;\n  children?: ReactNode;\n}\n\nexport default function Dialog(\n  { title, description, onCloseButtonClick, children }: Props,\n) {\n  return (\n    <div\n      className=\"dialog-v2 --visible\"\n      role=\"dialog\"\n      aria-labelledby=\"dialog__title\"\n      aria-describedby=\"dialog__description\"\n      aria-modal=\"true\"\n    >\n      <div\n        className=\"dialog-v2__shadow\"\n        onClick={onCloseButtonClick}\n      />\n\n      <div className=\"dialog-v2__wrapper\">\n        <div className=\"dialog-v2__container\">\n          {title && (\n            <h2 className=\"dialog-v2__title\" id=\"dialog__title\">\n              {title}\n            </h2>\n          )}\n          {description && (\n            <div className=\"dialog-v2__description\" id=\"dialog__description\">\n              {description}\n            </div>\n          )}\n\n          <div className=\"dialog-v2__action\">\n            <ul className=\"button-group\">\n              <li className=\"_item\">\n                <button\n                  type=\"button\"\n                  className=\"button -appearance-transparent -size-m -color-neutral\"\n                  onClick={onCloseButtonClick}\n                >\n                  <div className=\"_body\">\n                    キャンセル\n                  </div>\n                </button>\n              </li>\n\n              <li className=\"_item\">\n                {children}\n              </li>\n            </ul>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\nimport { useForm } from \"react-hook-form\";\n\nexport type Errors = string[] | null;\n\ninterface Props {\n  errors: Errors;\n}\n\nexport default function ErrorBanner({ errors }: Props): JSX.Element {\n  if (!errors || errors.length === 0) {\n    return <></>;\n  }\n\n  return (\n    <div className=\"error-banner\">\n      <div className=\"error-banner__leading\">\n        <span\n          className=\"error-banner__icon icon\"\n          data-icon=\"exclamation_on_triangle\"\n        >\n        </span>\n      </div>\n      <div className=\"error-banner__body\">\n        <div className=\"error-banner__title\">\n          入力した内容に{errors.length}件の不備がありました\n        </div>\n        <ul className=\"error-banner__list\">\n          {errors.map((error, index) => (\n            <li key={index} className=\"error-banner__item\">\n              {error}\n            </li>\n          ))}\n        </ul>\n      </div>\n    </div>\n  );\n}\n","import React, { useState } from \"react\";\nimport ParticipantsSelectorView from \"components/EventForm/ParticipantsSelectorView\";\nimport TextAvatar from \"../TextAvatar\";\nimport RemainingParticipantsCount from \"components/EventForm/RemainingParticipantsCount\";\nimport { Props } from \"components/EventForm/index\";\n\nexport default function ParticipantsSelector(\n  {\n    form_name,\n    attributes_name,\n    addressee_attribute_name,\n    show_automatic_settlement_enabled,\n    classroom_event_groups,\n    enrollments,\n    selected_student_ids,\n  }: Props,\n): JSX.Element {\n  const [open, setOpen] = useState(false);\n  const [selectedStudentIds, setSelectedStudentIds] = useState<number[]>(\n    selected_student_ids,\n  );\n  const [selectedEventGroupIds, setSelectedEventGroupIds] = useState<number[]>(\n    [],\n  );\n\n  return (\n    <div className=\"addressee-select\">\n      <RemainingParticipantsCount\n        selectedStudentsCount={selectedStudentIds.length}\n      />\n\n      <div\n        className=\"_switch\"\n        role=\"button\"\n        tabIndex={0}\n        aria-label=\"対象を選択\"\n        onClick={() => setOpen(true)}\n      >\n        <div className=\"_switch-label\">\n          <div>{selectedStudentIds.length}人</div>\n        </div>\n        <div className=\"_switch-trailing\">\n          <span className=\"icon\" data-icon=\"arrow_drop_down\" />\n        </div>\n      </div>\n\n      <div className=\"form__body\">\n        <div className=\"form__body-item addressee-list\">\n          <ul className=\"addressee-list__list --align-left -size-s\">\n            {selectedEventGroupIds.map((id) => {\n              const eventGroup = classroom_event_groups.find((eventGroup) => {\n                return eventGroup.id === id;\n              });\n              const eventGroupEnrollments = enrollments.filter((enrollment) => {\n                return enrollment.event_groups.some((g) =>\n                  g.id === eventGroup.id\n                );\n              });\n              const total = eventGroupEnrollments.length;\n              const count = eventGroupEnrollments.filter((enrollment) => {\n                return selectedStudentIds.includes(enrollment.student.id);\n              }).length;\n              return (\n                <li key={id} className=\"addressee-list__item\">\n                  <div className=\"addressee-list__body\">\n                    <span>{eventGroup.name}</span>\n                    <b>（{count}/{total}人）</b>\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      </div>\n\n      <ul className=\"_list addressee-selected__list\">\n        {enrollments.filter((enrollment) =>\n          selectedStudentIds.includes(enrollment.student.id)\n        ).map((enrollment) => (\n          <li className=\"_item\" key={enrollment.id}>\n            <div>\n              <div className=\"_avatar\">\n                <TextAvatar name={enrollment.student.name} size=\"s\" icon />\n              </div>\n              <div className=\"_body\">\n                <div className=\"_title\">\n                  {enrollment.student.name}\n                </div>\n                <div className=\"_description\">\n                  {enrollment.event_groups.map((eventGroup) => eventGroup.name)\n                    .join(\", \")}\n                </div>\n              </div>\n              {show_automatic_settlement_enabled &&\n                enrollment.allowed_to_settle_automatically && (\n                <div className=\"_trailing\">\n                  <div className=\"credit-card-status --positive\">\n                    <span\n                      className=\"icon credit-card-status__icon\"\n                      data-icon=\"check_on_circle\"\n                    />\n                    <div className=\"credit-card-status__body\">\n                      <span>自動支払い</span>設定済み\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n            <input\n              type=\"hidden\"\n              name={`${form_name}[[${attributes_name}][][${addressee_attribute_name}]]`}\n              value={enrollment.student.id}\n            />\n          </li>\n        ))}\n      </ul>\n\n      {open && (\n        <ParticipantsSelectorView\n          show_automatic_settlement_enabled={show_automatic_settlement_enabled}\n          classroom_event_groups={classroom_event_groups}\n          enrollments={enrollments}\n          onCloseButtonClick={() => setOpen(false)}\n          selectedStudentIds={selectedStudentIds}\n          setSelectedStudentIds={setSelectedStudentIds}\n          selectedEventGroupIds={selectedEventGroupIds}\n          setSelectedEventGroupIds={setSelectedEventGroupIds}\n        />\n      )}\n    </div>\n  );\n}\n","import React, { useCallback, useMemo, useState } from \"react\";\nimport TextAvatar from \"../TextAvatar\";\n\ninterface EventGroup {\n  id: number;\n  name: string;\n  root: boolean;\n}\n\ninterface Enrollment {\n  id: number;\n  student: {\n    id: number;\n    name: string;\n  };\n  event_groups: EventGroup[];\n  allowed_to_settle_automatically: boolean;\n}\n\ninterface Props {\n  show_automatic_settlement_enabled: boolean;\n  classroom_event_groups: EventGroup[];\n  enrollments: Enrollment[];\n  onCloseButtonClick: () => void;\n  selectedStudentIds: number[];\n  setSelectedStudentIds: (selectedEnrollmentIds: number[]) => void;\n  selectedEventGroupIds: number[];\n  setSelectedEventGroupIds: (selectedEventGroupIds: number[]) => void;\n}\n\nexport default function EventFormParticipantsSelectorView(\n  {\n    show_automatic_settlement_enabled,\n    classroom_event_groups,\n    enrollments,\n    onCloseButtonClick,\n    selectedStudentIds,\n    setSelectedStudentIds,\n    selectedEventGroupIds,\n    setSelectedEventGroupIds,\n  }: Props,\n): JSX.Element {\n  const [openDropdown, setOpenDropdown] = useState(false);\n  const allStudentSelected = enrollments.length === selectedStudentIds.length;\n\n  const deselectEventGroup = useCallback((eventGroup: EventGroup) => {\n    setSelectedEventGroupIds(\n      selectedEventGroupIds.filter((id) => {\n        return id !== eventGroup.id;\n      }),\n    );\n    const studentIds = enrollments.filter(\n      (enrollment) => {\n        return enrollment.event_groups.some((g) => {\n          return g.id === eventGroup.id;\n        });\n      },\n    ).map((enollment) => {\n      return enollment.student.id;\n    });\n    setSelectedStudentIds(\n      selectedStudentIds.filter((id) => {\n        return !studentIds.includes(id);\n      }),\n    );\n  }, [\n    enrollments,\n    selectedStudentIds,\n    setSelectedStudentIds,\n    selectedEventGroupIds,\n    setSelectedEventGroupIds,\n  ]);\n\n  return (\n    <div className=\"_container --visible\">\n      <div className=\"modal-header\">\n        <div className=\"_container\">\n          <div className=\"_title\">\n            対象を選択 <span>({selectedStudentIds.length})</span>\n          </div>\n          <div className=\"_nav\">\n            <button\n              type=\"button\"\n              className=\"button -appearance-transparent -color-neutral -shape-circle\"\n              aria-label=\"閉じる\"\n              tabIndex={0}\n              onClick={onCloseButtonClick}\n            >\n              <div className=\"_leading\">\n                <span className=\"icon _icon\" data-icon=\"arrow_left\"></span>\n              </div>\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"modal-content__container\">\n        <div className=\"dropdown\">\n          <div\n            className=\"dropdown__control _switch --fixed-width\"\n            role=\"button\"\n            aria-expanded=\"true\"\n            aria-label=\"コースをもとに選ぶ\"\n            tabIndex={0}\n            onClick={() => setOpenDropdown(!openDropdown)}\n          >\n            <span className=\"_switch-label\">\n              {selectedEventGroupIds.length > 0\n                ? \"複数コース\"\n                : \"コースをもとに選ぶ\"}\n            </span>\n            <div className=\"_switch-trailing\">\n              <span className=\"icon\" data-icon=\"arrow_drop_down\" />\n            </div>\n          </div>\n          {openDropdown && (\n            <ul\n              className=\"_list dropdown__list\"\n              aria-labelledby=\"addressee-event-group-dropdown\"\n            >\n              {classroom_event_groups.filter((eventGroup) => !eventGroup.root)\n                .map((eventGroup) => (\n                  <li key={eventGroup.id} className=\"_item dropdown__item\">\n                    <label htmlFor={`event_group-${eventGroup.id}`}>\n                      <div className=\"_leading\">\n                        <div className=\"_input\">\n                          <input\n                            id={`event_group-${eventGroup.id}`}\n                            type=\"checkbox\"\n                            className=\"checkbox\"\n                            checked={selectedEventGroupIds.includes(\n                              eventGroup.id,\n                            )}\n                            onChange={(event) => {\n                              if (event.target.checked) {\n                                setSelectedEventGroupIds(\n                                  selectedEventGroupIds.concat(eventGroup.id),\n                                );\n                                const studentIds = enrollments.filter(\n                                  (enrollment) => {\n                                    return enrollment.event_groups.some((g) => {\n                                      return g.id === eventGroup.id;\n                                    });\n                                  },\n                                ).map((enollment) => {\n                                  return enollment.student.id;\n                                });\n                                setSelectedStudentIds(\n                                  Array.from(\n                                    new Set([\n                                      ...selectedStudentIds,\n                                      ...studentIds,\n                                    ]),\n                                  ),\n                                );\n                              } else {\n                                deselectEventGroup(eventGroup);\n                              }\n                            }}\n                          />\n                        </div>\n                      </div>\n                      <div className=\"_body\">\n                        <div className=\"_title\">\n                          {eventGroup.name}\n                        </div>\n                      </div>\n                    </label>\n                  </li>\n                ))}\n            </ul>\n          )}\n        </div>\n\n        <div className=\"chips-list\">\n          <ul className=\"chips-list__list\">\n            {selectedEventGroupIds.map((id) => {\n              const eventGroup = classroom_event_groups.find((eventGroup) => {\n                return eventGroup.id === id;\n              });\n\n              if (!eventGroup) {\n                return;\n              }\n\n              const eventGroupEnrollments = enrollments.filter((enrollment) => {\n                return enrollment.event_groups.some((g) =>\n                  g.id === eventGroup.id\n                );\n              });\n              const total = eventGroupEnrollments.length;\n              const count = eventGroupEnrollments.filter((enrollment) => {\n                return selectedStudentIds.includes(enrollment.student.id);\n              }).length;\n              return (\n                <li\n                  key={id}\n                  className=\"chips-list__item\"\n                  onClick={() => deselectEventGroup(eventGroup)}\n                >\n                  <button type=\"button\">\n                    <div className=\"chips-list__body\">\n                      <span>{eventGroup.name}</span>\n                      <b>（{count}/{total}人）</b>\n                    </div>\n                    <div className=\"chips-list__leading\">\n                      <span className=\"_icon icon\" data-icon=\"cross\" />\n                    </div>\n                  </button>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n\n        <ul className=\"_list addressee-select__list\">\n          <li className=\"_item\">\n            <label htmlFor=\"select-all-student\">\n              <div className=\"_leading\">\n                <div className=\"_input\">\n                  <input\n                    id=\"select-all-student\"\n                    type=\"checkbox\"\n                    className={selectedStudentIds.length > 0 &&\n                        !allStudentSelected\n                      ? \"checkbox --mixed\"\n                      : \"checkbox\"}\n                    checked={allStudentSelected}\n                    onChange={(event) => {\n                      if (event.target.checked) {\n                        setSelectedStudentIds(\n                          enrollments.map((enrollment) =>\n                            enrollment.student.id\n                          ),\n                        );\n                      } else {\n                        setSelectedStudentIds([]);\n                        setSelectedEventGroupIds([]);\n                      }\n                    }}\n                  />\n                </div>\n              </div>\n              <div className=\"_body\">\n                <div className=\"_title\">\n                  全員を選択\n                </div>\n              </div>\n            </label>\n          </li>\n          {enrollments.map((enrollment) => (\n            <li className=\"_item\" key={enrollment.id}>\n              <label htmlFor={`addressee-${enrollment.id}`}>\n                <div className=\"_leading\">\n                  <div className=\"_input\">\n                    <input\n                      type=\"checkbox\"\n                      className=\"checkbox\"\n                      id={`addressee-${enrollment.id}`}\n                      checked={selectedStudentIds.includes(\n                        enrollment.student.id,\n                      )}\n                      onChange={(event) => {\n                        if (event.target.checked) {\n                          setSelectedStudentIds(\n                            selectedStudentIds.concat(enrollment.student.id),\n                          );\n                        } else {\n                          const studentIds = selectedStudentIds.filter(\n                            (id) => {\n                              return id !== enrollment.student.id;\n                            },\n                          );\n                          setSelectedStudentIds(studentIds);\n                          const eventGroupIds = enrollments.filter(\n                            (enrollment) => {\n                              return studentIds.includes(enrollment.student.id);\n                            },\n                          ).flatMap((enrollment) => {\n                            return enrollment.event_groups;\n                          }).map((eventGroup) => {\n                            return eventGroup.id;\n                          });\n                          setSelectedEventGroupIds(\n                            Array.from(new Set(eventGroupIds)),\n                          );\n                        }\n                      }}\n                    />\n                  </div>\n                </div>\n                <div className=\"_avatar\">\n                  <TextAvatar name={enrollment.student.name} size=\"s\" icon />\n                </div>\n                <div className=\"_body\">\n                  <div className=\"_title\">\n                    {enrollment.student.name}\n                  </div>\n                  <div className=\"_description\">\n                    {enrollment.event_groups.map((eventGroup) =>\n                      eventGroup.name\n                    ).join(\", \")}\n                  </div>\n                </div>\n                {show_automatic_settlement_enabled &&\n                  enrollment.allowed_to_settle_automatically && (\n                  <div className=\"_trailing\">\n                    <div className=\"credit-card-status --positive\">\n                      <span\n                        className=\"icon credit-card-status__icon\"\n                        data-icon=\"check_on_circle\"\n                      >\n                      </span>\n                      <div className=\"credit-card-status__body\">\n                        <span>自動支払い</span>設定済み\n                      </div>\n                    </div>\n                  </div>\n                )}\n              </label>\n            </li>\n          ))}\n        </ul>\n        <div className=\"form__bottom-action\">\n          <div className=\"form__action\">\n            <button\n              type=\"button\"\n              className=\"button -size-l -appearance-filled -width-full -color-interactive\"\n              onClick={onCloseButtonClick}\n            >\n              対象者を決定\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\n\ninterface Props {\n  selectedStudentsCount: number;\n}\n\nexport default function RemainingParticipantsCount(\n  {\n    selectedStudentsCount,\n  }: Props,\n) {\n  const [attendeeLimit, setAttendeeLimit] = useState<number | null>(\n    null,\n  );\n\n  const remainingParticipantsCount = attendeeLimit - selectedStudentsCount;\n\n  // #TODO:このuseEffectは「予定の作成」ページreact化までの暫定対応です。\n  // ページ全体をreact化される際はこちらの機能についてもreact化をお願いいたします。\n  useEffect(() => {\n    const attendeeLimitInput = document.getElementById(\"js-attendee-limit\");\n    if (\n      !(attendeeLimitInput && attendeeLimitInput instanceof HTMLInputElement)\n    ) {\n      return;\n    }\n    attendeeLimitInput.addEventListener(\"input\", (event) => {\n      setAttendeeLimit(Math.max(parseInt(attendeeLimitInput.value, 10), 0));\n    });\n  }, []);\n\n  const [defaultParticipationStatus, setDefaultParticipationStatus] = useState(\n    \"going\",\n  );\n\n  useEffect(() => {\n    const handleStatusChange = (event) => {\n      setDefaultParticipationStatus(event.target.value);\n    };\n\n    const currentStatus = document.querySelectorAll(\n      \".js-default-participation-status\",\n    );\n\n    currentStatus.forEach((input) => {\n      input.addEventListener(\"change\", handleStatusChange);\n    });\n\n    return () => {\n      currentStatus.forEach((input) => {\n        input.removeEventListener(\"change\", handleStatusChange);\n      });\n    };\n  }, []);\n\n  if (attendeeLimit === null || defaultParticipationStatus !== \"going\") {\n    return null;\n  }\n\n  return (\n    <div>\n      {remainingParticipantsCount === 0 && (\n        <span className=\"js-max-participants event__participation --seats_full\">\n          満席\n        </span>\n      )}\n      {remainingParticipantsCount > 0 && (\n        <span className=\"js-remaining-participants event__participation --seats_available\">\n          あと {remainingParticipantsCount}席\n        </span>\n      )}\n      {remainingParticipantsCount < 0 && (\n        <span className=\"js-over-participants form__item over_attendeelimit\">\n          定員オーバー\n        </span>\n      )}\n    </div>\n  );\n}\n","import React from \"react\";\nimport ParticipantsSelector from \"components/EventForm/ParticipantsSelector\";\n\nexport interface EventGroup {\n  id: number;\n  name: string;\n  root: boolean;\n}\n\nexport interface Enrollment {\n  id: number;\n  student: {\n    id: number;\n    name: string;\n  };\n  event_groups: EventGroup[];\n  allowed_to_settle_automatically: boolean;\n}\n\nexport interface Props {\n  form_name: string;\n  attributes_name: string;\n  addressee_attribute_name: string;\n  show_automatic_settlement_enabled: boolean;\n  classroom_event_groups: EventGroup[];\n  enrollments: Enrollment[];\n  selected_student_ids: number[];\n}\n\nexport default function EventForm(\n  props: Props,\n): JSX.Element {\n  return <ParticipantsSelector {...props} />;\n}\n","import React from \"react\";\n\nexport default function FabButton(\n  {\n    label,\n    icon = \"plus\",\n    onClick = () => {},\n  },\n): JSX.Element {\n  return (\n    <div className=\"fab-button\">\n      <div className=\"fab-button__wrapper\">\n        <div className=\"fab-button__container\">\n          <a\n            className=\"fab-button__action\"\n            onClick={onClick}\n            aria-label={label}\n          >\n            <div className=\"_leading\">\n              <span className=\"icon\" data-icon={icon} />\n            </div>\n\n            <div className=\"_body\">\n              {label}\n            </div>\n          </a>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React, { ReactNode } from \"react\";\n\ninterface Props {\n  title?: string;\n  description?: string;\n  onCloseButtonClick: () => void;\n  children?: ReactNode;\n}\n\nexport default function HelpModal(\n  { title, onCloseButtonClick, children }: Props,\n) {\n  return (\n    <div\n      className=\"dialog --visible\"\n      role=\"dialog\"\n      aria-labelledby=\"help-modal__title\"\n      aria-modal=\"true\"\n    >\n      <div className=\"_shadow\" onClick={onCloseButtonClick}></div>\n      <div className=\"_wrapper\">\n        <div className=\"_container\">\n          <div className=\"_header\">\n            {title && (\n              <h2 id=\"help-modal__title\" className=\"_title\">\n                {title}\n              </h2>\n            )}\n            <div className=\"_switch\">\n              <button\n                type=\"button\"\n                className=\"button -appearance-transparent -color-neutral -shape-circle\"\n                aria-label=\"閉じる\"\n                onClick={onCloseButtonClick}\n              >\n                <div className=\"_leading\">\n                  <span className=\"icon _icon\" data-icon=\"cross\" />\n                </div>\n              </button>\n            </div>\n          </div>\n          <div className=\"_body\">\n            <div className=\"help-modal\">\n              {children}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React, { useState } from \"react\";\nimport Cover from \"components/ManagementClassroomSettings/Cover\";\nimport Header from \"components/ManagementClassroomSettings/Header\";\nimport Page from \"components/ManagementClassroomSettings/Page\";\n\nexport default function ManagementClassroomSettings(\n  {\n    classroom,\n    formAuthenticityToken,\n  },\n): JSX.Element {\n  const tabAnchor = window.location.href.split(\"#\")[1] || \"summary\";\n  const [activeTab, setActiveTab] = useState(tabAnchor);\n\n  return (\n    <div className=\"modal-content\">\n      <Header\n        activeTab={activeTab}\n        classroom={classroom}\n        setActiveTab={setActiveTab}\n      />\n\n      <Cover\n        classroom={classroom}\n        editPath={`${classroom.editManagementClassroomPath}?reftab=${activeTab}`}\n      />\n\n      <div className=\"page\">\n        <Page\n          activeTab={activeTab}\n          classroom={classroom}\n          formAuthenticityToken={formAuthenticityToken}\n        />\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\nimport ConfigDeleteClassroom from \"components/ManagementClassroomSettings/ConfigDeleteClassroom\";\nimport ConfigSubscription from \"components/ManagementClassroomSettings/ConfigSubscription\";\nimport TabHeader from \"components/ManagementClassroomSettings/TabHeader\";\n\nexport default function Config(\n  {\n    classroom,\n    formAuthenticityToken,\n  },\n): JSX.Element {\n  if (!classroom.policyCanShow) {\n    return null;\n  }\n\n  return (\n    <div>\n      <div className=\"page__container\">\n        <TabHeader classroom={classroom} />\n      </div>\n\n      <ConfigSubscription\n        classroom={classroom}\n        formAuthenticityToken={formAuthenticityToken}\n      />\n\n      {classroom.policyCanDestroyManagementOrganizations && (\n        <ConfigDeleteClassroom\n          classroom={classroom}\n          formAuthenticityToken={formAuthenticityToken}\n        />\n      )}\n    </div>\n  );\n}\n","import React, { useState } from \"react\";\nimport Dialog from \"components/Dialog\";\n\nexport default function ConfigDeleteClassroom(\n  {\n    classroom,\n    formAuthenticityToken,\n  },\n): JSX.Element {\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n\n  return (\n    <section className=\"page__section\">\n      <div className=\"page__container\">\n        <div className=\"page__section-head\">\n          <h2 className=\"page__title --level-2\">\n            教室の削除\n          </h2>\n        </div>\n\n        <div className=\"page__item\">\n          <div>\n            <div className=\"page__data-body\">\n              <button\n                className=\"button -appearance-outlined -size-s -color-negative\"\n                type=\"button\"\n                style={{ padding: \"0 3rem\" }}\n                onClick={() => setShowDeleteDialog(true)}\n              >\n                <div>\n                  教室の削除\n                </div>\n              </button>\n            </div>\n\n            {showDeleteDialog && (\n              <Dialog\n                title={`教室「${classroom.name}」を削除`}\n                description={\n                  <>\n                    教室の全てのデータが削除されます。<br />\n                    教室に受講者がいる場合、教室から自動で退会となるため同意のうえで操作をお願いします。<br />\n                    削除されたデータの復旧はできかねますのでご了承ください。\n                  </>\n                }\n                onCloseButtonClick={() => setShowDeleteDialog(false)}\n              >\n                <form\n                  id=\"classroom-delete-form\"\n                  action={classroom.managementOrganizationPath}\n                  method=\"post\"\n                >\n                  <input\n                    type=\"hidden\"\n                    name=\"_method\"\n                    value=\"delete\"\n                    autoComplete=\"off\"\n                  />\n\n                  <input\n                    type=\"hidden\"\n                    name=\"authenticity_token\"\n                    value={formAuthenticityToken}\n                    autoComplete=\"off\"\n                  />\n\n                  <button\n                    className=\"button -appearance-transparent -size-m -color-negative\"\n                    type=\"submit\"\n                  >\n                    <div className=\"_body\">\n                      削除する\n                    </div>\n                  </button>\n                </form>\n              </Dialog>\n            )}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n","import React, { useState } from \"react\";\nimport Dialog from \"components/Dialog\";\n\nexport default function ConfigSubscription(\n  {\n    classroom,\n    formAuthenticityToken,\n  },\n): JSX.Element {\n  const [showCancelDialog, setShowCancelDialog] = useState(false);\n\n  const cardbrandImage = (brand) => {\n    switch (brand) {\n      case \"amex\":\n      case \"diners\":\n      case \"discover\":\n      case \"master\":\n      case \"jcb\":\n      case \"visa\":\n        return brand;\n      default:\n        return \"others\";\n    }\n  };\n\n  return (\n    <section\n      id=\"subscription-setting\"\n      className=\"page__section subscription-setting\"\n    >\n      <div className=\"page__container\">\n        <div className=\"page__section-head\">\n          <h2 className=\"page__title --level-2\">\n            ご利用状況\n          </h2>\n        </div>\n\n        <div className=\"page__section-body\">\n          {classroom.currentPlatformSubscriptions.map(\n            (currentPlatformSubscription) => (\n              currentPlatformSubscription.activated\n                ? (\n                  <div\n                    key={currentPlatformSubscription.id}\n                    className={currentPlatformSubscription.platformPlan\n                        .name == \"trial\"\n                      ? \"page__item page__item-info -color-attention\"\n                      : \"page__item page__item-info -color-positive\"}\n                  >\n                    <div className=\"page__item\">\n                      <div className=\"page__item-info-head\">\n                        <h3 className=\"page__title --level-3\">\n                          {currentPlatformSubscription.platformPlanName}\n\n                          {currentPlatformSubscription.platformPlan\n                              .name != \"trial\"\n                            ? (\n                              <span\n                                className={currentPlatformSubscription\n                                    .canceled\n                                  ? \"status-label --pending\"\n                                  : \"status-label --active\"}\n                              >\n                                {currentPlatformSubscription.canceled\n                                  ? \"自動更新停止中\"\n                                  : \"自動更新\"}\n                              </span>\n                            )\n                            : null}\n                        </h3>\n                      </div>\n\n                      <div className=\"page__item-info-body\">\n                        {currentPlatformSubscription.startDateYmda}\n                        〜\n                        {currentPlatformSubscription.endDateYmda}\n\n                        {currentPlatformSubscription.canceled\n                          ? (\n                            <p>\n                              {currentPlatformSubscription.platformPlan\n                                  .name == \"trial\"\n                                ? \"トライアル\"\n                                : \"期間\"}\n                              終了後も利用を続ける場合は支払い設定が必要です。\n                            </p>\n                          )\n                          : (\n                            <dl className=\"page__description-list\">\n                              {currentPlatformSubscription.platformPlan\n                                      .name == \"trial\" &&\n                                  !currentPlatformSubscription\n                                    .endDateIsEndOfMonth\n                                ? (\n                                  <span>\n                                    <div className=\"_item\">\n                                      <dt>初回支払日</dt>\n                                      <dd>\n                                        {currentPlatformSubscription\n                                          .endDateYmda}\n                                      </dd>\n                                    </div>\n\n                                    <div className=\"_item\">\n                                      <dt>初回請求額</dt>\n                                      <dd>\n                                        145円（日額）×トライアル終了日翌日から当月末までの日数\n                                      </dd>\n                                    </div>\n                                  </span>\n                                )\n                                : null}\n\n                              <div className=\"_item\">\n                                <dt>\n                                  {currentPlatformSubscription\n                                          .platformPlan.name == \"trial\" &&\n                                      currentPlatformSubscription\n                                        .endDateIsEndOfMonth\n                                    ? \"初回\"\n                                    : \"次回\"}\n                                  支払日\n                                </dt>\n\n                                <dd>\n                                  {currentPlatformSubscription\n                                    .endDateYmda}\n                                </dd>\n                              </div>\n\n                              <div className=\"_item\">\n                                <dt>\n                                  {currentPlatformSubscription\n                                          .platformPlan.name == \"trial\" &&\n                                      currentPlatformSubscription\n                                        .endDateIsEndOfMonth\n                                    ? \"初回\"\n                                    : \"次回\"}\n                                  請求額\n                                </dt>\n\n                                <dd>月額利用料 4,378円（税込）</dd>\n                              </div>\n                            </dl>\n                          )}\n                      </div>\n\n                      <div className=\"page__item-info-action\">\n                        <ul className=\"button-group\">\n                          <li className=\"_item\">\n                            <a\n                              className=\"button -appearance-outlined -color-interactive -size-s\"\n                              href={classroom\n                                .newManagementClassroomSettingsSubscriptionPath}\n                            >\n                              <div className=\"_body\">\n                                月額利用料の支払い設定\n                              </div>\n                            </a>\n                          </li>\n\n                          <li className=\"_item\">\n                            <a\n                              className=\"button -appearance-outlined -color-interactive -size-s\"\n                              href={currentPlatformSubscription\n                                .managementClassroomSettingsSubscriptionsPath}\n                            >\n                              <div className=\"_body\">\n                                支払い履歴\n                              </div>\n                            </a>\n                          </li>\n\n                          {!currentPlatformSubscription.canceled\n                            ? (\n                              <li className=\"_item\">\n                                <button\n                                  className=\"button -appearance-transparent -color-negative -size-s\"\n                                  type=\"button\"\n                                  onClick={() => setShowCancelDialog(true)}\n                                >\n                                  <div className=\"_body\">\n                                    自動更新の停止\n                                  </div>\n                                </button>\n                              </li>\n                            )\n                            : null}\n\n                          {showCancelDialog\n                            ? (\n                              <Dialog\n                                title=\"自動更新を停止しますか？\"\n                                description=\"月額利用料の支払いが行われない場合、利用制限として、受講者の新規入会や、請求・お知らせ・予定の新規作成ができなくなります。\"\n                                onCloseButtonClick={() =>\n                                  setShowCancelDialog(false)}\n                              >\n                                <a\n                                  className=\"button -appearance-transparent -size-m -color-negative\"\n                                  data-method=\"delete\"\n                                  rel=\"nofollow\"\n                                  href={currentPlatformSubscription\n                                    .managementClassroomSettingsSubscriptionPath}\n                                >\n                                  <div className=\"_body\">\n                                    停止する\n                                  </div>\n                                </a>\n                              </Dialog>\n                            )\n                            : null}\n                        </ul>\n                      </div>\n                    </div>\n                  </div>\n                )\n                : (\n                  <div\n                    key={currentPlatformSubscription.id}\n                    className=\"page__item\"\n                  >\n                    <div className=\"error-banner -elevation-0\">\n                      <div className=\"error-banner__leading\">\n                        <span\n                          className=\"error-banner__icon icon\"\n                          data-icon=\"exclamation_on_triangle\"\n                        >\n                        </span>\n                      </div>\n\n                      <div className=\"error-banner__body\">\n                        <div className=\"error-banner__title\">\n                          月額利用料が未払いです\n                        </div>\n\n                        <ul className=\"error-banner__list\">\n                          <li className=\"error-banner__item\">\n                            引き続きご利用を続ける場合は、月額利用料の支払いをお願いします。数日以内に決済が行われない場合、利用制限として以下の操作が行えなくなります。\n                          </li>\n\n                          <li className=\"error-banner__item\">\n                            <ul>\n                              <li>受講者の新規入会</li>\n                              <li>請求の新規作成</li>\n                              <li>お知らせの新規作成</li>\n                              <li>予定の新規作成</li>\n                            </ul>\n                          </li>\n                        </ul>\n\n                        <div className=\"error-banner__action\">\n                          <a\n                            className=\"button -appearance-filled -color-interactive -size-s\"\n                            href={classroom\n                              .newManagementClassroomSettingsSubscriptionPath}\n                          >\n                            <div className=\"_body\">\n                              月額利用料の支払い\n                            </div>\n                          </a>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                )\n            ),\n          )}\n\n          {classroom.currentPlatformSubscriptions.length == 0\n            ? (\n              <div className=\"page__item\">\n                <div className=\"error-banner -elevation-0\">\n                  <div className=\"error-banner__leading\">\n                    <span\n                      className=\"error-banner__icon icon\"\n                      data-icon=\"exclamation_on_triangle\"\n                    >\n                    </span>\n                  </div>\n\n                  {classroom.paymentCardMethods.length > 0\n                    ? (\n                      <div className=\"error-banner__body\">\n                        <div className=\"error-banner__title\">\n                          月額利用料の支払いが完了していません\n                        </div>\n\n                        <ul className=\"error-banner__list\">\n                          <li className=\"error-banner__item\">\n                            登録済みクレジットカードで決済ができませんでした。クレジットカード情報をご確認の上、再登録をお願いいたします。再登録完了時に月額利用料の決済が行われます。\n                          </li>\n                        </ul>\n\n                        <div className=\"error-banner__action\">\n                          <a\n                            className=\"button -appearance-filled -color-interactive -size-s\"\n                            href={classroom\n                              .newManagementClassroomSettingsSubscriptionPath}\n                          >\n                            <div className=\"_body\">\n                              クレジットカード再登録\n                            </div>\n                          </a>\n                        </div>\n                      </div>\n                    )\n                    : (\n                      <div className=\"error-banner__body\">\n                        <div className=\"error-banner__title\">\n                          月額利用料が未払いです\n                        </div>\n\n                        <ul className=\"error-banner__list\">\n                          <li className=\"error-banner__item\">\n                            引き続きご利用を続ける場合は、月額利用料の支払いをお願いします。数日以内に決済が行われない場合、利用制限として以下の操作が行えなくなります。\n                          </li>\n\n                          <li className=\"error-banner__item\">\n                            <ul>\n                              <li>受講者の新規入会</li>\n                              <li>請求の新規作成</li>\n                              <li>お知らせの新規作成</li>\n                              <li>予定の新規作成</li>\n                            </ul>\n                          </li>\n                        </ul>\n\n                        <div className=\"error-banner__action\">\n                          <a\n                            className=\"button -appearance-filled -color-interactive -size-s\"\n                            href={classroom\n                              .newManagementClassroomSettingsSubscriptionPath}\n                          >\n                            <div className=\"_body\">\n                              月額利用料の支払い\n                            </div>\n                          </a>\n                        </div>\n                      </div>\n                    )}\n                </div>\n              </div>\n            )\n            : null}\n\n          {classroom.paymentCardMethods.length > 0\n            ? (\n              <div className=\"page__item\">\n                <div className=\"page__data-head\">\n                  <h3 className=\"page__title --level-3\">\n                    登録済みのクレジットカード\n                  </h3>\n                </div>\n\n                <div className=\"page__data-body\">\n                  <div className=\"credit-card-list\">\n                    <ul className=\"_list\">\n                      {classroom.paymentCardMethods.map((\n                        paymentCardMethod,\n                      ) => (\n                        <li key={paymentCardMethod.id} className=\"_item\">\n                          <div>\n                            <div className=\"_leading\">\n                              <div className=\"_media -size-s\">\n                                <div className=\"_thumbnail\">\n                                  {cardbrandImage(\n                                      paymentCardMethod.card.brand,\n                                    ) == \"others\"\n                                    ? (\n                                      <span className=\"credit-card-list__brand\">\n                                        {paymentCardMethod.card.brand}\n                                      </span>\n                                    )\n                                    : (\n                                      <img\n                                        src={paymentCardMethod.card.logoUrl}\n                                        alt={paymentCardMethod.card.brand}\n                                      />\n                                    )}\n                                </div>\n                              </div>\n                            </div>\n\n                            <div className=\"_body\">\n                              <div className=\"_title\">\n                                <span>\n                                  **** **** **** {paymentCardMethod.card.last4}\n                                </span>\n                              </div>\n                              <div className=\"_description\">\n                                {paymentCardMethod.card.expMonthFormatted} /\n                                {paymentCardMethod.card.expYear}\n                              </div>\n                            </div>\n\n                            {classroom.paymentCardMethods.length > 1\n                              ? (\n                                <div className=\"_trailing\">\n                                  <div className=\"credit-card-list__button\">\n                                    <form\n                                      method=\"post\"\n                                      action={paymentCardMethod\n                                        .managementClassroomSettingsPaymentCardPath}\n                                    >\n                                      <input\n                                        type=\"hidden\"\n                                        name=\"_method\"\n                                        value=\"delete\"\n                                      />\n\n                                      <input\n                                        type=\"hidden\"\n                                        name=\"authenticity_token\"\n                                        value={formAuthenticityToken}\n                                        autoComplete=\"off\"\n                                      />\n\n                                      <button\n                                        className=\"button -appearance-transparent -color-negative -size-s\"\n                                        type=\"submit\"\n                                      >\n                                        <div>\n                                          登録解除\n                                        </div>\n                                      </button>\n                                    </form>\n                                  </div>\n                                </div>\n                              )\n                              : null}\n                          </div>\n                        </li>\n                      ))}\n                    </ul>\n                  </div>\n                </div>\n              </div>\n            )\n            : null}\n        </div>\n      </div>\n    </section>\n  );\n}\n","import React, { useState } from \"react\";\nimport FabButton from \"components/FabButton\";\nimport Notice from \"components/ManagementClassroomSettings/Notice\";\nimport TabHeader from \"components/ManagementClassroomSettings/TabHeader\";\nimport \"./Courses.scss\";\n\nexport default function Courses(\n  {\n    classroom,\n  },\n): JSX.Element {\n  const [showHelpDialog, setShowHelpDialog] = useState(false);\n\n  return (\n    <section className=\"page__section\">\n      <div className=\"page__container\">\n        <TabHeader classroom={classroom} />\n\n        <div className=\"page__section-head\">\n          <h2 className=\"page__title --level-2\">\n            コース\n          </h2>\n\n          <div className=\"page__action\">\n            <button\n              className=\"button -appearance-transparent -color-interactive -size-s\"\n              onClick={() => setShowHelpDialog(true)}\n            >\n              <div className=\"_leading\">\n                <span className=\"icon _icon\" data-icon=\"question_on_circle\">\n                </span>\n              </div>\n\n              <div className=\"_body\">\n                コースとは\n              </div>\n            </button>\n          </div>\n        </div>\n\n        {classroom.eventGroups.length > 0\n          ? (\n            <div className=\"page__item --no-side-margin\">\n              <div className=\"course-list\">\n                <ul className=\"_list\">\n                  {classroom.eventGroups.map((eventGroup) => (\n                    <li className=\"_item\">\n                      <a\n                        href={eventGroup.managementClassroomCoursePath}\n                      >\n                        <div className=\"_body\">\n                          <div className=\"_title\">\n                            {eventGroup.name}\n                          </div>\n                        </div>\n\n                        <div className=\"_trailing\">\n                          <div className=\"_icon\">\n                            <span className=\"icon\" data-icon=\"chevron_right\">\n                            </span>\n                          </div>\n                        </div>\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            </div>\n          )\n          : (\n            <div>\n              <Notice>\n                <p>\n                  「コース」を作成し受講者と紐づけることが可能です。「コース」を設定しておくと、お知らせや予定、請求の作成時にコースをもとに受講者を選ぶことができるので便利です。\n\n                  <br />\n\n                  <a\n                    target=\"_blank\"\n                    href=\"https://help.renshu.com/hc/ja/articles/4408096781715-5-%E5%8F%97%E8%AC%9B%E8%80%85%E3%82%92%E3%82%B3%E3%83%BC%E3%82%B9%E3%81%AB%E7%B4%90%E3%81%A5%E3%81%91%E3%82%8B\"\n                  >\n                    5. 受講者をコースに紐づける\n                  </a>\n                </p>\n              </Notice>\n\n              <div className=\"no-courses-notice\">\n                <p>コースはまだありません</p>\n\n                <span className=\"icon _icon\" data-icon=\"people\" />\n\n                <p>\n                  受講者を各コースにわけることで<br />管理しやすくなります\n                </p>\n              </div>\n            </div>\n          )}\n      </div>\n\n      <div\n        className={showHelpDialog\n          ? \"dialog help-dialog --visible\"\n          : \"dialog help-dialog\"}\n        role=\"dialog\"\n        aria-labelledby=\"help-dialog-title\"\n      >\n        <div className=\"_shadow\" onClick={() => setShowHelpDialog(false)}>\n        </div>\n\n        <div className=\"_wrapper\">\n          <div className=\"_container\">\n            <div className=\"_header\">\n              <div className=\"_title\">\n                コースとは\n              </div>\n\n              <div className=\"_switch\">\n                <button\n                  className=\"button -appearance-transparent -color-neutral -shape-circle\"\n                  onClick={() => setShowHelpDialog(false)}\n                  aria-label=\"閉じる\"\n                >\n                  <div className=\"_leading\">\n                    <span className=\"icon _icon\" data-icon=\"cross\"></span>\n                  </div>\n                </button>\n              </div>\n            </div>\n\n            <div className=\"_body\">\n              <div className=\"help-modal\">\n                <div className=\"help-modal__text\">\n                  『<strong>\n                    受講者の区分\n                  </strong>』です。『コース』『チーム』『クラス』など受講者のグループ分けができ、受講者1人で複数コースに所属することもできます。\n                </div>\n\n                <div className=\"help-modal__item\">\n                  <img\n                    src={classroom.courseHintsImageUrl}\n                    alt=\"教室の中にAコースBコースCコースという区分があり、各コースに受講者がそれぞれ存在していることを表す図\"\n                  />\n                </div>\n\n                <div className=\"help-modal__note\">\n                  例）サッカー教室『キッズコース』『低学年コース』<br />\n                  ダンススタジオ『オープンクラス』『特別クラス』\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {classroom.policyCanNewManagementClassroomsCourses && (\n        <FabButton\n          label=\"コースを作成\"\n          onClick={() =>\n            window.location.href = classroom.newManagementClassroomCoursePath}\n        />\n      )}\n    </section>\n  );\n}\n","import React from \"react\";\nimport CoverStripe from \"../CoverStripe\";\nimport { colorClassName } from \"utils/color-class-name\";\n\nexport default function Cover(\n  {\n    classroom,\n    editPath,\n  },\n): JSX.Element {\n  return (\n    <div className=\"cover -align-left\">\n      <a\n        className=\"_link\"\n        href={editPath}\n      >\n        <div className=\"_media\">\n          {classroom.coverImage\n            ? <img src={classroom.coverImage} />\n            : <CoverStripe classroomName={classroom.name[0]} />}\n        </div>\n      </a>\n\n      <div className=\"_container\">\n        <div className=\"_avatar\">\n          <a\n            className=\"button -appearance-transparent -size-xl\"\n            href={editPath}\n          >\n            <div className=\"_leading\">\n              {classroom.icon\n                ? (\n                  <div className=\"avatar -size-l\">\n                    <img src={classroom.icon} />\n                  </div>\n                )\n                : (\n                  <div\n                    className={`text-avatar -size-l ${\n                      colorClassName(classroom.name[0])\n                    }`}\n                  >\n                    {classroom.name[0]}\n                  </div>\n                )}\n            </div>\n          </a>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\nimport { ModalBackButton } from \"../ModalBackButton\";\nimport Tabs from \"components/ManagementClassroomSettings/Tabs\";\n\nexport default function Header(\n  {\n    activeTab,\n    classroom,\n    setActiveTab,\n  },\n): JSX.Element {\n  return (\n    <header className=\"modal-header\" style={{ height: \"auto\" }}>\n      <h1 className=\"_title\">\n        教室設定｜{classroom.name}\n      </h1>\n\n      <div className=\"_container box-shadow\">\n        <div className=\"_nav\">\n          <ModalBackButton\n            backButtonLinkPath={classroom.backButtonLinkPath}\n          />\n        </div>\n      </div>\n\n      <Tabs\n        activeTab={activeTab}\n        setActiveTab={setActiveTab}\n        classroom={classroom}\n      />\n    </header>\n  );\n}\n","import React from \"react\";\nimport \"./Notice.scss\";\n\nexport default function Notice(\n  {\n    children,\n  },\n): JSX.Element {\n  return (\n    <div className=\"notice\">\n      <img className=\"icon\" src=\"/images/hint.svg\" />\n      <div className=\"message\">{children}</div>\n    </div>\n  );\n}\n","import React from \"react\";\nimport Config from \"components/ManagementClassroomSettings/Config\";\nimport Courses from \"components/ManagementClassroomSettings/Courses\";\nimport Summary from \"components/ManagementClassroomSettings/Summary\";\n\nexport default function Page(props): JSX.Element {\n  switch (props.activeTab) {\n    case \"summary\":\n      return <Summary {...props} />;\n    case \"courses\":\n      return <Courses {...props} />;\n    case \"config\":\n      return <Config {...props} />;\n  }\n}\n","import React from \"react\";\nimport FabButton from \"components/FabButton\";\nimport Notice from \"components/ManagementClassroomSettings/Notice\";\nimport TabHeader from \"components/ManagementClassroomSettings/TabHeader\";\nimport \"./Summary.scss\";\n\nexport default function Summary(\n  {\n    classroom,\n  },\n): JSX.Element {\n  return (\n    <div>\n      <div className=\"page__header\">\n        <div className=\"page__container\">\n          <TabHeader classroom={classroom} />\n\n          {!classroom.description && !classroom.organization.name &&\n              !classroom.organization.representative &&\n              !classroom.organization.phoneNumber\n            ? (\n              <section className=\"page__section\">\n                <Notice>\n                  <p>\n                    GMOレンシュへようこそ！<a\n                      target=\"_blank\"\n                      href=\"https://help.renshu.com/hc/ja/categories/5345572292115-%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88%E3%82%AC%E3%82%A4%E3%83%89\"\n                    >\n                      スタートガイド\n                    </a>を見ながら進めていき、受講者を招待できるように情報を整えていきましょう\n                  </p>\n                </Notice>\n              </section>\n            )\n            : null}\n\n          <section className=\"page__section\">\n            <div className=\"page__section-head\">\n              <h2 className=\"page__title --level-2\">教室の概要</h2>\n\n              {classroom.policyCanEditManagementClassrooms\n                ? (\n                  <div className=\"page__action -appearance-transparent\">\n                    <a\n                      className=\"button -appearance-transparent -color-interactive -size-s\"\n                      href={classroom.editManagementClassroomPath}\n                    >\n                      <div className=\"_leading\">\n                        <span className=\"icon _icon\" data-icon=\"pencil\"></span>\n                      </div>\n\n                      <div className=\"_body\">編集</div>\n                    </a>\n                  </div>\n                )\n                : null}\n            </div>\n\n            <div className=\"page__item\">\n              <div className=\"page__data-body --description\">\n                {classroom.description\n                  ? (\n                    <div\n                      dangerouslySetInnerHTML={{\n                        __html: classroom.description,\n                      }}\n                    />\n                  )\n                  : \"入会する受講者にむけて教室の説明を記述しましょう\"}\n              </div>\n            </div>\n\n            <div className=\"page__item\">\n              <div className=\"page__data-head\">\n                <h3 className=\"page__title --level-3\">利用規約</h3>\n              </div>\n              <div className=\"page__data-body --description\">\n                {classroom.term\n                  ? (\n                    <div className=\"term-preview\">\n                      <a\n                        href={classroom.term.url}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        className=\"term-filename\"\n                      >\n                        <span className=\"icon _icon\" data-icon=\"document\">\n                        </span>\n                        {classroom.term.name}\n                      </a>\n                    </div>\n                  )\n                  : \"入会する受講者にむけて教室規約を追加しましょう\"}\n              </div>\n            </div>\n          </section>\n        </div>\n      </div>\n\n      {classroom.currentUserIsClassroomManager &&\n          !classroom.managerIsApproved\n        ? (\n          <section className=\"page__section\">\n            <div className=\"page__container\">\n              <div className=\"enrolled-classroom-manager\">\n                <span className=\"enrolled-classroom-manager__label\">\n                  運営メンバーとして承認を待っています\n                </span>\n              </div>\n            </div>\n          </section>\n        )\n        : null}\n\n      {classroom.policyCanShow\n        ? (\n          <div className=\"page__section\">\n            <section className=\"page__section\">\n              <div className=\"page__container\">\n                <div className=\"page__section-head\">\n                  <h2 className=\"page__title --level-2\">運営者情報</h2>\n\n                  {classroom.policyCanEditManagementOrganizations && (\n                    <div className=\"page__action -appearance-transparent\">\n                      <a\n                        className=\"button -appearance-transparent -color-interactive -size-s\"\n                        href={classroom.editManagementOrganizationPath}\n                      >\n                        <div className=\"_leading\">\n                          <span className=\"icon _icon\" data-icon=\"pencil\" />\n                        </div>\n\n                        <div className=\"_body\">編集</div>\n                      </a>\n                    </div>\n                  )}\n                </div>\n\n                <div className=\"page__item\">\n                  <div className=\"page__data-head\">\n                    <h3 className=\"page__title --level-3\">\n                      法人名・団体名・屋号\n                    </h3>\n                  </div>\n\n                  <div className=\"page__data-body\">\n                    {classroom.organization.name || \"入力してください\"}\n                  </div>\n                </div>\n\n                <div className=\"page__item\">\n                  <div className=\"page__data-head\">\n                    <h3 className=\"page__title --level-3\">代表者の氏名</h3>\n                  </div>\n\n                  <div className=\"page__data-body\">\n                    {classroom.organization.representative ||\n                      \"入力してください\"}\n                  </div>\n                </div>\n\n                <div className=\"page__item\">\n                  <div className=\"page__data-head\">\n                    <h3 className=\"page__title --level-3\">電話番号</h3>\n                  </div>\n\n                  <div className=\"page__data-body\">\n                    {classroom.organization.phoneNumber || \"入力してください\"}\n                  </div>\n                </div>\n              </div>\n            </section>\n\n            <section className=\"page__section\">\n              <div className=\"page__container\">\n                <div className=\"page__section-head\">\n                  <h2 className=\"page__title --level-2\">入会時オプション</h2>\n                </div>\n\n                {classroom.optionalBills.length === 0 &&\n                    classroom.customFieldsCount === 0\n                  ? (\n                    <section className=\"page__section\">\n                      <Notice>\n                        <p>\n                          入会する際に入会金をいただくようにしたり、教室独自の設問項目を設けることができます。<br />例：ユニフォームのサイズ、所属学校、アレルギーの有無など\n                        </p>\n                      </Notice>\n                    </section>\n                  )\n                  : null}\n\n                <div className=\"page__section-body\">\n                  <div className=\"page__item\">\n                    <div className=\"page__data-head\">\n                      <h3 className=\"page__title --level-3\">入会時の支払い</h3>\n\n                      {classroom\n                        .policyCanNewManagementClassroomsOptionalBills && (\n                        <div className=\"page__action -appearance-transparent\">\n                          <a\n                            className=\"button -appearance-transparent -color-interactive -size-s\"\n                            href={classroom.managementClassroomInvitePath}\n                          >\n                            <div className=\"_leading\">\n                              <span className=\"icon _icon\" data-icon=\"pencil\">\n                              </span>\n                            </div>\n\n                            <div className=\"_body\">編集</div>\n                          </a>\n                        </div>\n                      )}\n                    </div>\n\n                    {classroom.optionalBills.length === 0\n                      ? <div className=\"page__data-body\">未設定</div>\n                      : (\n                        <div className=\"optional-bill-list\">\n                          <ul className=\"_list\">\n                            {classroom.optionalBills.map((optionalBill) => (\n                              <li key={optionalBill.id} className=\"_item\">\n                                <label className=\"no-left-padding\">\n                                  <div className=\"_leading\">\n                                    <div className=\"_input\">\n                                      <input\n                                        disabled\n                                        type=\"radio\"\n                                        className=\"radio js-optional-bill\"\n                                        name=\"optionalBill\"\n                                      />\n                                    </div>\n                                  </div>\n\n                                  <div className=\"_body\">\n                                    <div className=\"_title\">\n                                      {optionalBill.name}\n                                    </div>\n\n                                    <div className=\"_amount\">\n                                      {optionalBill.amount}\n                                    </div>\n                                  </div>\n                                </label>\n                              </li>\n                            ))}\n                          </ul>\n                        </div>\n                      )}\n                  </div>\n\n                  <div className=\"page__item\">\n                    <div className=\"page__data-head\">\n                      <h3 className=\"page__title --level-3\">入会時の設問</h3>\n\n                      {classroom\n                        .policyCanCreateManagementClassroomsCustomFields && (\n                        <div className=\"page__action -appearance-transparent\">\n                          <a\n                            className=\"button -appearance-transparent -color-interactive -size-s\"\n                            href={classroom\n                              .managementClassroomCustomFieldsPath}\n                          >\n                            <div className=\"_leading\">\n                              <span className=\"icon _icon\" data-icon=\"pencil\">\n                              </span>\n                            </div>\n\n                            <div className=\"_body\">編集</div>\n                          </a>\n                        </div>\n                      )}\n                    </div>\n\n                    <div className=\"page__data-body\">\n                      {classroom.customFieldsCount === 0\n                        ? \"未設定\"\n                        : \"設定済み\"}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </section>\n          </div>\n        )\n        : null}\n\n      <section className=\"page__section\">\n        <div className=\"page__container\" style={{ textAlign: \"center\" }}>\n          <a\n            className=\"button -appearance-transparent -color-interactive -size-s\"\n            href={classroom.invitationUrl}\n            rel=\"noreferrer noopener\"\n            target=\"_blank\"\n          >\n            教室入会ページをプレビュー\n          </a>\n        </div>\n      </section>\n\n      <FabButton\n        icon=\"people\"\n        label=\"受講者を招待\"\n        onClick={() =>\n          window.location.href = classroom.managementClassroomInvitePath}\n      />\n    </div>\n  );\n}\n","import React from \"react\";\nimport \"./TabHeader.scss\";\n\nexport default function TabHeader(\n  {\n    classroom,\n  },\n): JSX.Element {\n  return (\n    <div className=\"page__page-head\">\n      <h1 className=\"page__title --level-1\">\n        {classroom.name}\n      </h1>\n    </div>\n  );\n}\n","import React from \"react\";\n\nexport default function Tabs(\n  {\n    activeTab,\n    setActiveTab,\n    classroom,\n  },\n): JSX.Element {\n  const handleTabClick = (e, tabName) => {\n    e.stopPropagation();\n\n    setActiveTab(tabName);\n  };\n\n  return (\n    <nav className=\"tab tab-nav-contents\">\n      <ul className=\"_list\">\n        <li\n          className={activeTab == \"summary\" ? \"_item --current\" : \"_item\"}\n          onClick={(e) => handleTabClick(e, \"summary\")}\n        >\n          <a href=\"#summary\">概要</a>\n        </li>\n\n        <li\n          className={activeTab == \"courses\" ? \"_item --current\" : \"_item\"}\n          onClick={(e) => handleTabClick(e, \"courses\")}\n        >\n          <a href=\"#courses\">コース</a>\n        </li>\n\n        {classroom.policyCanNewManagementClassroomsSettingsSubscriptions && (\n          <li\n            className={activeTab == \"config\" ? \"_item --current\" : \"_item\"}\n            onClick={(e) => handleTabClick(e, \"config\")}\n          >\n            <a href=\"#config\">設定</a>\n          </li>\n        )}\n      </ul>\n    </nav>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { ModalBackButton } from \"./ModalBackButton\";\nimport ManagementCustomFieldsItem from \"./ManagementCustomFieldsPage/ManagementCustomFieldsItem\";\nimport Snackbar from \"./Snackbar\";\n\nexport type CustomField = FreeTextCustomField | SingleSelectCustomField;\ntype FreeTextCustomField = CustomFieldBase & {\n  field_type: \"free_text\";\n  options?: CustomFieldOption[];\n};\ntype SingleSelectCustomField = CustomFieldBase & {\n  field_type: \"single_select\";\n  options: CustomFieldOption[];\n};\ninterface CustomFieldBase {\n  id: number;\n  name: string;\n  required_on_enrollment: boolean;\n  isEditing?: boolean;\n  update_custom_field_path?: string;\n}\ninterface CustomFieldOption {\n  id: number;\n  option_value: string;\n}\ninterface Props {\n  custom_fields: CustomField[];\n  create_custom_field_path: string;\n  new_classroom_enrollment_path: string;\n  policy_can_create_management_classrooms_custom_fields: boolean;\n  policy_can_update_and_destroy_management_classrooms_custom_fields: boolean;\n}\n\nconst newCustomField: CustomField = {\n  id: undefined,\n  name: \"\",\n  field_type: \"free_text\",\n  required_on_enrollment: false,\n  options: [],\n  isEditing: true,\n  update_custom_field_path: undefined,\n};\n\nexport default function ManagementCustomFieldsPage(props: Props): JSX.Element {\n  const [dropdownIndex, setDropdownIndex] = useState<number>(null);\n  const [customFields, setCustomFields] = useState(props.custom_fields);\n  const [message, setMessage] = useState<string>(null);\n\n  return (\n    <>\n      <h1 className=\"visually-hidden\">\n        受講者情報のテンプレート\n      </h1>\n\n      <div className=\"modal-content\">\n        <header className=\"modal-header\">\n          <div className=\"_title\">\n            受講者情報のテンプレート\n          </div>\n\n          <div className=\"_container\">\n            <div className=\"_nav\">\n              <ModalBackButton />\n            </div>\n          </div>\n        </header>\n\n        <div className=\"modal-content__container\">\n          <div className=\"custom-field__collection\">\n            <table\n              aria-label=\"受講者情報のカスタム項目\"\n              className=\"custom-field__collection-table\"\n            >\n              <thead>\n                <tr>\n                  <th role=\"columnheader\" scope=\"col\">\n                    項目\n                  </th>\n                  <th role=\"columnheader\" scope=\"col\">\n                    形式\n                  </th>\n                  <th role=\"columnheader\" />\n                </tr>\n              </thead>\n\n              <tbody>\n                {/* デフォルト項目 */}\n                <tr>\n                  <td>\n                    <span className=\"status-label -color-positive\">\n                      入会時の設問\n                    </span>\n                    <span className=\"_custom-field-name\">性別</span>\n                  </td>\n                  <td className=\"_custom-field-option\">\n                    <div className=\"_custom-field-type\">選択式</div>\n                    <span>設定しない</span>\n                    <span>男性</span>\n                    <span>女性</span>\n                    <span>別の性</span>\n                  </td>\n                  <td />\n                </tr>\n                <tr>\n                  <td>\n                    <span className=\"status-label -color-positive\">\n                      入会時の設問\n                    </span>\n                    <span className=\"_custom-field-name\">住所</span>\n                  </td>\n                  <td className=\"_custom-field-option\">\n                    <div className=\"_custom-field-type\">自由記述式</div>\n                  </td>\n                  <td />\n                </tr>\n\n                {/* 独自項目 */}\n                {customFields.map((customField, index) => (\n                  <ManagementCustomFieldsItem\n                    key={`${index}-${customField.id}`}\n                    customField={customField}\n                    create_custom_field_path={props.create_custom_field_path}\n                    policy_can_update_and_destroy_management_classrooms_custom_fields={props\n                      .policy_can_update_and_destroy_management_classrooms_custom_fields}\n                    removeItem={() => {\n                      const newCustomFields = customFields.slice(0, index)\n                        .concat(customFields.slice(index + 1));\n                      setCustomFields(newCustomFields);\n                    }}\n                    showMessage={(message: string) => setMessage(message)}\n                    showIndex={index}\n                    onOpenDropdown={() => setDropdownIndex(index)}\n                    openDropdown={dropdownIndex === index}\n                    onClosedDropdown={() => setDropdownIndex(null)}\n                  />\n                ))}\n              </tbody>\n            </table>\n            <div className=\"custom-field__collection-action\">\n              {props.policy_can_create_management_classrooms_custom_fields && (\n                <button\n                  type=\"button\"\n                  className=\"button -appearance-transparent -size-m -width-full -color-interactive\"\n                  onClick={() =>\n                    setCustomFields([...customFields, newCustomField])}\n                >\n                  <div className=\"_leading\">\n                    <span className=\"icon _icon\" data-icon=\"plus_on_circle\">\n                    </span>\n                  </div>\n                  <div className=\"_body\">\n                    項目を追加\n                  </div>\n                </button>\n              )}\n              <a\n                href={props.new_classroom_enrollment_path}\n                target=\"_blank\"\n                rel=\"noreferrer noopener\"\n                className=\"button -appearance-transparent -size-m -color-interactive\"\n              >\n                <div className=\"_leading\">\n                  <span className=\"icon _icon\" data-icon=\"launch\"></span>\n                </div>\n                <div className=\"_body\">\n                  入会フォームを表示\n                </div>\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n      {message && <Snackbar>{message}</Snackbar>}\n    </>\n  );\n}\n","// TODO: config/locales/ja.yml から自動生成するようにするか、メリデメを洗い出して検討する\n// デメリットの1つとして、フロント側に Rails の設定ファイルが依存することが挙げられる\nconst translations = {\n  custom_fields: {\n    field_type: {\n      free_text: \"自由記述\",\n      single_select: \"選択\",\n      multi_select: \"複数選択\",\n    },\n  },\n};\n\nfunction getValueFromPath(obj: Record<string, unknown>, path: string) {\n  let current: Record<string, unknown> | string = obj;\n  const keys = path.split(\".\");\n  keys.forEach((key) => {\n    if (current[key] === undefined) {\n      return \"\";\n    }\n    current = current[key];\n  });\n  return typeof current === \"string\" ? current : \"\";\n}\n\ntype Props = string | {\n  key: string;\n  value: string;\n};\n\nexport const localize = (props: Props, trans = translations): string => {\n  if (typeof props === \"string\") {\n    return getValueFromPath(trans, props);\n  } else {\n    return getValueFromPath(trans, `${props.key}.${props.value}`);\n  }\n};\n","import React, { useCallback, useState } from \"react\";\n\nimport { CustomField } from \"../ManagementCustomFieldsPage\";\nimport Dialog from \"../Dialog\";\nimport ManagementCustomFieldsItemForm from \"./ManagementCustomFieldsItemForm\";\nimport { localize } from \"../../utils/localize\";\nimport { useApi } from \"../../hooks/api\";\n\ninterface CustomFieldResponse {\n  custom_field?: CustomField;\n  message?: string;\n}\n\ninterface Props {\n  customField: CustomField;\n  create_custom_field_path: string;\n  policy_can_update_and_destroy_management_classrooms_custom_fields: boolean;\n  removeItem: () => void;\n  showMessage: (message: string) => void;\n  showIndex: number;\n  openDropdown: boolean;\n  onOpenDropdown: () => void;\n  onClosedDropdown: () => void;\n}\n\nexport default function ManagementCustomFieldsItem(props: Props): JSX.Element {\n  const [customField, setCustomField] = useState(props.customField);\n  const handleBlur = (event) => {\n    const isButtonFocused = event.relatedTarget?.tagName === \"BUTTON\";\n    if (!isButtonFocused) {\n      props.onClosedDropdown();\n    }\n  };\n  const [deletingDialogVisible, setDeletingDialogVisible] = useState(false);\n  const [isEditing, setIsEditing] = useState(props.customField.isEditing);\n\n  const enterEditing = useCallback(() => {\n    props.onClosedDropdown();\n    setIsEditing(true);\n  }, []);\n  const commitEditing = useCallback((customField: CustomField) => {\n    setCustomField(customField);\n    setIsEditing(false);\n  }, []);\n  const exitEditing = useCallback(() => {\n    if (customField.id === undefined) {\n      props.removeItem();\n    } else {\n      setIsEditing(false);\n    }\n  }, [customField.id, props.removeItem]);\n\n  const { patch, requestWithCsrfToken } = useApi();\n  const toggleRequiredOnEnrollment = useCallback(async () => {\n    const result = await patch<CustomFieldResponse>(\n      customField.update_custom_field_path,\n      {\n        custom_field: {\n          ...customField,\n          required_on_enrollment: !customField.required_on_enrollment,\n        },\n      },\n    );\n    if (result.custom_field) {\n      setCustomField(result.custom_field as CustomField);\n    }\n    if (typeof result.message === \"string\") {\n      props.showMessage(result.message);\n    }\n    props.onClosedDropdown();\n  }, [\n    customField.required_on_enrollment,\n    customField.update_custom_field_path,\n    props.showMessage,\n  ]);\n  const deleteCustomField = useCallback(async () => {\n    const { message, response } = await requestWithCsrfToken<\n      { message: string }\n    >({\n      form_action: customField.update_custom_field_path,\n      form_method: \"DELETE\",\n    });\n    if (response.ok) {\n      props.removeItem();\n    }\n    if (typeof message === \"string\") props.showMessage(message);\n  }, [\n    customField.update_custom_field_path,\n    props.removeItem,\n    props.showMessage,\n  ]);\n\n  return (\n    <>\n      {isEditing\n        ? (\n          <ManagementCustomFieldsItemForm\n            customField={customField}\n            create_custom_field_path={props.create_custom_field_path}\n            commitEditing={commitEditing}\n            exitEditing={exitEditing}\n            showMessage={props.showMessage}\n          />\n        )\n        : (\n          <tr>\n            <td>\n              {customField.required_on_enrollment && (\n                <span className=\"status-label -color-positive\">\n                  入会時の設問\n                </span>\n              )}\n              <span className=\"_custom-field-name\">{customField.name}</span>\n            </td>\n            <td className=\"_custom-field-option\">\n              <div className=\"_custom-field-type\">\n                {localize({\n                  key: \"custom_fields.field_type\",\n                  value: customField.field_type,\n                })}式\n              </div>\n              {customField.field_type !== \"free_text\" && (\n                <>\n                  {customField.options.length > 0\n                    ? (\n                      customField.options.map((option) => (\n                        <span key={option.id}>{option.option_value}</span>\n                      ))\n                    )\n                    : (\n                      <div\n                        className=\"_custom-field-text -color-notice\"\n                        aria-live=\"polite\"\n                      >\n                        <span\n                          className=\"icon\"\n                          data-icon=\"exclamation_on_triangle\"\n                        >\n                        </span>\n                        <span>\n                          選択肢が未作成です\n                        </span>\n                      </div>\n                    )}\n                </>\n              )}\n            </td>\n            {props\n              .policy_can_update_and_destroy_management_classrooms_custom_fields &&\n              (\n                <td>\n                  <div className=\"dropdown --position-right\">\n                    <button\n                      onClick={props.onOpenDropdown}\n                      onBlur={handleBlur}\n                      className=\"dropdown__control button -appearance-transparent -shape-circle -size-m\"\n                      aria-label=\"操作\"\n                      aria-controls={`edit-${props.showIndex}`}\n                      aria-expanded={props.openDropdown ? \"true\" : \"false\"}\n                    >\n                      <div className=\"_leading\">\n                        <span\n                          className=\"_icon icon\"\n                          data-icon=\"ellipsis_vertical\"\n                        >\n                        </span>\n                      </div>\n                    </button>\n                    {props.openDropdown && (\n                      <ul\n                        id={`edit-${props.showIndex}`}\n                        className=\"_list dropdown__list\"\n                      >\n                        <li className=\"_item dropdown__item\">\n                          <button onClick={enterEditing}>\n                            <div className=\"_body\">\n                              <div className=\"_title\">\n                                編集\n                              </div>\n                            </div>\n                          </button>\n                        </li>\n                        <li className=\"_item dropdown__item\">\n                          <button onClick={toggleRequiredOnEnrollment}>\n                            <div className=\"_body\">\n                              <div className=\"_title\">\n                                {customField.required_on_enrollment\n                                  ? \"入会時の設問から外す\"\n                                  : \"入会時の設問に追加\"}\n                              </div>\n                            </div>\n                          </button>\n                        </li>\n                        <li className=\"_item dropdown__item -has-divider\">\n                          <button\n                            onClick={() => setDeletingDialogVisible(true)}\n                            className=\"-color-negative\"\n                          >\n                            <div className=\"_body\">\n                              <div className=\"_title\">\n                                項目の削除\n                              </div>\n                            </div>\n                          </button>\n                        </li>\n                      </ul>\n                    )}\n                  </div>\n                  {deletingDialogVisible && (\n                    <Dialog\n                      title={`本当に項目名「${customField.name}」を削除してもよろしいですか？`}\n                      description=\"すでに回答済みの内容も、項目ごとすべて削除されますのでご注意ください。\"\n                      onCloseButtonClick={() => {\n                        setDeletingDialogVisible(false);\n                        props.onClosedDropdown();\n                      }}\n                    >\n                      <button\n                        className=\"button -appearance-transparent -size-m -color-negative\"\n                        onClick={deleteCustomField}\n                      >\n                        <div className=\"_body\">\n                          削除\n                        </div>\n                      </button>\n                    </Dialog>\n                  )}\n                </td>\n              )}\n          </tr>\n        )}\n    </>\n  );\n}\n","import React from \"react\";\nimport { CustomField } from \"../ManagementCustomFieldsPage\";\nimport { useFieldArray, useForm } from \"react-hook-form\";\nimport { useApi } from \"../../hooks/api\";\n\ninterface Props {\n  customField: CustomField;\n  create_custom_field_path: string;\n  commitEditing: (customField: CustomField) => void;\n  exitEditing: () => void;\n  showMessage: (message: string) => void;\n}\n\nexport default function ManagementCustomFieldsItem(props: Props): JSX.Element {\n  const { name, field_type, options: defaultOptions } = props.customField;\n  const {\n    register,\n    handleSubmit,\n    control,\n    watch,\n    formState: { errors, isSubmitting },\n  } = useForm<CustomField>({\n    defaultValues: { name, field_type, options: defaultOptions },\n    mode: \"all\",\n  });\n  const { fields: options, append, remove } = useFieldArray({\n    control,\n    name: \"options\",\n  });\n  const { post, patch } = useApi();\n\n  const onSubmit = async (data) => {\n    let result: {\n      custom_field?: CustomField;\n      message?: string;\n      response?: Response;\n    };\n    if (props.customField.id) {\n      result = await patch(\n        props.customField.update_custom_field_path,\n        {\n          custom_field: data,\n        },\n      );\n    } else {\n      result = await post(\n        props.create_custom_field_path,\n        {\n          custom_field: data,\n        },\n      );\n    }\n    if (result.response.ok) {\n      props.commitEditing(result.custom_field);\n    }\n    props.showMessage(result.message);\n  };\n\n  return (\n    <>\n      <tr className=\"--edit\">\n        <td>\n          <form onSubmit={handleSubmit(onSubmit)} className=\"form _form\">\n            <div className=\"simple-textfield -appearance-filled -width-full\">\n              <input\n                {...register(\"name\", {\n                  required: \"項目名を入力してください\",\n                  maxLength: {\n                    value: 140,\n                    message: \"項目名は140文字以内で入力してください\",\n                  },\n                })}\n                className=\"_input\"\n                placeholder=\"項目名\"\n              />\n            </div>\n            {errors.name && (\n              <div className=\"form__error\" aria-live=\"polite\">\n                {errors.name.message}\n              </div>\n            )}\n          </form>\n        </td>\n        <td>\n          <form onSubmit={handleSubmit(onSubmit)} className=\"form _form\">\n            <div className=\"-type\">\n              <span className=\"-type__select\">\n                <select\n                  className=\"_select\"\n                  {...register(\"field_type\", {\n                    pattern: {\n                      value: /^(free_text|single_select|multi_select)$/,\n                      message: \"不正な形式です\",\n                    },\n                  })}\n                >\n                  <option value=\"free_text\">自由記述</option>\n                  <option value=\"single_select\">選択</option>\n                </select>\n                <span className=\"_icon\" />\n              </span>\n            </div>\n            {errors.field_type && (\n              <div className=\"form__error\" aria-live=\"polite\">\n                {errors.field_type.message}\n              </div>\n            )}\n            {[\"single_select\", \"multi_select\"].includes(watch(\"field_type\")) &&\n              (\n                <div className=\"custom-select__list\">\n                  {options.map((option, index) => (\n                    <div\n                      key={index}\n                      className=\"simple-textfield -appearance-filled -width-full _item\"\n                    >\n                      <input\n                        {...register(`options.${index}.id`)}\n                        type=\"hidden\"\n                      />\n                      <div className=\"custom-select__item\">\n                        <input\n                          {...register(`options.${index}.option_value`, {\n                            required: \"選択肢を入力してください\",\n                            maxLength: {\n                              value: 255,\n                              message: \"255文字以内で入力してください\",\n                            },\n                          })}\n                          className=\"_input\"\n                          placeholder=\"選択肢\"\n                        />\n                        <button\n                          type=\"button\"\n                          aria-label=\"選択肢の削除\"\n                          className=\"button -appearance-transparent -size-m -color-negative\"\n                          onClick={() => remove(index)}\n                        >\n                          <div className=\"_leading\">\n                            <span className=\"icon _icon\" data-icon=\"cross\" />\n                          </div>\n                        </button>\n                      </div>\n                      {errors.options?.[index] && (\n                        <div className=\"form__error\" aria-live=\"polite\">\n                          {errors.options[index].option_value.message}\n                        </div>\n                      )}\n                    </div>\n                  ))}\n                  <button\n                    type=\"button\"\n                    className=\"button -appearance-transparent -size-m -color-interactive\"\n                    onClick={() => append({ id: undefined, option_value: \"\" })}\n                  >\n                    <div className=\"_leading\">\n                      <span className=\"icon\" data-icon=\"plus\"></span>\n                    </div>\n                    <div className=\"_body\">\n                      選択肢を追加\n                    </div>\n                  </button>\n                </div>\n              )}\n            <div className=\"_control\">\n              <button\n                type=\"button\"\n                className=\"button -size-s\"\n                onClick={props.exitEditing}\n              >\n                <div className=\"_body\">\n                  キャンセル\n                </div>\n              </button>\n              <button\n                type=\"submit\"\n                className=\"button -size-s -color-interactive\"\n                disabled={isSubmitting}\n              >\n                <div className=\"_body\">\n                  保存\n                </div>\n              </button>\n            </div>\n          </form>\n        </td>\n        <td />\n      </tr>\n    </>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport * as Sentry from \"@sentry/browser\";\nimport ManagementMemberPageContainer, {\n  Enrollment,\n  Props,\n} from \"./ManagementMemberPage/ManagementMemberPageContainer\";\nimport {\n  get,\n  updateEnrolledEventGroups,\n  updateEnrollment,\n  updateRecurredBills,\n} from \"./ManagementMemberPage/api\";\nimport { useToast } from \"components/Toast/use-toast\";\nimport { Toaster } from \"components/Toast/toaster\";\n\nconst getEnrolledEventGroups = get<{\n  event_groups: unknown[];\n  form_action: string;\n}>;\nconst getRecurrenceBills = get<{\n  recurrence_bills: unknown[];\n  form_action: string;\n}>;\nconst getBills = get<{ bills: unknown[] }>;\nconst getAnnouncements = get<{ announcements: unknown[] }>;\nconst getEvents = get<{ events: unknown[] }>;\n\nexport default function ManagementMemberPage(props: Props): JSX.Element {\n  const [enrollmentId, setEnrollmentId] = useState<number>(null);\n  const [enrollments, setEnrollments] = useState<Enrollment[]>(\n    props.enrollments,\n  );\n  const { toast } = useToast();\n\n  useEffect(() => {\n    const [anchorKey, anchorValue] = location.hash.replace(/^#/, \"\").split(\"/\");\n    const anchorId = parseInt(anchorValue, 10);\n    if (!isNaN(anchorId)) {\n      if (anchorKey === \"enrollments\") {\n        setEnrollmentId(anchorId);\n      } else {\n        const enrollment = props.enrollments.find((enrollment) =>\n          enrollment.student.id === anchorId\n        );\n        setEnrollmentId(enrollment.id);\n      }\n    }\n\n    const listener = (event: PopStateEvent) => {\n      if (event.state) {\n        setEnrollmentId(parseInt(event.state as string, 10));\n      } else {\n        setEnrollmentId(null);\n      }\n    };\n    globalThis.addEventListener(\"popstate\", listener);\n    return () => {\n      globalThis.removeEventListener(\"popstate\", listener);\n    };\n  }, []);\n\n  const handleUpdateEnrolledEventGroups = async (\n    enrollmentId: number,\n    url: string,\n    data: unknown,\n  ): Promise<void> => {\n    try {\n      const { message, enrolled_event_groups } =\n        await updateEnrolledEventGroups(\n          url,\n          data,\n        );\n      setEnrollments((enrollments) => {\n        const index = enrollments.findIndex((enrollment) =>\n          enrollment.id === enrollmentId\n        );\n        if (index === -1) {\n          Sentry.captureMessage(\"test\", \"warning\");\n          return enrollments;\n        }\n\n        const before = enrollments.slice(0, index);\n        const after = enrollments.slice(index + 1);\n        return [\n          ...before,\n          { ...enrollments[index], enrolled_event_groups },\n          ...after,\n        ];\n      });\n      toast({\n        title: message,\n        description: \"\",\n        children: null,\n        variant: \"default\",\n      });\n    } catch (e) {\n      Sentry.captureException(e);\n    }\n  };\n\n  const handleUpdateRecurredBills = async (\n    enrollmentId: number,\n    url: string,\n    data: unknown,\n  ): Promise<void> => {\n    try {\n      const { message, recurrence_bills } = await updateRecurredBills(\n        url,\n        data,\n      );\n      setEnrollments((enrollments) => {\n        const index = enrollments.findIndex((enrollment) =>\n          enrollment.id === enrollmentId\n        );\n        if (index === -1) {\n          Sentry.captureMessage(\"test\", \"warning\");\n          return enrollments;\n        }\n\n        const before = enrollments.slice(0, index);\n        const after = enrollments.slice(index + 1);\n        return [\n          ...before,\n          { ...enrollments[index], recurrence_bills },\n          ...after,\n        ];\n      });\n      toast({\n        title: message,\n        description: \"\",\n        children: null,\n        variant: \"default\",\n      });\n    } catch (e) {\n      Sentry.captureException(e);\n\n      if (e.response.status === 422) {\n        window.location.href = \"/422.html\";\n      }\n    }\n  };\n\n  const handleUpdateEnrollment = async (\n    enrollmentId: number,\n    data: { enrollment: { description: string } },\n  ): Promise<void> => {\n    try {\n      const enrollment = enrollments.find((enrollment) =>\n        enrollment.id === enrollmentId\n      );\n      if (typeof enrollment === \"undefined\") {\n        Sentry.captureMessage(\"test\", \"warning\");\n        throw new Error();\n      }\n\n      const { message } = await updateEnrollment(enrollment.edit_url, data);\n      setEnrollments((enrollments) => {\n        const index = enrollments.findIndex((enrollment) =>\n          enrollment.id === enrollmentId\n        );\n        if (index === -1) {\n          Sentry.captureMessage(\"test\", \"warning\");\n          return enrollments;\n        }\n\n        const before = enrollments.slice(0, index);\n        const after = enrollments.slice(index + 1);\n        return [\n          ...before,\n          { ...enrollments[index], ...data.enrollment },\n          ...after,\n        ];\n      });\n    } catch (e) {\n      Sentry.captureException(e);\n    }\n  };\n\n  return (\n    <>\n      <ManagementMemberPageContainer\n        {...props}\n        enrollments={enrollments}\n        getEnrolledEventGroups={getEnrolledEventGroups}\n        getRecurrenceBills={getRecurrenceBills}\n        getBills={getBills}\n        getAnnouncements={getAnnouncements}\n        getEvents={getEvents}\n        handleUpdateEnrolledEventGroups={handleUpdateEnrolledEventGroups}\n        handleUpdateRecurredBills={handleUpdateRecurredBills}\n        handleUpdateEnrollment={handleUpdateEnrollment}\n        onFloatingViewShow={(id: string) => {\n          history.pushState(id, \"\", `#enrollments/${id}`);\n        }}\n        onFloatingViewClose={() => {\n          history.pushState(null, \"\", \"#\");\n        }}\n        enrollmentId={enrollmentId}\n      />\n      <Toaster />\n    </>\n  );\n}\n","import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport MemberFloatingView from \"./MemberFloatingView\";\nimport classNames from \"classnames\";\nimport compareAsc from \"date-fns/compareAsc\";\nimport compareDesc from \"date-fns/compareDesc\";\n\ninterface Student {\n  id: number;\n  name: string;\n  name_kana: string;\n  gender: string | null;\n  date_of_birth: string | null;\n  dependent: boolean;\n  address: {\n    postal_code: string;\n    address: string;\n  } | null;\n  users: {\n    name: string;\n    phone_number: string | null;\n  }[];\n}\n\nexport interface ClassroomTermAgreement {\n  agreed_at: string;\n}\n\ninterface EventGroup {\n  id: number;\n  name: string;\n  slug: string;\n  enrolled_at: string;\n}\n\ninterface RecurrenceBill {\n  id: number;\n  name: string;\n  amount: number;\n  by_month_day: number;\n  deadline_additional_month: number;\n  deadline_month_day: number;\n  path: string;\n}\n\nexport interface Enrollment {\n  id: number;\n  student: Student;\n  created_at: string;\n  description: string | null;\n  classroom_term_agreement: ClassroomTermAgreement;\n  enrolled_event_groups: EventGroup[];\n  recurrence_bills: RecurrenceBill[];\n  delete_url: string;\n  details_url: string;\n  bills_url: string;\n  new_bill_url: string;\n  announcements_url: string;\n  new_announcement_url: string;\n  events_url: string;\n  new_event_url: string;\n  edit_url: string;\n  bulk_enrollment_event_groups_url: string;\n  recurrence_bills_path: string;\n  custom_fields_url: string;\n}\n\nexport interface Props {\n  subscribed: boolean;\n  enrollments: Enrollment[];\n  classroom_managers_count: number;\n  management_classroom_classroom_managers_path: string;\n  management_classroom_custom_fields_path: string;\n  management_classroom_invite_path: string;\n  new_course_path: string;\n  new_recurrence_bill_path: string;\n  members_csv_download_path: string;\n  members_csv_access: boolean;\n  members_destroy_access: boolean;\n  recurrence_bills_show_access: boolean;\n  students_bills_index_access: boolean;\n  students_bulk_enrollment_event_groups_index_access: boolean;\n}\n\ninterface P extends Props {\n  enrollmentId?: number;\n  getEnrolledEventGroups: (url: string) => Promise<{\n    form_action: string;\n    event_groups: unknown[];\n  }>;\n  getRecurrenceBills: (url: string) => Promise<{\n    form_action: string;\n    recurrence_bills: unknown[];\n  }>;\n  getBills: (url: string) => Promise<{ bills: unknown[] }>;\n  getAnnouncements: (url: string) => Promise<{ announcements: unknown[] }>;\n  getEvents: (url: string) => Promise<{ events: unknown[] }>;\n  handleUpdateEnrolledEventGroups: (\n    enrollmentId: number,\n    url: string,\n    data: unknown,\n  ) => Promise<void>;\n  handleUpdateRecurredBills: (\n    enrollmentId: number,\n    url: string,\n    data: unknown,\n  ) => Promise<void>;\n  handleUpdateEnrollment: (\n    enrollmentId: number,\n    data: { enrollment: { description: string } },\n  ) => Promise<void>;\n  onFloatingViewShow?: (id: string) => void;\n  onFloatingViewClose?: () => void;\n}\n\ntype Filter = \"name\" | \"eventGroup\" | \"recurrenceBill\" | \"description\";\n\ntype Sort =\n  | \"newer\"\n  | \"older\"\n  | \"nameKana\"\n  | \"eventGroup\"\n  | \"eventGroupCountDesc\"\n  | \"eventGroupCountAsc\";\n\nconst sorters: Record<Sort, (a: Enrollment, b: Enrollment) => number> = {\n  newer: (a, b) => compareDesc(new Date(a.created_at), new Date(b.created_at)),\n  older: (a, b) => compareAsc(new Date(a.created_at), new Date(b.created_at)),\n  nameKana: (a, b) =>\n    a.student.name_kana.localeCompare(b.student.name_kana, \"ja\"),\n  eventGroup: (a, b) => {\n    if (a.enrolled_event_groups.length === 0) {\n      return 1;\n    }\n    if (b.enrolled_event_groups.length === 0) {\n      return -1;\n    }\n    return a.enrolled_event_groups[0].name.localeCompare(\n      b.enrolled_event_groups[0].name,\n      \"ja\",\n    );\n  },\n  eventGroupCountDesc: (a, b) =>\n    b.enrolled_event_groups.length - a.enrolled_event_groups.length,\n  eventGroupCountAsc: (a, b) =>\n    a.enrolled_event_groups.length - b.enrolled_event_groups.length,\n};\n\nexport default function ManagementMemberPageContainer(props: P) {\n  const [enrollmentId, setEnrollmentId] = useState<number>(null);\n  const [visibleFilter, setVisibleFilter] = useState<Filter>(null);\n  const [sort, setSort] = useState<Sort>(\"newer\");\n  const [searchName, setSearchName] = useState(\"\");\n  const [searchEventGroupIds, setSearchEventGroupIds] = useState<number[]>([]);\n  const [searchRecurrenceBillIds, setSearchRecurrenceBillIds] = useState<\n    number[]\n  >([]);\n  const [searchRecurrenceBillUnset, setSearchRecurrenceBillUnset] = useState(\n    false,\n  );\n  const [searchDescriptionBlank, setSearchDescriptionBlank] = useState(false);\n  const [searchDescriptionFilled, setSearchDescriptionFilled] = useState(false);\n  const [searchDescription, setSearchDescription] = useState(\"\");\n\n  const [openDropdown, setOpenDropdown] = useState(false);\n  const handleBlur = (event) => {\n    const isButtonFocused = event.relatedTarget?.tagName === \"A\";\n    if (!isButtonFocused) {\n      setOpenDropdown(false);\n    }\n  };\n\n  const ref = useRef<HTMLButtonElement>();\n\n  const eventGroups = useMemo(() => {\n    return props.enrollments.reduce<EventGroup[]>(\n      (previousEventGroups, enrollment) => {\n        const eventGroupsToAdd = enrollment.enrolled_event_groups.filter((\n          eventGroup,\n        ) =>\n          !previousEventGroups.some((aEventGroup) =>\n            aEventGroup.id === eventGroup.id\n          )\n        );\n        return previousEventGroups.concat(eventGroupsToAdd);\n      },\n      [],\n    );\n  }, [props.enrollments]);\n\n  const recurrenceBills = useMemo(() => {\n    return props.enrollments.reduce<RecurrenceBill[]>(\n      (previousRecurrenceBills, enrollment) => {\n        const recurrenceBillsToAdd = enrollment.recurrence_bills.filter((\n          recurrenceBill,\n        ) =>\n          !previousRecurrenceBills.some((aRecurrenceBill) =>\n            aRecurrenceBill.id === recurrenceBill.id\n          )\n        );\n        return previousRecurrenceBills.concat(recurrenceBillsToAdd);\n      },\n      [],\n    );\n  }, [props.enrollments]);\n\n  const filteredData = props.enrollments.filter((enrollment) => {\n    if (searchName.length > 0) {\n      if (\n        !enrollment.student.name.toLowerCase().includes(\n          searchName.toLowerCase(),\n        )\n      ) {\n        return false;\n      }\n    }\n\n    if (searchEventGroupIds.length > 0) {\n      if (\n        !enrollment.enrolled_event_groups.some((eventGroup) =>\n          searchEventGroupIds.includes(eventGroup.id)\n        )\n      ) return false;\n    }\n\n    if (searchRecurrenceBillIds.length > 0) {\n      if (\n        !enrollment.recurrence_bills.some((recurrenceBill) =>\n          searchRecurrenceBillIds.includes(recurrenceBill.id)\n        )\n      ) return false;\n    }\n\n    if (searchRecurrenceBillUnset) {\n      if (enrollment.recurrence_bills.length > 0) {\n        return false;\n      }\n    }\n\n    if (searchDescriptionBlank) {\n      if (\n        enrollment.description !== null && enrollment.description.length > 0\n      ) return false;\n    }\n\n    if (searchDescriptionFilled) {\n      if (enrollment.description === null) return false;\n      if (enrollment.description.length === 0) return false;\n    }\n\n    if (searchDescription.length > 0) {\n      if (enrollment.description === null) return false;\n      if (\n        !enrollment.description.toLowerCase().includes(\n          searchDescription.toLowerCase(),\n        )\n      ) return false;\n    }\n\n    return true;\n  }).sort(sorters[sort]).map<[Enrollment, JSX.Element, () => void]>(\n    (enrollment) => {\n      const buttonRef = React.createRef<HTMLButtonElement>();\n      const handleEnrollmentClick = () => {\n        setEnrollmentId(enrollment.id);\n        ref.current = buttonRef.current;\n        if (props.onFloatingViewShow) {\n          props.onFloatingViewShow(enrollment.id.toString());\n        }\n      };\n      const element = (\n        <tr\n          className={enrollmentId === enrollment.id ? \"--selected\" : \"\"}\n          key={enrollment.id}\n        >\n          <td className=\"_student-name\">\n            {enrollment.student.name}\n            <button\n              className=\"_clickable\"\n              onClick={handleEnrollmentClick}\n              aria-label={enrollment.description\n                ? `${enrollment.student.name}|${enrollment.description}`\n                : enrollment.student.name}\n              ref={buttonRef}\n            />\n          </td>\n          <td className=\"_student-course\">\n            {enrollment.enrolled_event_groups.map((event_group) => (\n              <p key={event_group.id}>\n                {event_group.name}\n              </p>\n            ))}\n            <button\n              className=\"_clickable\"\n              onClick={handleEnrollmentClick}\n              tabIndex={-1}\n            />\n          </td>\n          <td className=\"_student-recurrence-bill\">\n            {enrollment.recurrence_bills.map((recurrence_bill) => (\n              <p key={recurrence_bill.id}>\n                {recurrence_bill.name}\n              </p>\n            ))}\n            <button\n              className=\"_clickable\"\n              onClick={handleEnrollmentClick}\n              tabIndex={-1}\n            />\n          </td>\n          <td className=\"_student-description\">\n            {enrollment.description}\n            <button\n              className=\"_clickable\"\n              onClick={handleEnrollmentClick}\n              tabIndex={-1}\n            />\n          </td>\n        </tr>\n      );\n      return [enrollment, element, handleEnrollmentClick];\n    },\n  );\n\n  useEffect(() => {\n    if (props.enrollmentId) {\n      const data = filteredData.find(([enrollment]) =>\n        enrollment.id === props.enrollmentId\n      );\n      if (data) {\n        data[2]();\n      }\n    }\n  }, [props.enrollmentId]);\n\n  const closeFloatingView = () => {\n    ref.current?.focus();\n    setEnrollmentId(null);\n    if (props.onFloatingViewClose) {\n      props.onFloatingViewClose();\n    }\n  };\n\n  return (\n    <div\n      className={classNames(\"admin-table\", {\n        \"js-overwrap\": enrollmentId !== null,\n      })}\n    >\n      <div className=\"admin-table__collection\">\n        <header className=\"header__member-control\">\n          <div className=\"header__member-control__leading\">\n            <a\n              className=\"member-role__link --hover\"\n              href=\"\"\n              aria-current=\"true\"\n            >\n              <div className=\"_body\">\n                受講者：{props.enrollments.length}人\n              </div>\n            </a>\n            <a\n              className=\"member-role__link\"\n              href={props.management_classroom_classroom_managers_path}\n              aria-current=\"false\"\n            >\n              <div className=\"_body\">\n                運営者：{props.classroom_managers_count}人\n              </div>\n            </a>\n          </div>\n          <div className=\"header__member-control__trailing\">\n            <div className=\"-sort\">\n              <span className=\"-sort__select\">\n                <select\n                  className=\"_select\"\n                  value={sort}\n                  onChange={(event) => {\n                    setSort(event.target.value as Sort);\n                  }}\n                >\n                  <option className=\"_option\" value=\"newer\">\n                    登録が新しい順\n                  </option>\n                  <option className=\"_option\" value=\"older\">\n                    登録が古い順\n                  </option>\n                  <option className=\"_option\" value=\"nameKana\">\n                    ふりがな順\n                  </option>\n                  <option className=\"_option\" value=\"eventGroup\">\n                    所属の名称順\n                  </option>\n                  <option className=\"_option\" value=\"eventGroupCountDesc\">\n                    所属が多い順\n                  </option>\n                  <option className=\"_option\" value=\"eventGroupCountAsc\">\n                    所属が少ない順\n                  </option>\n                </select>\n                <span className=\"_icon\" />\n              </span>\n            </div>\n            <div className=\"-invite\">\n              <a\n                className=\"-invite__button\"\n                href={props.management_classroom_invite_path}\n              >\n                <div className=\"_leading\">\n                  <span className=\"icon _icon\" data-icon=\"person_plus\" />\n                </div>\n                <div className=\"_body\">\n                  招待\n                </div>\n              </a>\n            </div>\n            <div className=\"dropdown --position-right\">\n              <button\n                onClick={() => setOpenDropdown(!openDropdown)}\n                onBlur={handleBlur}\n                className=\"dropdown__control button -appearance-transparent -shape-circle -size-m\"\n                aria-label=\"操作\"\n                aria-controls=\"dropdown-item\"\n                aria-expanded={openDropdown ? \"true\" : \"false\"}\n              >\n                <div className=\"_leading\">\n                  <span className=\"_icon icon\" data-icon=\"ellipsis_vertical\">\n                  </span>\n                </div>\n              </button>\n              {openDropdown && (\n                <ul\n                  id=\"dropdown-item\"\n                  className=\"_list dropdown__list\"\n                >\n                  <li className=\"_item dropdown__item\">\n                    <a\n                      href={props.management_classroom_custom_fields_path}\n                    >\n                      <div className=\"_body\">\n                        <div className=\"_title\">\n                          受講者情報のテンプレート\n                        </div>\n                      </div>\n                    </a>\n                  </li>\n\n                  {props.members_csv_access\n                    ? (\n                      <li className=\"_item dropdown__item\">\n                        <a\n                          href={props.members_csv_download_path}\n                        >\n                          <div className=\"_body\">\n                            <div className=\"_title\">\n                              CSVダウンロード\n                            </div>\n                          </div>\n                        </a>\n                      </li>\n                    )\n                    : null}\n                </ul>\n              )}\n            </div>\n          </div>\n        </header>\n        <table className=\"admin-table__collection-table\">\n          <thead>\n            <tr>\n              <th role=\"columnheader\" scope=\"col\">\n                <div className=\"_wrapper\">\n                  <div className=\"_container\">氏名</div>\n                  <div className=\"_container\">\n                    <div className=\"_control\">\n                      <button\n                        onClick={() => {\n                          setVisibleFilter((prev) => {\n                            return prev === \"name\" ? null : \"name\";\n                          });\n                        }}\n                        aria-label=\"絞り込み\"\n                        className=\"button__filter-open\"\n                      >\n                        <div className=\"_trailing\">\n                          <span className=\"icon _icon\" data-icon=\"funnel\" />\n                        </div>\n                      </button>\n                      {visibleFilter === \"name\" && (\n                        <div className=\"popup\">\n                          <header className=\"popup-header\">\n                            <p>氏名での絞り込み</p>\n                            <button\n                              onClick={() => setVisibleFilter(null)}\n                              aria-label=\"閉じる\"\n                              className=\"button__filter-close\"\n                            >\n                              <div className=\"_trailing\">\n                                <span\n                                  className=\"icon _icon\"\n                                  data-icon=\"cross\"\n                                />\n                              </div>\n                            </button>\n                          </header>\n                          <div className=\"_body\">\n                            <div className=\"_search -icon-before\">\n                              <input\n                                className=\"_input\"\n                                type=\"search\"\n                                value={searchName}\n                                onChange={(event) =>\n                                  setSearchName(event.target.value)}\n                              />\n                              <span\n                                className=\"_icon icon\"\n                                data-icon=\"magnifying_glass\"\n                              />\n                            </div>\n                          </div>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              </th>\n              <th role=\"columnheader\" scope=\"col\">\n                <div className=\"_wrapper\">\n                  <div className=\"_container\">所属</div>\n                  <div className=\"_container\">\n                    <div className=\"_control\">\n                      <button\n                        onClick={() => {\n                          setVisibleFilter((prev) => {\n                            return prev === \"eventGroup\" ? null : \"eventGroup\";\n                          });\n                        }}\n                        aria-label=\"絞り込み\"\n                        className=\"button__filter-open\"\n                      >\n                        <div className=\"_trailing\">\n                          <span className=\"icon _icon\" data-icon=\"funnel\" />\n                        </div>\n                      </button>\n                      {visibleFilter === \"eventGroup\" && (\n                        <div className=\"popup\">\n                          <header className=\"popup-header\">\n                            <p>所属での絞り込み</p>\n                            <button\n                              onClick={() => setVisibleFilter(null)}\n                              aria-label=\"閉じる\"\n                              className=\"button__filter-close\"\n                            >\n                              <div className=\"_trailing\">\n                                <span\n                                  className=\"icon _icon\"\n                                  data-icon=\"cross\"\n                                />\n                              </div>\n                            </button>\n                          </header>\n                          <ul className=\"_body _checkbox-list\">\n                            {eventGroups.map((eventGroup) => (\n                              <li\n                                className=\"_checkbox-item\"\n                                key={eventGroup.id}\n                              >\n                                <label\n                                  htmlFor={`recurrenceBillFilter-${eventGroup.id}`}\n                                >\n                                  <div className=\"_input\">\n                                    <input\n                                      id={`recurrenceBillFilter-${eventGroup.id}`}\n                                      className=\"_checkbox\"\n                                      type=\"checkbox\"\n                                      checked={searchEventGroupIds.includes(\n                                        eventGroup.id,\n                                      )}\n                                      onChange={(event) => {\n                                        setSearchEventGroupIds((prev) => {\n                                          if (event.target.checked) {\n                                            return [...prev, eventGroup.id];\n                                          } else {\n                                            return prev.filter((id) =>\n                                              id !== eventGroup.id\n                                            );\n                                          }\n                                        });\n                                      }}\n                                    />\n                                  </div>\n                                  <p className=\"_title\">{eventGroup.name}</p>\n                                </label>\n                              </li>\n                            ))}\n                          </ul>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              </th>\n              <th role=\"columnheader\" scope=\"col\">\n                <div className=\"_wrapper\">\n                  <div className=\"_container\">定期請求</div>\n                  <div className=\"_container\">\n                    <div className=\"_control\">\n                      <button\n                        onClick={() => {\n                          setVisibleFilter((prev) => {\n                            return prev === \"recurrenceBill\"\n                              ? null\n                              : \"recurrenceBill\";\n                          });\n                        }}\n                        aria-label=\"絞り込み\"\n                        className=\"button__filter-open\"\n                      >\n                        <div className=\"_trailing\">\n                          <span className=\"icon _icon\" data-icon=\"funnel\" />\n                        </div>\n                      </button>\n                      {visibleFilter === \"recurrenceBill\" && (\n                        <div className=\"popup\">\n                          <header className=\"popup-header\">\n                            <p>定期請求での絞り込み</p>\n                            <button\n                              onClick={() => setVisibleFilter(null)}\n                              aria-label=\"閉じる\"\n                              className=\"button__filter-close\"\n                            >\n                              <div className=\"_trailing\">\n                                <span\n                                  className=\"icon _icon\"\n                                  data-icon=\"cross\"\n                                />\n                              </div>\n                            </button>\n                          </header>\n                          <div className=\"_checkbox-item\">\n                            <label htmlFor=\"recurrenceBillFilterUnset\">\n                              <div className=\"_input\">\n                                <input\n                                  id=\"recurrenceBillFilterUnset\"\n                                  className=\"_checkbox\"\n                                  type=\"checkbox\"\n                                  checked={searchRecurrenceBillUnset}\n                                  onChange={(event) => {\n                                    setSearchRecurrenceBillUnset(\n                                      event.target.checked,\n                                    );\n                                  }}\n                                />\n                              </div>\n                              <p className=\"_title\">未設定</p>\n                            </label>\n                          </div>\n                          <ul className=\"_body _checkbox-list\">\n                            {recurrenceBills.map((recurrenceBill) => (\n                              <li\n                                className=\"_checkbox-item\"\n                                key={recurrenceBill.id}\n                              >\n                                <label\n                                  htmlFor={`recurrenceBillFilter-${recurrenceBill.id}`}\n                                >\n                                  <div className=\"_input\">\n                                    <input\n                                      id={`recurrenceBillFilter-${recurrenceBill.id}`}\n                                      className=\"_checkbox\"\n                                      type=\"checkbox\"\n                                      checked={searchRecurrenceBillIds.includes(\n                                        recurrenceBill.id,\n                                      )}\n                                      onChange={(event) => {\n                                        setSearchRecurrenceBillIds((prev) => {\n                                          if (event.target.checked) {\n                                            return [...prev, recurrenceBill.id];\n                                          } else {\n                                            return prev.filter((id) =>\n                                              id !== recurrenceBill.id\n                                            );\n                                          }\n                                        });\n                                      }}\n                                    />\n                                  </div>\n                                  <p className=\"_title\">\n                                    {recurrenceBill.name}\n                                  </p>\n                                </label>\n                              </li>\n                            ))}\n                          </ul>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              </th>\n\n              <th role=\"columnheader\" scope=\"col\">\n                <div className=\"_wrapper\">\n                  <div className=\"_container\">内部メモ</div>\n                  <div className=\"_container\">\n                    <div className=\"_control\">\n                      <button\n                        onClick={() => {\n                          setVisibleFilter((prev) => {\n                            return prev === \"description\"\n                              ? null\n                              : \"description\";\n                          });\n                        }}\n                        aria-label=\"絞り込み\"\n                        className=\"button__filter-open\"\n                      >\n                        <div className=\"_trailing\">\n                          <span className=\"icon _icon\" data-icon=\"funnel\" />\n                        </div>\n                      </button>\n                      {visibleFilter === \"description\" && (\n                        <div className=\"popup _description\">\n                          <header className=\"popup-header\">\n                            <p>内部メモでの絞り込み</p>\n                            <button\n                              onClick={() => setVisibleFilter(null)}\n                              aria-label=\"閉じる\"\n                              className=\"button__filter-close\"\n                            >\n                              <div className=\"_trailing\">\n                                <span\n                                  className=\"icon _icon\"\n                                  data-icon=\"cross\"\n                                />\n                              </div>\n                            </button>\n                          </header>\n                          <div className=\"_body _checkbox-list\">\n                            <div className=\"_checkbox-item\">\n                              <label htmlFor=\"descriptionFilterBlank\">\n                                <div className=\"_input\">\n                                  <input\n                                    id=\"descriptionFilterBlank\"\n                                    className=\"_checkbox\"\n                                    type=\"checkbox\"\n                                    checked={searchDescriptionBlank}\n                                    onChange={(event) =>\n                                      setSearchDescriptionBlank(\n                                        event.target.checked,\n                                      )}\n                                  />\n                                </div>\n                                <p className=\"_title\">未記入</p>\n                              </label>\n                              <label htmlFor=\"descriptionFilterFilled\">\n                                <div className=\"_input\">\n                                  <input\n                                    id=\"descriptionFilterFilled\"\n                                    className=\"_checkbox\"\n                                    type=\"checkbox\"\n                                    checked={searchDescriptionFilled}\n                                    onChange={(event) =>\n                                      setSearchDescriptionFilled(\n                                        event.target.checked,\n                                      )}\n                                  />\n                                </div>\n                                <p className=\"_title\">記入済み</p>\n                              </label>\n                            </div>\n                            <div className=\"_search -icon-before \">\n                              <input\n                                className=\"_input\"\n                                type=\"search\"\n                                value={searchDescription}\n                                onChange={(event) =>\n                                  setSearchDescription(event.target.value)}\n                              />\n                              <span\n                                className=\"_icon icon\"\n                                data-icon=\"magnifying_glass\"\n                              />\n                            </div>\n                          </div>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            {filteredData.map(([_, element]) => element)}\n          </tbody>\n        </table>\n      </div>\n      <MemberFloatingView\n        key={enrollmentId}\n        onCloseFloatingView={closeFloatingView}\n        getEnrolledEventGroups={props.getEnrolledEventGroups}\n        getRecurrenceBills={props.getRecurrenceBills}\n        getBills={props.getBills}\n        getAnnouncements={props.getAnnouncements}\n        getEvents={props.getEvents}\n        handleUpdateEnrolledEventGroups={props.handleUpdateEnrolledEventGroups}\n        handleUpdateRecurredBills={props.handleUpdateRecurredBills}\n        handleUpdateEnrollment={props.handleUpdateEnrollment}\n        subscribed={props.subscribed}\n        newCoursePath={props.new_course_path}\n        newRecurrenceBillPath={props.new_recurrence_bill_path}\n        membersDestroyAccess={props.members_destroy_access}\n        recurrenceBillsShowAccess={props.recurrence_bills_show_access}\n        studentsBillsIndexAccess={props.students_bills_index_access}\n        studentsBulkEnrollmentEventGroupsIndexAccess={props\n          .students_bulk_enrollment_event_groups_index_access}\n        enrollment={enrollmentId\n          ? props.enrollments.find((enrollment) =>\n            enrollment.id === enrollmentId\n          )\n          : null}\n      />\n    </div>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { localizeDateToYearMonthDayTime } from \"../../utils/localize-date\";\n\ninterface Announcement {\n  id: number;\n  title: string;\n  url: string;\n  issued_at: Date;\n}\n\ninterface Props {\n  getAnnouncements: (url: string) => Promise<{ announcements: unknown[] }>;\n  announcements_url: string;\n  new_announcement_url: string;\n}\n\nexport default function MemberAnnouncements(props: Props) {\n  const [announcements, setAnnouncements] = useState<Announcement[] | null>(\n    null,\n  );\n  const [loading, setLoading] = useState(false);\n  const nowDate = new Date();\n\n  useEffect(() => {\n    (async () => {\n      setLoading(true);\n      const { announcements } = await props.getAnnouncements(\n        props.announcements_url,\n      );\n      setAnnouncements(announcements as Announcement[]);\n      setLoading(false);\n    })();\n  }, [props.announcements_url]);\n\n  return (\n    <div className=\"page__section\">\n      <div className=\"page__container\">\n        <div className=\"user\">\n          <div className=\"user__data\">\n            <div className=\"user__data-table__action\">\n              <a\n                href={props.new_announcement_url}\n                className=\"button -appearance-outlined  -color-interactive -size-s\"\n              >\n                <div className=\"_leading\">\n                  <span className=\"icon\" data-icon=\"plus\"></span>\n                </div>\n                <div className=\"_body\">\n                  お知らせ作成\n                </div>\n              </a>\n            </div>\n            <div className=\"user__data-table__wrapper\">\n              <table\n                aria-label=\"お知らせ一覧\"\n                className=\"user__data-table\"\n              >\n                <thead>\n                  <tr>\n                    <th className=\"-width-third\">\n                      送信日\n                    </th>\n                    <th>\n                      タイトル\n                    </th>\n                  </tr>\n                </thead>\n\n                <tbody>\n                  {loading || announcements === null\n                    ? (\n                      <tr>\n                        <td>\n                          <span className=\"user__data-table__loading\">\n                          </span>\n                        </td>\n                        <td>\n                          <span className=\"user__data-table__loading\">\n                          </span>\n                        </td>\n                      </tr>\n                    )\n                    : announcements.length === 0\n                    ? (\n                      <tr>\n                        <td colSpan={2}>送信済みのお知らせはありません</td>\n                      </tr>\n                    )\n                    : (\n                      announcements.map((announcement: Announcement) => (\n                        <tr key={announcement.id}>\n                          <td>\n                            <div>\n                              {localizeDateToYearMonthDayTime(\n                                announcement.issued_at,\n                              )}\n                              {nowDate < announcement.issued_at && (\n                                <div className=\"user__data-table__label\">\n                                  送信予約\n                                </div>\n                              )}\n                            </div>\n                          </td>\n                          <td className=\"-overflow-ellipsis\">\n                            <a href={announcement.url} data-turbolinks=\"false\">\n                              {announcement.title}\n                            </a>\n                          </td>\n                        </tr>\n                      ))\n                    )}\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport {\n  localizeDateToMiddleString,\n  localizeDateToShortString,\n} from \"../../utils/localize-date\";\n\ninterface Bill {\n  id: number;\n  name: string;\n  status:\n    | \"requires_payment\"\n    | \"payment_waiting_for_approval\"\n    | \"payment_approved\"\n    | \"marked_as_paid\"\n    | \"not_issued\"\n    | \"overdue\"\n    | \"disabled\";\n  url: string;\n  amount: number;\n  issued_at: string;\n  deadline: string;\n  recurrence: boolean;\n  payment?: {\n    tried_at: string;\n    approved_at: string;\n    marked_as_paid_at: string;\n    method_type: \"none\" | \"card\" | \"konbini\" | \"direct_debit\";\n  };\n}\n\ninterface Props {\n  getBills: (url: string) => Promise<{ bills: unknown[] }>;\n  bills_url: string;\n  new_bill_url: string;\n}\n\nexport default function MemberBills(props: Props) {\n  const [bills, setBills] = useState<Bill[] | null>(null);\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    (async () => {\n      setLoading(true);\n      const { bills } = await props.getBills(props.bills_url);\n      setBills(bills as Bill[]);\n      setLoading(false);\n    })();\n  }, [props.bills_url]);\n\n  return (\n    <div className=\"page__section\">\n      <div className=\"page__container\">\n        <div className=\"user\">\n          <div className=\"user__data\">\n            <div className=\"user__data-table__action\">\n              <a\n                href={props.new_bill_url}\n                className=\"button -appearance-outlined  -color-interactive -size-s\"\n              >\n                <div className=\"_leading\">\n                  <span className=\"icon\" data-icon=\"plus\"></span>\n                </div>\n                <div className=\"_body\">\n                  請求作成\n                </div>\n              </a>\n            </div>\n            <div className=\"user__data-table__wrapper\">\n              <table aria-label=\"請求一覧\" className=\"user__data-table\">\n                <thead>\n                  <tr>\n                    <th>\n                      項目名\n                    </th>\n                    <th className=\"-align-end\">\n                      請求額\n                    </th>\n                    <th>\n                      請求日\n                    </th>\n                    <th>\n                      期日\n                    </th>\n                    <th>\n                      支払日\n                    </th>\n                  </tr>\n                </thead>\n\n                <tbody>\n                  {loading || bills === null\n                    ? (\n                      <tr>\n                        <td>\n                          <span className=\"user__data-table__loading\"></span>\n                        </td>\n                        <td>\n                          <span className=\"user__data-table__loading\"></span>\n                        </td>\n                        <td>\n                          <span className=\"user__data-table__loading\"></span>\n                        </td>\n                        <td>\n                          <span className=\"user__data-table__loading\"></span>\n                        </td>\n                        <td>\n                          <span className=\"user__data-table__loading\"></span>\n                        </td>\n                      </tr>\n                    )\n                    : bills.length === 0\n                    ? (\n                      <tr>\n                        <td colSpan={5}>送信済みの請求はありません</td>\n                      </tr>\n                    )\n                    : (\n                      bills.map((bill) => (\n                        <tr key={bill.id}>\n                          <td className=\"-overflow-ellipsis\">\n                            <a href={bill.url} data-turbolinks=\"false\">\n                              {bill.recurrence && \"［定期請求］\"}\n                              {bill.name}\n                            </a>\n                          </td>\n                          <td className=\"-align-end\">\n                            {bill.amount}円\n                          </td>\n                          <td>\n                            {localizeDateToMiddleString(bill.issued_at)}\n                          </td>\n                          <td>\n                            {localizeDateToMiddleString(bill.deadline)}\n                          </td>\n                          <td>\n                            {(bill.status === \"payment_waiting_for_approval\" &&\n                              bill.payment?.method_type === \"direct_debit\") && (\n                              <span className=\"user__data-table__status --notice\">\n                                <span\n                                  className=\"icon\"\n                                  data-icon=\"ellipsis_horizontal_on_circle\"\n                                />\n                                振替待ち\n                              </span>\n                            )}\n\n                            {bill.status === \"requires_payment\" && (\n                              <span className=\"user__data-table__status --notice\">\n                                <span\n                                  className=\"icon\"\n                                  data-icon=\"ellipsis_horizontal_on_circle\"\n                                />\n                                未入金\n                                {bill.payment?.method_type === \"konbini\" &&\n                                  \"（コンビニ払い）\"}\n                              </span>\n                            )}\n\n                            {(bill.status === \"payment_waiting_for_approval\" &&\n                              bill.payment?.method_type !== \"direct_debit\") && (\n                              <>\n                                <span className=\"user__data-table__status --notice\">\n                                  <span\n                                    className=\"icon\"\n                                    data-icon=\"ellipsis_horizontal_on_circle\"\n                                  />\n                                  決済中\n                                </span>\n                                <span className=\"_date\">\n                                  ｜\n                                  {localizeDateToShortString(\n                                    bill.payment.tried_at,\n                                  )}\n                                </span>\n                              </>\n                            )}\n\n                            {bill.status === \"payment_approved\" && (\n                              <>\n                                <span className=\"user__data-table__status --positive\">\n                                  <span\n                                    className=\"icon\"\n                                    data-icon=\"check_on_circle\"\n                                  >\n                                  </span>\n                                  {localizeDateToShortString(\n                                    bill.payment?.tried_at ||\n                                      bill.payment?.approved_at,\n                                  )}\n                                  {bill.payment?.method_type === \"konbini\" &&\n                                    \"（コンビニ払い）\"}\n                                </span>\n                              </>\n                            )}\n\n                            {bill.status === \"marked_as_paid\" && (\n                              <>\n                                <span className=\"user__data-table__status --positive\">\n                                  <span\n                                    className=\"icon\"\n                                    data-icon=\"check_on_circle\"\n                                  />\n                                  支払いマーク済み\n                                </span>\n                                <span className=\"_date\">\n                                  ｜\n                                  {localizeDateToShortString(\n                                    bill.payment?.marked_as_paid_at,\n                                  )}\n                                </span>\n                              </>\n                            )}\n\n                            {/* TODO: スタイリング */}\n                            {bill.status === \"not_issued\" && (\n                              <span className=\"user__data-table__status\">\n                                <span\n                                  className=\"icon\"\n                                  data-icon=\"ellipsis_horizontal_on_circle\"\n                                />\n                                集金予約\n                              </span>\n                            )}\n\n                            {/* TODO: スタイリング */}\n                            {bill.status === \"disabled\" && (\n                              <span className=\"user__data-table__status\">\n                                <span\n                                  className=\"icon\"\n                                  data-icon=\"ellipsis_horizontal_on_circle\"\n                                />\n                                無効\n                              </span>\n                            )}\n\n                            {bill.status === \"overdue\" && (\n                              <>\n                                <span className=\"user__data-table__status --negative\">\n                                  <span\n                                    className=\"icon\"\n                                    data-icon=\"cross_on_circle\"\n                                  />\n                                  期日超過\n                                </span>\n                              </>\n                            )}\n                          </td>\n                        </tr>\n                      ))\n                    )}\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React, { useState } from \"react\";\n\nimport { CustomField } from \"../ManagementMemberPage/MemberCustomFields\";\nimport Dialog from \"../Dialog\";\nimport { useApi } from \"../../hooks/api\";\nimport MemberCustomFieldItemForm from \"./MemberCustomFieldItemForm\";\n\ninterface Props {\n  customField: CustomField;\n  customFieldsUrl: string;\n  customFieldId: number;\n  showMessage: (message: string) => void;\n}\n\nexport default function MemberCustomFieldItem(props: Props): JSX.Element {\n  const [customField, setCustomField] = useState(props.customField);\n  const [isEditing, setIsEditing] = useState(false);\n  const [openDropdown, setOpenDropdown] = useState(false);\n  const [deletingPopupVisible, setDeletingPopupVisible] = useState(false);\n  const { requestWithCsrfToken } = useApi();\n  const handleBlur = (event) => {\n    const isButtonFocused = event.relatedTarget?.tagName === \"BUTTON\";\n    if (!isButtonFocused) {\n      setOpenDropdown(false);\n    }\n  };\n  const isValidValue = typeof customField.value === \"string\" &&\n    customField.value !== \"\";\n\n  return (\n    <>\n      {isEditing\n        ? (\n          <MemberCustomFieldItemForm\n            customField={customField}\n            customFieldsUrl={props.customFieldsUrl}\n            commitEditing={(customField) => {\n              setCustomField(customField);\n              setIsEditing(false);\n              setOpenDropdown(false);\n            }}\n            exitEditing={() => {\n              setIsEditing(false);\n              setOpenDropdown(false);\n            }}\n            showMessage={props.showMessage}\n          />\n        )\n        : (\n          <dl className=\"custom-field__item\">\n            <dt>{customField.name}</dt>\n            <dd>\n              {isValidValue ? customField.value : \"（未回答）\"}\n              <div className=\"dropdown --position-right\">\n                <button\n                  onClick={() => setOpenDropdown(!openDropdown)}\n                  onBlur={handleBlur}\n                  className=\"dropdown__control button -appearance-transparent -shape-circle -size-m\"\n                  aria-label=\"操作\"\n                  aria-controls={`dropdown-item-${props.customFieldId}`}\n                  aria-expanded={openDropdown ? \"true\" : \"false\"}\n                >\n                  <div className=\"_leading\">\n                    <span className=\"_icon icon\" data-icon=\"ellipsis_vertical\">\n                    </span>\n                  </div>\n                </button>\n                {openDropdown && (\n                  <ul\n                    id={`dropdown-item-${props.customFieldId}`}\n                    className=\"_list dropdown__list\"\n                  >\n                    <li className=\"_item dropdown__item\">\n                      <button onClick={() => setIsEditing(true)}>\n                        <div className=\"_body\">\n                          <div className=\"_title\">\n                            編集\n                          </div>\n                        </div>\n                      </button>\n                    </li>\n                    {customField.custom_field_value_id && (\n                      <li className=\"_item dropdown__item\">\n                        <button\n                          onClick={() => {\n                            setDeletingPopupVisible(true);\n                            setOpenDropdown(false);\n                          }}\n                        >\n                          <div className=\"_body\">\n                            <div className=\"_title\">\n                              未回答に戻す\n                            </div>\n                          </div>\n                        </button>\n                      </li>\n                    )}\n                  </ul>\n                )}\n              </div>\n            </dd>\n          </dl>\n        )}\n      {deletingPopupVisible && (\n        <Dialog\n          title={`カスタム項目「${customField.name}」を未回答の状態に戻しますか？`}\n          description=\"この受講者の回答は削除され、未回答の状態になります。\"\n          onCloseButtonClick={() => setDeletingPopupVisible(false)}\n        >\n          <button\n            className=\"button -appearance-transparent -size-m -color-negative\"\n            onClick={async () => {\n              const { message } = await requestWithCsrfToken<\n                { message: string }\n              >({\n                form_action: customField.resource_url,\n                form_method: \"DELETE\",\n              });\n              setCustomField({\n                ...customField,\n                value: \"\",\n              });\n              setDeletingPopupVisible(false);\n              props.showMessage(message);\n            }}\n          >\n            <div className=\"_body\">\n              未回答に戻す\n            </div>\n          </button>\n        </Dialog>\n      )}\n    </>\n  );\n}\n","import { CustomField } from \"./MemberCustomFields\";\nimport React from \"react\";\nimport { useApi } from \"../../hooks/api\";\nimport { useForm } from \"react-hook-form\";\n\ninterface Props {\n  customField: CustomField;\n  customFieldsUrl: string;\n  commitEditing: (customField: CustomField) => void;\n  exitEditing: () => void;\n  showMessage: (message: string) => void;\n}\n\ninterface MemberCustomFieldItemParams {\n  value: string;\n  custom_field_id: number;\n  custom_field_value_id: number;\n  custom_field_option_id: number;\n}\n\ninterface MemberCustomFieldItemFormResponse {\n  custom_field?: CustomField;\n  message?: string;\n  response?: Response;\n}\n\nexport default function MemberCustomFieldItemForm(props: Props): JSX.Element {\n  const {\n    register,\n    handleSubmit,\n    setValue,\n    formState: { errors, isSubmitting },\n  } = useForm<MemberCustomFieldItemParams>({\n    defaultValues: {\n      value: props.customField.value,\n      custom_field_id: props.customField.custom_field_id,\n      custom_field_value_id: props.customField.custom_field_value_id,\n      custom_field_option_id: props.customField.custom_field_option_id,\n    },\n    mode: \"all\",\n  });\n  const { patch } = useApi();\n\n  const onSubmit = async (data) => {\n    const result = await patch<MemberCustomFieldItemFormResponse>(\n      props.customFieldsUrl,\n      {\n        custom_field: data,\n      },\n    );\n    if (result.custom_field) {\n      props.commitEditing(result.custom_field);\n    }\n    props.showMessage(result.message);\n  };\n\n  return (\n    <>\n      <dl className=\"custom-field__item\">\n        <dt>{props.customField.name}</dt>\n        <dd>\n          <form\n            onSubmit={handleSubmit(onSubmit)}\n            className=\"custom-field__form\"\n          >\n            <input {...register(\"custom_field_id\")} type=\"hidden\" />\n            <input {...register(\"custom_field_value_id\")} type=\"hidden\" />\n            <input {...register(\"custom_field_option_id\")} type=\"hidden\" />\n\n            {props.customField.field_type === \"free_text\" && (\n              <div className=\"user__data-description__container\">\n                <span className=\"user__data-description__field\">\n                  <input\n                    {...register(\"value\", {\n                      maxLength: {\n                        value: 255,\n                        message: \"255文字以内で入力してください\",\n                      },\n                    })}\n                    className=\"_input\"\n                  />\n                </span>\n                {errors.value && (\n                  <div className=\"form__error\" aria-live=\"polite\">\n                    {errors.value.message}\n                  </div>\n                )}\n              </div>\n            )}\n\n            {props.customField.field_type === \"single_select\" && (\n              <div className=\"radiofield --layout-stack\">\n                {props.customField.options.map((option) => (\n                  <div key={option.id}>\n                    <label\n                      htmlFor={`value-${props.customField.custom_field_id}-${option.option_value}`}\n                      className=\"_item\"\n                    >\n                      <input\n                        type=\"radio\"\n                        {...register(\"value\", {\n                          required: \"選択してください\",\n                          maxLength: {\n                            value: 255,\n                            message: \"255文字以内で入力してください\",\n                          },\n                        })}\n                        value={option.option_value}\n                        id={`value-${props.customField.custom_field_id}-${option.option_value}`}\n                        className=\"radio\"\n                        onChange={(event) => {\n                          setValue(\"value\", event.target.value);\n                          setValue(\"custom_field_option_id\", option.id);\n                        }}\n                      />\n                      <span className=\"_label\">\n                        {option.option_value}\n                      </span>\n                    </label>\n                  </div>\n                ))}\n                {errors.value && (\n                  <div className=\"form__error\" aria-live=\"polite\">\n                    {errors.value.message}\n                  </div>\n                )}\n              </div>\n            )}\n            <div className=\"_control\">\n              <button\n                type=\"button\"\n                className=\"button -size-s\"\n                onClick={props.exitEditing}\n              >\n                <div className=\"_body\">\n                  キャンセル\n                </div>\n              </button>\n              <button\n                type=\"submit\"\n                className=\"button -size-s -color-interactive\"\n                disabled={isSubmitting}\n              >\n                <div className=\"_body\">\n                  保存\n                </div>\n              </button>\n            </div>\n          </form>\n        </dd>\n      </dl>\n    </>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\n\nimport MemberCustomFieldItem from \"../ManagementMemberPage/MemberCustomFieldItem\";\nimport Snackbar from \"../Snackbar\";\nimport { useApi } from \"hooks/api\";\nimport { CustomField } from \"components/ManagementMemberPage/MemberDetails\";\n\ninterface Props {\n  customFields: CustomField[];\n  customFieldsUrl: string;\n}\n\nexport default function MemberCustomFields(\n  { customFieldsUrl, customFields }: Props,\n): JSX.Element {\n  const [message, setMessage] = useState<string>(null);\n\n  return (\n    <div className=\"custom-field\">\n      {customFields\n        ? customFields.map((customField) => (\n          <MemberCustomFieldItem\n            key={`${customField.custom_field_id}-${customField.custom_field_value_id}`}\n            customField={customField}\n            customFieldsUrl={customFieldsUrl}\n            customFieldId={customField.custom_field_id}\n            showMessage={(message: string) => setMessage(message)}\n          />\n        ))\n        : (\n          <dl>\n            <dt>\n              <span className=\"user-bill-table__loading\"></span>\n            </dt>\n            <dd>\n              <span className=\"user-bill-table__loading\"></span>\n            </dd>\n          </dl>\n        )}\n      {message && <Snackbar>{message}</Snackbar>}\n    </div>\n  );\n}\n","import React, { useEffect } from \"react\";\nimport { useForm } from \"react-hook-form\";\n\ninterface Props {\n  enrollment: {\n    id: number;\n    description: string;\n  };\n  handleUpdateEnrollment: (\n    enrollmentId: number,\n    data: { enrollment: { description: string } },\n  ) => Promise<void>;\n}\n\ninterface Inputs {\n  enrollment: {\n    description: string;\n  };\n}\n\nexport default function MemberDescriptionForm(props: Props) {\n  const {\n    register,\n    handleSubmit,\n    setValue,\n    formState: { isSubmitting },\n  } = useForm<Inputs>({\n    defaultValues: {\n      enrollment: {\n        description: props.enrollment.description,\n      },\n    },\n  });\n\n  useEffect(() => {\n    setValue(\"enrollment.description\", props.enrollment.description);\n  }, [props.enrollment]);\n\n  const onSubmit = handleSubmit(async (data) => {\n    await props.handleUpdateEnrollment(props.enrollment.id, data);\n  });\n\n  return (\n    <form onSubmit={onSubmit}>\n      <div className=\"user__data-description__container\">\n        <span className=\"user__data-description__field\">\n          <input\n            {...register(\"enrollment.description\")}\n            className=\"_input\"\n            placeholder=\"\"\n            id=\"js-user-description-field\"\n          />\n        </span>\n        <button\n          className=\"user__data-description__submit\"\n          type=\"submit\"\n          disabled={isSubmitting}\n        >\n          <div className=\"_body\">保存</div>\n        </button>\n      </div>\n      <p className=\"user__data-description__help\">\n        運営者だけが見られる、受講者には非公開のメモです。\n      </p>\n    </form>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport MemberEventGroupUpdatingModal from \"./MemberEventGroupUpdatingModal\";\nimport MemberDescriptionForm from \"./MemberDescriptionForm\";\nimport { localizeDateToYmdString } from \"utils/localize-date\";\nimport localizeGender from \"../../utils/localize-gender\";\nimport MemberCustomFields from \"components/ManagementMemberPage/MemberCustomFields\";\nimport MemberFamilies from \"components/ManagementMemberPage/MemberFamilies\";\nimport { useApi } from \"hooks/api\";\nimport { Enrollment } from \"components/ManagementMemberPage/ManagementMemberPageContainer\";\nimport { numberFormat } from \"utils/number-format\";\nimport MemberRecurrenceBillsUpdatingModal from \"components/ManagementMemberPage/MemberRecurrenceBillsUpdatingModal\";\nimport {\n  deadlineAdditionalMonth,\n  deadlineMonthlyDay,\n} from \"utils/recurrence-bill-deadline-convertor\";\nimport { useToast } from \"components/Toast/use-toast\";\nimport { Toaster } from \"components/Toast/toaster\";\n\ninterface Props {\n  getEnrolledEventGroups: (url: string) => Promise<{\n    form_action: string;\n    event_groups: unknown[];\n  }>;\n  getRecurrenceBills: (url: string) => Promise<{\n    form_action: string;\n    recurrence_bills: unknown[];\n  }>;\n  handleUpdateEnrolledEventGroups: (\n    enrollmentId: number,\n    url: string,\n    data: unknown,\n  ) => Promise<void>;\n  handleUpdateRecurredBills: (\n    enrollmentId: number,\n    url: string,\n    data: unknown,\n  ) => Promise<void>;\n  handleUpdateEnrollment: (\n    enrollmentId: number,\n    data: { enrollment: { description: string } },\n  ) => Promise<void>;\n  subscribed: boolean;\n  enrollment: Enrollment;\n  newCoursePath: string;\n  newRecurrenceBillPath: string;\n  recurrenceBillsShowAccess: boolean;\n  studentsBulkEnrollmentEventGroupsIndexAccess: boolean;\n}\n\nexport interface CustomField {\n  custom_field_id: number;\n  custom_field_value_id: number;\n  custom_field_option_id: number;\n  name: string;\n  value: string;\n  field_type: string;\n  options: {\n    id: number;\n    option_value: string;\n  }[];\n  resource_url: string;\n}\n\nexport interface Family {\n  id: number;\n  name: string;\n}\n\ninterface DetailsResponse {\n  families?: Family[];\n  custom_fields?: CustomField[];\n  message?: string;\n}\n\nexport default (props: Props): JSX.Element => {\n  const [families, setFamilies] = useState<Family[]>([]);\n  const [customFields, setCustomFields] = useState<CustomField[]>([]);\n  const { toast } = useToast();\n\n  const { requestAsJson } = useApi();\n  const [updatingCoursesModalVisible, setUpdatingCoursesModalVisible] =\n    useState(\n      false,\n    );\n  const [\n    updatingRecurrenceBillsModalVisible,\n    setUpdatingRecurrenceBillsModalVisible,\n  ] = useState(\n    false,\n  );\n\n  // モーダルのスクロール位置を最上部に設定する\n  const scrollToTop = () => {\n    const element = document.getElementById(\"admin-table__single\");\n    if (element) {\n      element.scroll({ top: 0 });\n    }\n  };\n\n  useEffect(() => {\n    (async () => {\n      const result = await requestAsJson<DetailsResponse>({\n        path: props.enrollment.details_url,\n        method: \"GET\",\n      });\n      if (result.families) {\n        setFamilies(result.families);\n      }\n      if (result.custom_fields) {\n        setCustomFields(result.custom_fields);\n      }\n      if (result.message) {\n        toast({\n          title: result.message,\n          description: \"\",\n          children: null,\n          variant: \"default\",\n        });\n      }\n    })();\n  }, [props.enrollment.details_url]);\n\n  return (\n    <>\n      <div className=\"page__container\">\n        <div className=\"user\">\n          <div className=\"user__data\">\n            {props.enrollment.student.gender && (\n              <dl>\n                <dt>\n                  性別\n                </dt>\n                <dd>{localizeGender(props.enrollment.student.gender)}</dd>\n              </dl>\n            )}\n            {props.enrollment.student.date_of_birth && (\n              <dl>\n                <dt>\n                  生年月日\n                </dt>\n                <dd>\n                  {localizeDateToYmdString(\n                    props.enrollment.student.date_of_birth,\n                  )}\n                </dd>\n              </dl>\n            )}\n            {props.enrollment.student.dependent && (\n              <dl>\n                <dt>\n                  保護者\n                </dt>\n                <dd>\n                  {props.enrollment.student.users[0].name} <br />\n                  <div>\n                    連絡先：\n                    <a\n                      href={`tel:${\n                        props.enrollment.student.users[0].phone_number\n                      }`}\n                    >\n                      {props.enrollment.student.users[0].phone_number}\n                    </a>\n                  </div>\n                </dd>\n              </dl>\n            )}\n            <MemberFamilies\n              families={families}\n            />\n            {props.enrollment.student.address && (\n              <dl>\n                <dt>\n                  住所\n                </dt>\n                <dd>\n                  〒{props.enrollment.student.address.postal_code}\n                  <br />\n                  {props.enrollment.student.address.address}\n                </dd>\n              </dl>\n            )}\n            {!props.enrollment.student.dependent &&\n              props.enrollment.student.users[0] &&\n              props.enrollment.student.users[0].phone_number && (\n              <dl>\n                <dt>\n                  連絡先\n                </dt>\n                <dd>\n                  <a\n                    href={`tel:${\n                      props.enrollment.student.users[0].phone_number\n                    }`}\n                  >\n                    {props.enrollment.student.users[0].phone_number}\n                  </a>\n                </dd>\n              </dl>\n            )}\n            <dl>\n              <dt>\n                入会日\n              </dt>\n              <dd>\n                {localizeDateToYmdString(\n                  props.enrollment.created_at,\n                )}\n              </dd>\n            </dl>\n            <dl>\n              <dt>\n                利用規約\n              </dt>\n              <dd>\n                {props.enrollment.classroom_term_agreement\n                  ? `同意します ${\n                    localizeDateToYmdString(\n                      props.enrollment.classroom_term_agreement.agreed_at,\n                    )\n                  }`\n                  : \"未回答\"}\n              </dd>\n            </dl>\n            <dl>\n              <dt>\n                内部メモ\n              </dt>\n              <dd className=\"user__data-description__form\">\n                <MemberDescriptionForm\n                  enrollment={props.enrollment}\n                  handleUpdateEnrollment={props.handleUpdateEnrollment}\n                />\n              </dd>\n            </dl>\n            <MemberCustomFields\n              customFields={customFields}\n              customFieldsUrl={props.enrollment.custom_fields_url}\n            />\n          </div>\n\n          <div className=\"user__data-list__course\">\n            <div className=\"page__section-head\">\n              <h2 className=\"page__title --level-2\">\n                所属\n              </h2>\n              {props.subscribed &&\n                props.studentsBulkEnrollmentEventGroupsIndexAccess && (\n                <div className=\"page__action button__openUpdatingCourses -appearance-transparent\">\n                  <button\n                    onClick={() => {\n                      // モーダル表示の処理\n                      setUpdatingCoursesModalVisible(true);\n                      scrollToTop();\n                    }}\n                  >\n                    <div className=\"_leading\">\n                      <span className=\"icon _icon\" data-icon=\"pencil\"></span>\n                    </div>\n                    <div className=\"_body\">\n                      編集\n                    </div>\n                  </button>\n                </div>\n              )}\n            </div>\n            <ul className=\"_list\">\n              {props.enrollment.enrolled_event_groups.map((event_group) => (\n                <li className=\"_item\" key={event_group.id}>\n                  <a\n                    href={`./courses/${event_group.slug}`}\n                    rel=\"\"\n                    data-turbolinks=\"false\"\n                  >\n                    <div className=\"_body\">\n                      <div className=\"_title\">{event_group.name}</div>\n                      <div className=\"_description\">\n                        {event_group.enrolled_at} 登録\n                      </div>\n                    </div>\n                    <div className=\"_trailing\">\n                      <div className=\"_icon\">\n                        <span className=\"icon\" data-icon=\"chevron_right\" />\n                      </div>\n                    </div>\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </div>\n\n          {props.recurrenceBillsShowAccess\n            ? (\n              <div className=\"user__data-list__recurrence-bill\">\n                <div className=\"page__section-head\">\n                  <h2 className=\"page__title --level-2\">\n                    定期請求\n                  </h2>\n                  {props.subscribed && (\n                    <div className=\"page__action button__openUpdatingRecurrenceBills -appearance-transparent\">\n                      <button\n                        onClick={() => {\n                          // モーダル表示の処理\n                          setUpdatingRecurrenceBillsModalVisible(true);\n                          scrollToTop();\n                        }}\n                      >\n                        <div className=\"_leading\">\n                          <span className=\"icon _icon\" data-icon=\"pencil\">\n                          </span>\n                        </div>\n                        <div className=\"_body\">\n                          編集\n                        </div>\n                      </button>\n                    </div>\n                  )}\n                </div>\n                <ul className=\"_list\">\n                  {props.enrollment.recurrence_bills.map((recurrence_bill) => (\n                    <li className=\"_item\" key={recurrence_bill.id}>\n                      <a\n                        href={recurrence_bill.path}\n                        rel=\"\"\n                        data-turbolinks=\"false\"\n                      >\n                        <div className=\"_body\">\n                          <div className=\"_title\">{recurrence_bill.name}</div>\n                          <div className=\"_description\">\n                            {`${\n                              numberFormat(recurrence_bill.amount)\n                            }円 毎月${recurrence_bill.by_month_day}日 ${\n                              deadlineAdditionalMonth(\n                                recurrence_bill.deadline_additional_month,\n                              )\n                            }${\n                              deadlineMonthlyDay(\n                                recurrence_bill.deadline_month_day,\n                              )\n                            }日まで`}\n                          </div>\n                        </div>\n                        <div className=\"_trailing\">\n                          <div className=\"_icon\">\n                            <span className=\"icon\" data-icon=\"chevron_right\" />\n                          </div>\n                        </div>\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            )\n            : null}\n        </div>\n        {updatingCoursesModalVisible && (\n          <MemberEventGroupUpdatingModal\n            getEnrolledEventGroups={props.getEnrolledEventGroups}\n            onUpdateEnrolledEventGroups={async (url, data) => {\n              await props.handleUpdateEnrolledEventGroups(\n                props.enrollment.id,\n                url,\n                data,\n              );\n            }}\n            onCloseButtonClick={() => setUpdatingCoursesModalVisible(false)}\n            bulkEnrollmentEventGroupsUrl={props.enrollment\n              .bulk_enrollment_event_groups_url}\n            newCoursePath={props.newCoursePath}\n          />\n        )}\n        {updatingRecurrenceBillsModalVisible && (\n          <MemberRecurrenceBillsUpdatingModal\n            getRecurrenceBills={props.getRecurrenceBills}\n            onUpdateRecurrenceBills={async (url, data) => {\n              await props.handleUpdateRecurredBills(\n                props.enrollment.id,\n                url,\n                data,\n              );\n            }}\n            onCloseButtonClick={() =>\n              setUpdatingRecurrenceBillsModalVisible(false)}\n            recurrenceBillsPath={props.enrollment\n              .recurrence_bills_path}\n            newRecurrenceBillPath={props.newRecurrenceBillPath}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n","import React, { useEffect, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\n\ninterface EventGroup {\n  id: number;\n  name: string;\n  enrolled: boolean;\n}\n\ninterface Props {\n  onCloseButtonClick: () => void;\n  getEnrolledEventGroups: (url: string) => Promise<{\n    form_action: string;\n    event_groups: unknown[];\n  }>;\n  onUpdateEnrolledEventGroups: (\n    url: string,\n    data: unknown,\n  ) => Promise<void>;\n  bulkEnrollmentEventGroupsUrl: string;\n  newCoursePath: string;\n}\n\ninterface Inputs {\n  bulk_enrollment_event_groups: {\n    event_group_ids: string[];\n  };\n}\n\nexport default function MemberEventGroupUpdatingModal({\n  onCloseButtonClick,\n  getEnrolledEventGroups,\n  onUpdateEnrolledEventGroups,\n  bulkEnrollmentEventGroupsUrl,\n  newCoursePath,\n}: Props) {\n  const [formAction, setFormAction] = useState(\"\");\n  const [eventGroups, setEventGroups] = useState<EventGroup[] | undefined>(\n    undefined,\n  );\n  const handleButtonClick = () => {\n    window.location.href = newCoursePath;\n  };\n\n  const {\n    register,\n    handleSubmit,\n    setValue,\n    formState: { isSubmitting, isSubmitted },\n  } = useForm<Inputs>({\n    defaultValues: {\n      bulk_enrollment_event_groups: {\n        event_group_ids: (eventGroups || [])\n          .filter((eventGroup) => eventGroup.enrolled)\n          .map((eventGroup) => eventGroup.id.toString()),\n      },\n    },\n  });\n  const onSubmit = async (data: Inputs) => {\n    if (!formAction) {\n      return;\n    }\n    await onUpdateEnrolledEventGroups(formAction, data);\n    onCloseButtonClick();\n  };\n\n  useEffect(() => {\n    (async () => {\n      const { event_groups, form_action } = await getEnrolledEventGroups(\n        bulkEnrollmentEventGroupsUrl,\n      );\n      setValue(\n        \"bulk_enrollment_event_groups.event_group_ids\",\n        (event_groups || []).filter((eventGroup: EventGroup) =>\n          eventGroup.enrolled\n        )\n          .map((eventGroup: EventGroup) => eventGroup.id.toString()),\n      );\n      setFormAction(form_action);\n      setEventGroups(event_groups as EventGroup[]);\n    })();\n  }, []);\n\n  return (\n    <div className=\"modal-list\">\n      <div\n        id=\"course-select-modal\"\n        className=\"_container modal-list__modal --visible\"\n        aria-labelledby=\"modal-title\"\n        aria-modal=\"true\"\n      >\n        <div className=\"modal-header\">\n          <div className=\"_container\">\n            <div id=\"modal-title\" className=\"_title\">\n              <span>コースを選択</span>\n            </div>\n            <div className=\"_nav\">\n              <button\n                type=\"button\"\n                className=\"button -appearance-transparent -color-neutral -shape-circle\"\n                aria-label=\"閉じる\"\n                onClick={onCloseButtonClick}\n              >\n                <div className=\"_leading\">\n                  <span className=\"icon _icon\" data-icon=\"cross\" />\n                </div>\n              </button>\n            </div>\n            {eventGroups?.length > 0 && (\n              <div className=\"_action\">\n                <button\n                  type=\"button\"\n                  onClick={() => window.location.href = newCoursePath}\n                  className=\"button -appearance-transparent -size-s -color-interactive\"\n                  aria-label=\"コース作成ページへのリンク\"\n                >\n                  <div className=\"_leading\">\n                    <span className=\"icon\" data-icon=\"plus\"></span>\n                  </div>\n                  <div className=\"_body\">\n                    コース作成\n                  </div>\n                </button>\n              </div>\n            )}\n          </div>\n        </div>\n\n        <div className=\"modal-content__container\">\n          <form onSubmit={handleSubmit(onSubmit)}>\n            <div className=\"form\">\n              {eventGroups?.length > 0 && (\n                <>\n                  <div className=\"form__item\">\n                    <ul className=\"_list\">\n                      {eventGroups.map((eventGroup) => (\n                        <li className=\"_item\" key={eventGroup.id}>\n                          <label htmlFor={`event-group-${eventGroup.id}`}>\n                            <div className=\"_leading\">\n                              <div className=\"_input\">\n                                <input\n                                  id={`event-group-${eventGroup.id}`}\n                                  className=\"checkbox\"\n                                  type=\"checkbox\"\n                                  {...register(\n                                    \"bulk_enrollment_event_groups.event_group_ids\",\n                                  )}\n                                  value={eventGroup.id}\n                                />\n                              </div>\n                            </div>\n                            <div className=\"_body\">\n                              <div className=\"_title\">\n                                {eventGroup.name}\n                              </div>\n                            </div>\n                          </label>\n                        </li>\n                      ))}\n                    </ul>\n                  </div>\n\n                  <div className=\"form__bottom-action\">\n                    <div className=\"form__action\">\n                      <ul className=\"button-group -column-2\">\n                        <li className=\"_item\">\n                          <button\n                            name=\"button\"\n                            onClick={onCloseButtonClick}\n                            className=\"button -size-l -appearance-filled -width-full\"\n                          >\n                            <div className=\"_body\">\n                              キャンセル\n                            </div>\n                          </button>\n                        </li>\n                        <li className=\"_item\">\n                          <button\n                            name=\"button\"\n                            type=\"submit\"\n                            className=\"button -size-l -appearance-filled -width-full -color-interactive\"\n                            disabled={isSubmitting || isSubmitted}\n                          >\n                            <div className=\"_body\">\n                              保存\n                            </div>\n                          </button>\n                        </li>\n                      </ul>\n                    </div>\n                  </div>\n                </>\n              )}\n              {eventGroups?.length === 0 && (\n                <div className=\"form__section\">\n                  <div className=\"form__item\">\n                    <p className=\"form__text\">\n                      コースがまだ作成されていません。<br />\n                      コース作成後に受講者をコースへ所属させることができます。\n                    </p>\n                  </div>\n                  <div className=\"form__bottom-action\">\n                    <div className=\"form__action\">\n                      <ul className=\"button-group -column-2\">\n                        <li className=\"_item\">\n                          <button\n                            name=\"button\"\n                            onClick={onCloseButtonClick}\n                            className=\"button -size-l -appearance-filled -width-full\"\n                            type=\"button\"\n                          >\n                            <div className=\"_body\">\n                              キャンセル\n                            </div>\n                          </button>\n                        </li>\n                        <li className=\"_item\">\n                          <button\n                            type=\"button\"\n                            onClick={() => window.location.href = newCoursePath}\n                            className=\"button -size-l -appearance-filled -width-full -color-interactive\"\n                            aria-label=\"コース作成ページへのリンク\"\n                          >\n                            <div className=\"_body\">\n                              コース作成\n                            </div>\n                          </button>\n                        </li>\n                      </ul>\n                    </div>\n                  </div>\n                </div>\n              )}\n              {!eventGroups && (\n                <div className=\"--loading\">\n                  <div className=\"in-skeleton-interactive-list\">\n                    <ul className=\"_list\">\n                      <li className=\"_item\">\n                        <div>\n                          <div className=\"_leading\">\n                            <div className=\"_input\">\n                              <div className=\"in-skeleton-checkbox\"></div>\n                            </div>\n                          </div>\n                          <div className=\"_body\">\n                            <div className=\"_title\">\n                              <span className=\"_skeleton\"></span>\n                            </div>\n                          </div>\n                        </div>\n                      </li>\n                      <li className=\"_item\">\n                        <div>\n                          <div className=\"_leading\">\n                            <div className=\"_input\">\n                              <div className=\"in-skeleton-checkbox\"></div>\n                            </div>\n                          </div>\n                          <div className=\"_body\">\n                            <div className=\"_title\">\n                              <span className=\"_skeleton\"></span>\n                            </div>\n                          </div>\n                        </div>\n                      </li>\n                      <li className=\"_item\">\n                        <div>\n                          <div className=\"_leading\">\n                            <div className=\"_input\">\n                              <div className=\"in-skeleton-checkbox\"></div>\n                            </div>\n                          </div>\n                          <div className=\"_body\">\n                            <div className=\"_title\">\n                              <span className=\"_skeleton\"></span>\n                            </div>\n                          </div>\n                        </div>\n                      </li>\n                    </ul>\n                  </div>\n                </div>\n              )}\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { localizeDateToYearMonthDayTime } from \"../../utils/localize-date\";\n\ninterface Event {\n  id: number;\n  name: string;\n  url: string;\n  starts_at: Date;\n  status: string;\n  publish_scope: string;\n}\n\ninterface Props {\n  getEvents: (url: string) => Promise<{ events: unknown[] }>;\n  events_url: string;\n  new_event_url: string;\n}\n\nexport default function MemberEvents(props: Props) {\n  const [events, setEvents] = useState<Event[] | null>(\n    null,\n  );\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    (async () => {\n      setLoading(true);\n      const { events } = await props.getEvents(\n        props.events_url,\n      );\n      setEvents(events as Event[]);\n      setLoading(false);\n    })();\n  }, [props.events_url]);\n\n  return (\n    <div className=\"page__section\">\n      <div className=\"page__container\">\n        <div className=\"user\">\n          <div className=\"user__data\">\n            <div className=\"user__data-table__action\">\n              <a\n                href={props.new_event_url}\n                className=\"button -appearance-outlined  -color-interactive -size-s\"\n              >\n                <div className=\"_leading\">\n                  <span className=\"icon\" data-icon=\"plus\"></span>\n                </div>\n                <div className=\"_body\">\n                  予定作成\n                </div>\n              </a>\n            </div>\n            <div className=\"user__data-table__wrapper\">\n              <table\n                aria-label=\"予定一覧\"\n                className=\"user__data-table\"\n              >\n                <thead>\n                  <tr>\n                    <th className=\"-width-third\">\n                      開始日時\n                    </th>\n                    <th>\n                      タイトル\n                    </th>\n                    <th>\n                      出欠\n                    </th>\n                  </tr>\n                </thead>\n\n                <tbody>\n                  {loading || events === null\n                    ? (\n                      <tr>\n                        <td>\n                          <span className=\"user__data-table__loading\">\n                          </span>\n                        </td>\n                        <td>\n                          <span className=\"user__data-table__loading\">\n                          </span>\n                        </td>\n                        <td>\n                          <span className=\"user__data-table__loading\">\n                          </span>\n                        </td>\n                      </tr>\n                    )\n                    : events.length === 0\n                    ? (\n                      <tr>\n                        <td colSpan={3}>お知らせしている予定はありません</td>\n                      </tr>\n                    )\n                    : (\n                      events.map((event: Event) => (\n                        <tr key={event.id}>\n                          <td>\n                            <div>\n                              {localizeDateToYearMonthDayTime(\n                                event.starts_at,\n                              )}\n                            </div>\n                          </td>\n                          <td className=\"-overflow-ellipsis\">\n                            <a href={event.url} data-turbolinks=\"false\">\n                              {event.name}\n                            </a>\n                          </td>\n                          <td>\n                            {event.status === \"出席\" && (\n                              <>\n                                <span className=\"user__data-table__status --positive\">\n                                  <span\n                                    className=\"icon --positive\"\n                                    data-icon=\"check_on_circle\"\n                                  >\n                                  </span>\n                                  {event.status}\n                                </span>\n                              </>\n                            )}\n                            {event.status === \"欠席\" && (\n                              <>\n                                <span className=\"user__data-table__status --negative\">\n                                  <span\n                                    className=\"icon\"\n                                    data-icon=\"cross_on_circle\"\n                                  />\n                                  {event.status}\n                                </span>\n                              </>\n                            )}\n                            {event.status === \"未定\" && (\n                              <>\n                                <span className=\"user__data-table__status --notice\">\n                                  <span\n                                    className=\"icon\"\n                                    data-icon=\"ellipsis_horizontal_on_circle\"\n                                  />\n                                  {event.status}\n                                </span>\n                              </>\n                            )}\n                          </td>\n                        </tr>\n                      ))\n                    )}\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\nimport { Family } from \"components/ManagementMemberPage/MemberDetails\";\n\ninterface Props {\n  families: Family[];\n}\n\nexport default function MemberFamilies(props: Props): JSX.Element {\n  return (\n    props.families.length >= 1 && (\n      <dl>\n        <dt>\n          家族等<br />\n          <span className=\"_description\">\n            同一アカウントに紐づく受講者\n          </span>\n        </dt>\n        <dd>\n          <ul>\n            {props.families.map((family, index) => (\n              <li key={index}>\n                <a href={`./members#students/${family.id}/`}>\n                  {family.name}\n                </a>\n              </li>\n            ))}\n          </ul>\n        </dd>\n      </dl>\n    )\n  );\n}\n","import classNames from \"classnames\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport MemberBills from \"./MemberBills\";\nimport MemberAnnouncements from \"./MemberAnnouncements\";\nimport MemberEvents from \"./MemberEvents\";\nimport MemberDetails from \"./MemberDetails\";\nimport TextAvatar from \"../TextAvatar\";\nimport Dialog from \"../Dialog\";\nimport { Enrollment } from \"components/ManagementMemberPage/ManagementMemberPageContainer\";\n\ninterface Props {\n  onCloseFloatingView: () => void;\n  getEnrolledEventGroups: (url: string) => Promise<{\n    form_action: string;\n    event_groups: unknown[];\n  }>;\n  getRecurrenceBills: (url: string) => Promise<{\n    form_action: string;\n    recurrence_bills: unknown[];\n  }>;\n  getBills: (url: string) => Promise<{ bills: unknown[] }>;\n  getAnnouncements: (url: string) => Promise<{ announcements: unknown[] }>;\n  getEvents: (url: string) => Promise<{ events: unknown[] }>;\n  handleUpdateEnrolledEventGroups: (\n    enrollmentId: number,\n    url: string,\n    data: unknown,\n  ) => Promise<void>;\n  handleUpdateRecurredBills: (\n    enrollmentId: number,\n    url: string,\n    data: unknown,\n  ) => Promise<void>;\n  handleUpdateEnrollment: (\n    enrollmentId: number,\n    data: { enrollment: { description: string } },\n  ) => Promise<void>;\n  subscribed: boolean;\n  enrollment: Enrollment | null;\n  newCoursePath: string;\n  newRecurrenceBillPath: string;\n  membersDestroyAccess: boolean;\n  recurrenceBillsShowAccess: boolean;\n  studentsBillsIndexAccess: boolean;\n  studentsBulkEnrollmentEventGroupsIndexAccess: boolean;\n}\n\nexport default function MemberFloatingView(props: Props): JSX.Element {\n  const [viewer, setViewer] = useState<string>(\n    sessionStorage.getItem(\"viewer\") || \"details\",\n  );\n  const [userActionPopupVisible, setUserActionPopupVisible] = useState(false);\n  const [deletingPopupVisible, setDeletingPopupVisible] = useState(false);\n  const toggleUserActionPopup = () => {\n    setUserActionPopupVisible((prev) => !prev);\n  };\n  const handleBlur = (event) => {\n    const isButtonFocused = event.relatedTarget?.tagName === \"BUTTON\";\n    if (!isButtonFocused) {\n      setUserActionPopupVisible(false);\n    }\n  };\n  const tabViewer = {\n    details: (\n      <div className=\"tab-content__item\">\n        {props.enrollment && (\n          <MemberDetails\n            subscribed={props.subscribed}\n            enrollment={props.enrollment}\n            newCoursePath={props.newCoursePath}\n            newRecurrenceBillPath={props.newRecurrenceBillPath}\n            getEnrolledEventGroups={props.getEnrolledEventGroups}\n            getRecurrenceBills={props.getRecurrenceBills}\n            handleUpdateEnrolledEventGroups={props\n              .handleUpdateEnrolledEventGroups}\n            handleUpdateRecurredBills={props.handleUpdateRecurredBills}\n            handleUpdateEnrollment={props.handleUpdateEnrollment}\n            recurrenceBillsShowAccess={props.recurrenceBillsShowAccess}\n            studentsBulkEnrollmentEventGroupsIndexAccess={props\n              .studentsBulkEnrollmentEventGroupsIndexAccess}\n          />\n        )}\n      </div>\n    ),\n    bills: (\n      <div className=\"tab-content__item\">\n        {props.enrollment && (\n          <MemberBills\n            getBills={props.getBills}\n            bills_url={props.enrollment.bills_url}\n            new_bill_url={props.enrollment.new_bill_url}\n          />\n        )}\n      </div>\n    ),\n    announcements: (\n      <div className=\"tab-content__item\">\n        {props.enrollment && (\n          <MemberAnnouncements\n            getAnnouncements={props.getAnnouncements}\n            announcements_url={props.enrollment.announcements_url}\n            new_announcement_url={props.enrollment.new_announcement_url}\n          />\n        )}\n      </div>\n    ),\n    events: (\n      <div className=\"tab-content__item\">\n        {props.enrollment && (\n          <MemberEvents\n            getEvents={props.getEvents}\n            events_url={props.enrollment.events_url}\n            new_event_url={props.enrollment.new_event_url}\n          />\n        )}\n      </div>\n    ),\n  };\n  const ref = useRef<HTMLButtonElement>();\n\n  useEffect(() => {\n    if (props.enrollment) {\n      ref.current?.focus();\n    }\n  }, [props.enrollment]);\n\n  return (\n    <section\n      id=\"admin-table__single\"\n      className={classNames(\n        \"admin-table__single\",\n        { \"_visible\": props.enrollment !== null },\n      )}\n    >\n      {props.enrollment && (\n        <div className=\"single-container\">\n          <div className=\"single-control\">\n            <div className=\"single-control__button\">\n              <button\n                onClick={props.onCloseFloatingView}\n                ref={ref}\n                aria-label=\"閉じる\"\n              >\n                <span className=\"icon --close\" data-icon=\"cross\" />\n                <span className=\"icon --back\" data-icon=\"chevron_left\" />\n              </button>\n            </div>\n\n            {props.membersDestroyAccess\n              ? (\n                <div className=\"single-control__button single-control__action\">\n                  <button\n                    className=\"single-control__button\"\n                    onClick={toggleUserActionPopup}\n                    onBlur={handleBlur}\n                    aria-label=\"操作\"\n                    aria-controls=\"user-action\"\n                    aria-expanded={userActionPopupVisible ? \"true\" : \"false\"}\n                  >\n                    <span className=\"icon\" data-icon=\"ellipsis_horizontal\" />\n                  </button>\n                  {userActionPopupVisible && (\n                    <>\n                      <ul className=\"dropdown__list\" id=\"user-action\">\n                        <li className=\"dropdown__item\">\n                          <button\n                            onClick={() => setDeletingPopupVisible(true)}\n                          >\n                            <div className=\"_body\">\n                              教室から退会\n                            </div>\n                          </button>\n                        </li>\n                      </ul>\n                      {deletingPopupVisible && (\n                        <Dialog\n                          title={`${props.enrollment.student.name}様をこの教室から退会させますか？`}\n                          description=\"この受講者の情報は閲覧できなくなります。また、退会した受講者はあなたの教室に関する情報（お知らせ・予定）の閲覧や、未払いの集金へのお支払いができなくなります。\"\n                          onCloseButtonClick={() =>\n                            setDeletingPopupVisible(false)}\n                        >\n                          <a\n                            className=\"button -appearance-transparent -size-m -color-negative\"\n                            rel=\"nofollow\"\n                            data-method=\"delete\"\n                            href={props.enrollment.delete_url}\n                          >\n                            <div className=\"_body\">\n                              退会\n                            </div>\n                          </a>\n                        </Dialog>\n                      )}\n                    </>\n                  )}\n                </div>\n              )\n              : null}\n          </div>\n          <div className=\"page__section\">\n            <div className=\"page__container\">\n              <div className=\"user\">\n                <div className=\"user__cover\">\n                  <div className=\"user__avatar\">\n                    <TextAvatar\n                      size={\"l\"}\n                      name={props.enrollment.student.name}\n                    />\n                  </div>\n                  <h1 className=\"user__name\">\n                    {props.enrollment.student.name}\n                  </h1>\n                  <div className=\"user__name-ruby\">\n                    {props.enrollment.student.name_kana}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div className=\"content-tab\">\n            <div role=\"tablist\">\n              <button\n                id=\"tab-details\"\n                className=\"content-tab__item\"\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={viewer === \"details\" ? \"true\" : \"false\"}\n                aria-controls={\"tabpanel-details\"}\n                onClick={() => {\n                  setViewer(\"details\");\n                  sessionStorage.setItem(\"viewer\", \"details\");\n                }}\n              >\n                <span className=\"tab__title\">\n                  登録情報\n                </span>\n              </button>\n\n              {props.studentsBillsIndexAccess\n                ? (\n                  <button\n                    id=\"tab-bills\"\n                    className=\"content-tab__item\"\n                    type=\"button\"\n                    role=\"tab\"\n                    aria-selected={viewer === \"bills\" ? \"true\" : \"false\"}\n                    aria-controls={\"tabpanel-bills\"}\n                    onClick={() => {\n                      setViewer(\"bills\");\n                      sessionStorage.setItem(\"viewer\", \"bills\");\n                    }}\n                  >\n                    <span className=\"tab__title\">\n                      請求\n                    </span>\n                  </button>\n                )\n                : null}\n\n              <button\n                id=\"tab-announcements\"\n                className=\"content-tab__item\"\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={viewer === \"announcements\" ? \"true\" : \"false\"}\n                aria-controls={\"tabpanel-announcements\"}\n                onClick={() => {\n                  setViewer(\"announcements\");\n                  sessionStorage.setItem(\"viewer\", \"announcements\");\n                }}\n              >\n                <span className=\"tab__title\">\n                  お知らせ\n                </span>\n              </button>\n\n              <button\n                id=\"tab-events\"\n                className=\"content-tab__item\"\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={viewer === \"events\" ? \"true\" : \"false\"}\n                aria-controls={\"tabpanel-events\"}\n                onClick={() => {\n                  setViewer(\"events\");\n                  sessionStorage.setItem(\"viewer\", \"events\");\n                }}\n              >\n                <span className=\"tab__title\">\n                  予定\n                </span>\n              </button>\n            </div>\n\n            <div\n              id={\"tabpanel-\" + viewer}\n              role=\"tabpanel\"\n              aria-labelledby={\"tab-\" + viewer}\n            >\n              {tabViewer[viewer]}\n            </div>\n          </div>\n        </div>\n      )}\n    </section>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { numberFormat } from \"utils/number-format\";\nimport {\n  deadlineAdditionalMonth,\n  deadlineMonthlyDay,\n} from \"utils/recurrence-bill-deadline-convertor\";\n\ninterface RecurrenceBill {\n  id: number;\n  name: string;\n  amount: number;\n  by_month_day: number;\n  deadline_additional_month: number;\n  deadline_month_day: number;\n  recurred: boolean;\n}\n\ninterface Props {\n  onCloseButtonClick: () => void;\n  getRecurrenceBills: (url: string) => Promise<{\n    form_action: string;\n    recurrence_bills: unknown[];\n  }>;\n  onUpdateRecurrenceBills: (\n    url: string,\n    data: unknown,\n  ) => Promise<void>;\n  recurrenceBillsPath: string;\n  newRecurrenceBillPath: string;\n}\n\ninterface Inputs {\n  recurrence_bills: {\n    recurrence_bill_ids: string[];\n  };\n}\n\nexport default function MemberRecurrenceBillsUpdatingModal({\n  onCloseButtonClick,\n  getRecurrenceBills,\n  onUpdateRecurrenceBills,\n  recurrenceBillsPath,\n  newRecurrenceBillPath,\n}: Props) {\n  const [formAction, setFormAction] = useState(\"\");\n  const [recurrenceBills, setRecurrenceBills] = useState<\n    RecurrenceBill[] | undefined\n  >(\n    undefined,\n  );\n  const handleButtonClick = () => {\n    window.location.href = newRecurrenceBillPath;\n  };\n\n  const {\n    register,\n    handleSubmit,\n    setValue,\n    formState: { isSubmitting, isSubmitted },\n  } = useForm<Inputs>({\n    defaultValues: {\n      recurrence_bills: {\n        recurrence_bill_ids: (recurrenceBills || [])\n          .filter((recurrenceBill) => recurrenceBill.recurred)\n          .map((recurrenceBill) => recurrenceBill.id.toString()),\n      },\n    },\n  });\n  const onSubmit = async (data: Inputs) => {\n    if (!formAction) {\n      return;\n    }\n    await onUpdateRecurrenceBills(formAction, data);\n    onCloseButtonClick();\n  };\n\n  useEffect(() => {\n    (async () => {\n      const { recurrence_bills, form_action } = await getRecurrenceBills(\n        recurrenceBillsPath,\n      );\n      setValue(\n        \"recurrence_bills.recurrence_bill_ids\",\n        (recurrence_bills || []).filter((recurrenceBill: RecurrenceBill) =>\n          recurrenceBill.recurred\n        )\n          .map((recurrenceBill: RecurrenceBill) =>\n            recurrenceBill.id.toString()\n          ),\n      );\n      setFormAction(form_action);\n      setRecurrenceBills(recurrence_bills as RecurrenceBill[]);\n    })();\n  }, []);\n\n  return (\n    <div className=\"modal-list\">\n      <div\n        id=\"course-select-modal\"\n        className=\"_container modal-list__modal --visible\"\n        aria-labelledby=\"modal-title\"\n        aria-modal=\"true\"\n      >\n        <div className=\"modal-header\">\n          <div className=\"_container\">\n            <div id=\"modal-title\" className=\"_title\">\n              <span>定期請求を選択</span>\n            </div>\n            <div className=\"_nav\">\n              <button\n                type=\"button\"\n                className=\"button -appearance-transparent -color-neutral -shape-circle\"\n                aria-label=\"閉じる\"\n                onClick={onCloseButtonClick}\n              >\n                <div className=\"_leading\">\n                  <span className=\"icon _icon\" data-icon=\"cross\" />\n                </div>\n              </button>\n            </div>\n            {recurrenceBills?.length > 0 && (\n              <div className=\"_action\">\n                <button\n                  type=\"button\"\n                  onClick={() => window.location.href = newRecurrenceBillPath}\n                  className=\"button -appearance-transparent -size-s -color-interactive\"\n                  aria-label=\"定期請求作成ページへのリンク\"\n                >\n                  <div className=\"_leading\">\n                    <span className=\"icon\" data-icon=\"plus\"></span>\n                  </div>\n                  <div className=\"_body\">\n                    作成\n                  </div>\n                </button>\n              </div>\n            )}\n          </div>\n        </div>\n\n        <div className=\"modal-content__container\">\n          <form onSubmit={handleSubmit(onSubmit)}>\n            <div className=\"form\">\n              {recurrenceBills?.length > 0 && (\n                <>\n                  <div className=\"form__item\">\n                    <ul className=\"_list\">\n                      {recurrenceBills.map((recurrenceBill) => (\n                        <li className=\"_item\" key={recurrenceBill.id}>\n                          <label\n                            htmlFor={`recurrence-bill-${recurrenceBill.id}`}\n                          >\n                            <div className=\"_leading\">\n                              <div className=\"_input\">\n                                <input\n                                  id={`recurrence-bill-${recurrenceBill.id}`}\n                                  className=\"checkbox\"\n                                  type=\"checkbox\"\n                                  {...register(\n                                    \"recurrence_bills.recurrence_bill_ids\",\n                                  )}\n                                  value={recurrenceBill.id}\n                                />\n                              </div>\n                            </div>\n                            <div className=\"_body\">\n                              <div className=\"_title\">\n                                {recurrenceBill.name}\n                              </div>\n                              <div className=\"_description\">\n                                {`${\n                                  numberFormat(recurrenceBill.amount)\n                                }円 毎月${recurrenceBill.by_month_day}日 ${\n                                  deadlineAdditionalMonth(\n                                    recurrenceBill.deadline_additional_month,\n                                  )\n                                }${\n                                  deadlineMonthlyDay(\n                                    recurrenceBill.deadline_month_day,\n                                  )\n                                }日まで`}\n                              </div>\n                            </div>\n                          </label>\n                        </li>\n                      ))}\n                    </ul>\n                  </div>\n\n                  <div className=\"form__bottom-action\">\n                    <div className=\"form__action\">\n                      <ul className=\"button-group -column-2\">\n                        <li className=\"_item\">\n                          <button\n                            name=\"button\"\n                            onClick={onCloseButtonClick}\n                            className=\"button -size-l -appearance-filled -width-full\"\n                          >\n                            <div className=\"_body\">\n                              キャンセル\n                            </div>\n                          </button>\n                        </li>\n                        <li className=\"_item\">\n                          <button\n                            name=\"button\"\n                            type=\"submit\"\n                            className=\"button -size-l -appearance-filled -width-full -color-interactive\"\n                            disabled={isSubmitting || isSubmitted}\n                          >\n                            <div className=\"_body\">\n                              保存\n                            </div>\n                          </button>\n                        </li>\n                      </ul>\n                    </div>\n                  </div>\n                </>\n              )}\n              {recurrenceBills?.length === 0 && (\n                <div className=\"form__section\">\n                  <div className=\"form__item\">\n                    <p className=\"form__text\">\n                      定期請求がまだ作成されていません。<br />\n                      定期請求の作成後、受講者と紐付けることができます。\n                    </p>\n                  </div>\n                  <div className=\"form__bottom-action\">\n                    <div className=\"form__action\">\n                      <ul className=\"button-group--scalable -column-2--wide\">\n                        <li className=\"_item\">\n                          <button\n                            name=\"button\"\n                            onClick={onCloseButtonClick}\n                            className=\"button -size-l -appearance-filled -width-full -color-neutral\"\n                            type=\"button\"\n                          >\n                            <div className=\"_body\">\n                              キャンセル\n                            </div>\n                          </button>\n                        </li>\n                        <li className=\"_item\">\n                          <button\n                            type=\"button\"\n                            onClick={() =>\n                              window.location.href = newRecurrenceBillPath}\n                            className=\"button -size-l -appearance-filled -width-full -color-interactive\"\n                            aria-label=\"定期請求作成ページへのリンク\"\n                          >\n                            <div className=\"_body\">\n                              定期請求の作成\n                            </div>\n                          </button>\n                        </li>\n                      </ul>\n                    </div>\n                  </div>\n                </div>\n              )}\n              {!recurrenceBills && (\n                <div className=\"--loading\">\n                  <div className=\"in-skeleton-interactive-list\">\n                    <ul className=\"_list\">\n                      <li className=\"_item\">\n                        <div>\n                          <div className=\"_leading\">\n                            <div className=\"_input\">\n                              <div className=\"in-skeleton-checkbox\"></div>\n                            </div>\n                          </div>\n                          <div className=\"_body\">\n                            <div className=\"_title\">\n                              <span className=\"_skeleton\"></span>\n                            </div>\n                          </div>\n                        </div>\n                      </li>\n                      <li className=\"_item\">\n                        <div>\n                          <div className=\"_leading\">\n                            <div className=\"_input\">\n                              <div className=\"in-skeleton-checkbox\"></div>\n                            </div>\n                          </div>\n                          <div className=\"_body\">\n                            <div className=\"_title\">\n                              <span className=\"_skeleton\"></span>\n                            </div>\n                          </div>\n                        </div>\n                      </li>\n                      <li className=\"_item\">\n                        <div>\n                          <div className=\"_leading\">\n                            <div className=\"_input\">\n                              <div className=\"in-skeleton-checkbox\"></div>\n                            </div>\n                          </div>\n                          <div className=\"_body\">\n                            <div className=\"_title\">\n                              <span className=\"_skeleton\"></span>\n                            </div>\n                          </div>\n                        </div>\n                      </li>\n                    </ul>\n                  </div>\n                </div>\n              )}\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  );\n}\n","export async function get<T>(url: string): Promise<T> {\n  const response = await fetch(url, {\n    method: \"GET\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n    },\n  });\n  return await response.json();\n}\n\nexport async function updateEnrolledEventGroups(url: string, data: unknown) {\n  const csrfToken =\n    document.querySelector<HTMLMetaElement>('[name=\"csrf-token\"]').content;\n  const response = await fetch(url, {\n    method: \"PATCH\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n      \"X-CSRF-Token\": csrfToken,\n    },\n    body: JSON.stringify(data),\n    redirect: \"manual\",\n  });\n  if (response.ok) {\n    const { message, enrolled_event_groups } = await response.json();\n    return { message, enrolled_event_groups };\n  } else {\n    const { message } = await response.json();\n    return { message };\n  }\n}\n\nexport async function updateRecurredBills(url: string, data: unknown) {\n  const csrfToken =\n    document.querySelector<HTMLMetaElement>('[name=\"csrf-token\"]').content;\n  const response = await fetch(url, {\n    method: \"PATCH\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n      \"X-CSRF-Token\": csrfToken,\n    },\n    body: JSON.stringify(data),\n    redirect: \"manual\",\n  });\n  if (response.ok) {\n    const { message, recurrence_bills } = await response.json();\n    return { message, recurrence_bills };\n  } else {\n    const errorData = await response.json();\n    const error = new Error(errorData.message);\n    error.name = \"ApiError\";\n    (error as ApiError).response = response;\n    throw error;\n  }\n}\n\nexport async function updateEnrollment(\n  url: string,\n  data: { enrollment: { description: string } },\n) {\n  const csrfToken =\n    document.querySelector<HTMLMetaElement>('[name=\"csrf-token\"]').content;\n  const response = await fetch(url, {\n    method: \"PATCH\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n      \"X-CSRF-Token\": csrfToken,\n    },\n    body: JSON.stringify(data),\n    redirect: \"manual\",\n  });\n  const { message } = await response.json();\n  return { message };\n}\n\ninterface ApiError extends Error {\n  response: Response;\n}\n","import React from \"react\";\n\ninterface Props {\n  backButtonLinkPath?: string;\n}\nexport function ModalBackButton({ backButtonLinkPath }: Props) {\n  const handleClick = () => {\n    if (backButtonLinkPath) {\n      window.location.href = backButtonLinkPath;\n    } else {\n      window.history.back();\n    }\n  };\n\n  return (\n    <>\n      <button\n        className=\"button -appearance-transparent -color-neutral -shape-circle\"\n        aria-label=\"前の画面へ戻る\"\n        type=\"button\"\n        onClick={handleClick}\n      >\n        <div className=\"_leading\">\n          <span className=\"icon _icon\" data-icon=\"arrow_left\"></span>\n        </div>\n      </button>\n    </>\n  );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { format } from \"date-fns\";\n\nconst selectableByMonthDay = [\n  { day: 1, label: \"1日\" },\n  { day: 5, label: \"5日\" },\n  { day: 10, label: \"10日\" },\n  { day: 15, label: \"15日\" },\n  { day: 20, label: \"20日\" },\n  { day: 25, label: \"25日\" },\n  { day: 31, label: \"末日\" },\n];\nconst selectableDeadlineAdditionalMonth = [\n  { additionalMonth: 0, label: \"同月\" },\n  { additionalMonth: 1, label: \"翌月\" },\n];\nconst range = (start, end) =>\n  Array.from({ length: end - start + 1 }, (_, i) => start + i);\nconst selectableDeadlineMonthDay = range(1, 31).map((i) => {\n  return { day: i, label: i < 31 ? `${i}日` : \"末日\" };\n});\n\ninterface Props {\n  by_month_day: number;\n  deadline_additional_month: number;\n  deadline_month_day: number;\n}\n\nexport default function RecurrenceBillDateSelector({\n  by_month_day,\n  deadline_additional_month,\n  deadline_month_day,\n}: Props): JSX.Element {\n  const [byMonthDay, setByMonthDay] = useState(by_month_day);\n  const [deadlineAdditionalMonth, setDeadlineAdditionalMonth] = useState(\n    deadline_additional_month,\n  );\n  const [deadlineMonthDay, setDeadlineMonthDay] = useState(deadline_month_day);\n  const [nextIssuedDate, setNextIssuedDate] = useState<string | null>(null);\n  const [nextDeadlineDate, setNextDeadlineDate] = useState<string | null>(null);\n  const hasDeadlineError = deadlineAdditionalMonth === 0 &&\n    deadlineMonthDay < byMonthDay;\n\n  useEffect(() => {\n    // TODO: いくつかの画面で必要になったらフロント側で計算できるようにする\n    const setDates = async () => {\n      const params = new URLSearchParams({\n        by_month_day: byMonthDay.toString(),\n        deadline_additional_month: deadlineAdditionalMonth.toString(),\n        deadline_month_day: deadlineMonthDay.toString(),\n      });\n      const response = await fetch(\n        `/api/v1/recurrence_bills/calculate_dates?${params}`,\n        {\n          headers: {\n            \"Accept\": \"application/json\",\n            \"Content-Type\": \"application/json\",\n          },\n        },\n      );\n      if (response.ok) {\n        const data = await response.json();\n        setNextIssuedDate(data.next_issued_date);\n        setNextDeadlineDate(data.next_deadline_date);\n      }\n    };\n    void setDates();\n  }, [byMonthDay, deadlineAdditionalMonth, deadlineMonthDay]);\n\n  return (\n    <div>\n      <h2 className=\"form__title\">\n        <span className=\"form__title-trailing\">\n          <span className=\"icon\" data-icon=\"calendar\" />\n        </span>\n        <span className=\"form__title-text\">\n          請求サイクル\n        </span>\n      </h2>\n\n      <div className=\"form__item\">\n        <h3 className=\"form__label\">\n          請求日\n        </h3>\n        <div className=\"form__control\">\n          <div className=\"form__control-select\">\n            毎月\n            <span className=\"select -appearance-filled -size-s -width-auto\">\n              <select\n                className=\"_select\"\n                name=\"recurrence_bill_form[by_month_day]\"\n                id=\"recurrence_bill_form_by_month_day\"\n                value={byMonthDay}\n                onChange={(event) => {\n                  setByMonthDay(Number(event.target.value));\n                }}\n                aria-controls=\"next-issued-date\"\n              >\n                {selectableByMonthDay.map(({ day, label }) => {\n                  return (\n                    <option value={day} key={day}>\n                      {label}\n                    </option>\n                  );\n                })}\n              </select>\n              <span className=\"icon _icon\" />\n            </span>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"form__item\">\n        <h3 className=\"form__label\">\n          期日\n        </h3>\n        <div className=\"form__control -increase-indent\">\n          <div className=\"form__control-select\">\n            請求日の\n            <span className=\"select -appearance-filled -size-s -width-auto\">\n              <select\n                className=\"_select\"\n                name=\"recurrence_bill_form[deadline_additional_month]\"\n                id=\"recurrence_bill_form_deadline_additional_month\"\n                value={deadlineAdditionalMonth}\n                onChange={(event) => {\n                  setDeadlineAdditionalMonth(Number(event.target.value));\n                }}\n                aria-controls=\"deadline-errors next-deadline-date\"\n              >\n                {selectableDeadlineAdditionalMonth.map(\n                  ({ additionalMonth, label }) => {\n                    return (\n                      <option value={additionalMonth} key={additionalMonth}>\n                        {label}\n                      </option>\n                    );\n                  },\n                )}\n              </select>\n              <span className=\"icon _icon\" />\n            </span>\n            <span className=\"select -appearance-filled -size-s -width-auto\">\n              <select\n                className=\"_select\"\n                name=\"recurrence_bill_form[deadline_month_day]\"\n                id=\"recurrence_bill_form_deadline_month_day\"\n                value={deadlineMonthDay}\n                onChange={(event) => {\n                  setDeadlineMonthDay(Number(event.target.value));\n                }}\n                aria-controls=\"deadline-errors next-deadline-date\"\n              >\n                {selectableDeadlineMonthDay.map(({ day, label }) => {\n                  return (\n                    <option value={day} key={day}>\n                      {label}\n                    </option>\n                  );\n                })}\n              </select>\n              <span className=\"icon _icon\" />\n            </span>\n          </div>\n          <div id=\"deadline-errors\" className=\"form__error\" aria-live=\"polite\">\n            {hasDeadlineError &&\n              (\"期日は請求日より後になるように設定してください\")}\n          </div>\n        </div>\n      </div>\n\n      <div className=\"form__item\">\n        <h3 className=\"form__label\">\n          次回請求\n        </h3>\n        <dl className=\"form__result\">\n          <div className=\"form__result-item\">\n            <dt>\n              請求日：\n            </dt>\n            <dd id=\"next-issued-date\" aria-live=\"polite\">\n              {nextIssuedDate\n                ? format(new Date(nextIssuedDate), \"yyyy年L月d日 HH:mm\")\n                : \"YYYY年MM月DD日 HH:MM\"}\n            </dd>\n          </div>\n          <div className=\"form__result-item\">\n            <dt>\n              期日：\n            </dt>\n            <dd id=\"next-deadline-date\" aria-live=\"polite\">\n              {nextDeadlineDate\n                ? format(new Date(nextDeadlineDate), \"yyyy年L月d日 HH:mm\")\n                : \"YYYY年MM月DD日 HH:MM\"}\n            </dd>\n          </div>\n        </dl>\n      </div>\n    </div>\n  );\n}\n","import React, { useState } from \"react\";\nimport Calendar from \"components/Schedules/Calendar\";\nimport EventList from \"components/Schedules/EventList\";\nimport EventListEmpty from \"components/Schedules/EventListEmpty\";\n\nimport { format, isSameDay } from \"date-fns\";\n\nexport default function Schedules(\n  {\n    card_links,\n    classroom_icons,\n    create_event_path,\n    events,\n    is_management,\n    person_avatars,\n    user_mode,\n  },\n): JSX.Element {\n  const today = new Date();\n  const [selectedDate, setSelectedDate] = useState(today);\n\n  const activeEvents = events.filter((event) =>\n    isSameDay(new Date(event.starts_at), selectedDate)\n  );\n\n  const onActiveStartDateChange = ({ action, activeStartDate, value }) => {\n    if (action == \"onChange\") {\n      setSelectedDate(new Date(value));\n    } else {\n      setSelectedDate(new Date(activeStartDate));\n    }\n  };\n\n  const onClickDay = (value, e) => {\n    setSelectedDate(new Date(value));\n  };\n\n  const onClickToday = (e) => {\n    e.stopPropagation();\n\n    setSelectedDate(today);\n  };\n\n  return (\n    <div>\n      <Calendar\n        events={events}\n        onActiveStartDateChange={onActiveStartDateChange}\n        onClickDay={onClickDay}\n        onClickToday={onClickToday}\n        selectedDate={selectedDate}\n        user_mode={user_mode}\n      />\n\n      {activeEvents.length > 0\n        ? (\n          <EventList\n            activeEvents={activeEvents}\n            card_links={card_links}\n            classroom_icons={classroom_icons}\n            is_management={is_management}\n            person_avatars={person_avatars}\n            selectedDate={selectedDate}\n          />\n        )\n        : <EventListEmpty is_management={is_management} />}\n\n      {is_management > 0\n        ? (\n          <div className=\"fab-button\">\n            <div className=\"fab-button__wrapper\">\n              <div className=\"fab-button__container\">\n                <a\n                  href={create_event_path +\n                    `?selected_date=${format(selectedDate, \"yyyy-MM-dd\")}`}\n                  className=\"fab-button__action\"\n                  aria-label=\"予定を作成\"\n                >\n                  <div className=\"_leading\">\n                    <span className=\"icon\" data-icon=\"plus\"></span>\n                  </div>\n\n                  <div className=\"_body\">予定を作成</div>\n                </a>\n              </div>\n            </div>\n          </div>\n        )\n        : null}\n    </div>\n  );\n}\n","import React from \"react\";\nimport ReactCalendar from \"react-calendar\";\nimport CalendarNavigationLabel from \"components/Schedules/CalendarNavigationLabel\";\nimport CalendarTileContent from \"components/Schedules/CalendarTileContent\";\nimport CalendarTileDay from \"components/Schedules/CalendarTileDay\";\nimport { isBefore, isSameMonth } from \"date-fns\";\nimport \"react-calendar/dist/Calendar.css\";\n\nexport default function Calendar(\n  {\n    events,\n    onActiveStartDateChange,\n    onClickDay,\n    onClickToday,\n    selectedDate,\n    user_mode,\n  },\n): JSX.Element {\n  const tileClassName = ({ activeStartDate, date, view }) => {\n    let className = \"schedules-calendar-v1__tile\";\n\n    if (!isSameMonth(new Date(date), new Date(activeStartDate))) {\n      className = className.concat(\" gray\");\n    } else if (date.getDay() === 0) {\n      className = className.concat(\" red\");\n    } else if (date.getDay() === 6) {\n      className = className.concat(\" blue\");\n    }\n\n    if (isBefore(new Date(date), new Date())) {\n      className = className.concat(\" past\");\n    } else {\n      className = className.concat(\" upcoming\");\n    }\n\n    return className;\n  };\n\n  return (\n    <ReactCalendar\n      activeStartDate={selectedDate}\n      calendarType={\"gregory\"}\n      className={\"schedules-calendar-v1\"}\n      defaultView={\"month\"}\n      next2Label={null}\n      onActiveStartDateChange={onActiveStartDateChange}\n      onClickDay={onClickDay}\n      prev2Label={null}\n      tileClassName={tileClassName}\n      view={\"month\"}\n      formatDay={(locale, date) => (\n        <CalendarTileDay\n          date={date}\n          events={events}\n        />\n      )}\n      navigationLabel={({ date, label, locale, view }) => (\n        <CalendarNavigationLabel\n          date={date}\n          label={label}\n          onClickToday={onClickToday}\n        />\n      )}\n      tileContent={({ activeStartDate, date, view }) => (\n        <CalendarTileContent\n          date={date}\n          events={events}\n          user_mode={user_mode}\n        />\n      )}\n    />\n  );\n}\n","import React from \"react\";\nimport { isSameMonth } from \"date-fns\";\n\nexport default function CalendarNavigationLabel(\n  {\n    date,\n    label,\n    onClickToday,\n  },\n): JSX.Element {\n  if (isSameMonth(new Date(), new Date(date))) {\n    return label;\n  } else {\n    return (\n      <span>\n        <span>{label}</span>\n        <span className=\"today\" onClick={onClickToday}>今日</span>\n      </span>\n    );\n  }\n}\n","import React from \"react\";\nimport { isSameDay } from \"date-fns\";\n\nexport default function CalendarTileContent(\n  {\n    date,\n    events,\n    user_mode,\n  },\n): JSX.Element {\n  const tileEvents = () => {\n    return events.filter((event) =>\n      isSameDay(new Date(date), new Date(event.starts_at))\n    );\n  };\n\n  return (\n    <span style={{ width: \"100%\" }}>\n      {tileEvents().slice(0, 2).map((event) => {\n        const goingParticipations = event.event_participations.some(\n          (participation) => participation.status === \"going\",\n        );\n        let className = \"event-name\";\n        if (user_mode === \"student_mode\" && !goingParticipations) {\n          className = \"event-name__participations--no-going\";\n        }\n\n        return (\n          <span key={event.id} className={className}>\n            {event.publish_scope === \"classroom\" && (\n              <span className=\"icon\" data-icon=\"circle\"></span>\n            )}\n            {event.name}\n          </span>\n        );\n      })}\n    </span>\n  );\n}\n","import React from \"react\";\nimport { isSameDay } from \"date-fns\";\n\nexport default function CalendarTileDay(\n  {\n    date,\n    events,\n  },\n): JSX.Element {\n  const tileEvents = () => {\n    return events.filter((event) =>\n      isSameDay(new Date(date), new Date(event.starts_at))\n    );\n  };\n\n  return (\n    <div className={\"additional-events-container\"}>\n      <span>{date.toLocaleDateString(\"en\", { day: \"numeric\" })}</span>\n\n      {tileEvents().length > 2\n        ? (\n          <span className={\"additional-events\"}>\n            ほか{tileEvents().length - 2}件\n          </span>\n        )\n        : null}\n    </div>\n  );\n}\n","import React from \"react\";\nimport EventItemFooter from \"components/Schedules/EventItemFooter\";\nimport EventItemParticipation from \"components/Schedules/EventItemParticipation\";\n\nimport { endOfDay, format, isBefore } from \"date-fns\";\n\nexport default function EventItem(\n  {\n    card_links,\n    classroom_icons,\n    event,\n    is_management,\n    person_avatars,\n  },\n): JSX.Element {\n  const today = new Date();\n\n  return (\n    <div className=\"event-list__item\">\n      <div\n        className={isBefore(new Date(event.ends_at), today)\n          ? \"event-card --past\"\n          : \"event-card\"}\n      >\n        <a\n          href={card_links[event.id]}\n          className=\"event-card__link\"\n        >\n          <div className=\"event-card__header\">\n            <div className=\"event-card__time-section\">\n              {event.recurrence_event_id && (\n                <div className=\"event-card__time-icon\">\n                  <img className=\"icon\" src=\"/images/repeat.svg\" />\n                </div>\n              )}\n              <div className=\"event-card__time\">\n                <time\n                  dateTime={format(\n                    new Date(event.starts_at),\n                    \"yyyy-MM-dd HH:mm\",\n                  )}\n                >\n                  {format(new Date(event.starts_at), \"HH:mm\")}\n                </time>\n                <time\n                  dateTime={format(\n                    new Date(event.ends_at),\n                    \"yyyy-MM-dd HH:mm\",\n                  )}\n                >\n                  {event.ends_at >\n                      endOfDay(new Date(event.starts_at))\n                    ? format(\n                      new Date(event.ends_at),\n                      \"M月D日（ddd）\",\n                    ) +\n                      \"&nbsp;\"\n                    : \"\"}\n                  {format(new Date(event.ends_at), \"HH:mm\")}\n                </time>\n              </div>\n            </div>\n\n            <div className=\"event-card__participation\">\n              {(event.publish_scope === \"classroom\")\n                ? (\n                  <div className=\"event-card__publicationrange-label\">\n                    <span class=\"icon\" data-icon=\"circle\"></span>\n                    教室内公開\n                  </div>\n                )\n                : null}\n              {is_management ? <EventItemParticipation event={event} /> : null}\n            </div>\n          </div>\n          <div className=\"event-card__body\">\n            <div\n              className=\"event-card__avatar\"\n              dangerouslySetInnerHTML={{\n                __html: classroom_icons[event.classroom_id],\n              }}\n            />\n\n            <div className=\"event-card__title\">\n              {event.name}\n            </div>\n          </div>\n          {is_management ? null : (\n            <EventItemFooter\n              event={event}\n              person_avatars={person_avatars}\n            />\n          )}\n        </a>\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\nimport PersonStatus from \"components/Schedules/PersonStatus\";\n\nexport default function EventItemFooter(\n  {\n    event,\n    person_avatars,\n  },\n): JSX.Element {\n  return (\n    <div className=\"event-card__footer\">\n      <ul className=\"home-event-card__person-list\">\n        {event.event_participations.map((\n          eventParticipation,\n        ) => (\n          <li\n            key={eventParticipation.id}\n            className=\"home-event-card__person-item\"\n          >\n            <div\n              className=\"home-event-card__person-avatar\"\n              dangerouslySetInnerHTML={{\n                __html: person_avatars[eventParticipation.id],\n              }}\n            />\n\n            <div className=\"home-event-card__person-name\">\n              {eventParticipation.student.name}\n            </div>\n\n            <div className=\"home-event-card__person-status\">\n              <PersonStatus status={eventParticipation.status} />\n            </div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n","import React from \"react\";\n\nexport default function EventItemParticipation(\n  {\n    event,\n  },\n): JSX.Element {\n  return (\n    <div className=\"event-card__participation\">\n      <span className=\"event-card__participation-label\">\n        参加人数：\n      </span>\n\n      <span\n        className={event.event_participations.filter((\n            eventParticipation,\n          ) => eventParticipation.status == \"going\"\n          ).length < event.event_participations.length\n          ? \"event-card__participation-numerator --has-absentee\"\n          : \"event-card__participation-numerator\"}\n      >\n        {event.event_participations.filter((\n          eventParticipation,\n        ) => eventParticipation.status == \"going\")\n          .length}\n      </span>\n\n      <span className=\"event-card__participation-denominator\">\n        {event.event_participations.length}\n      </span>\n    </div>\n  );\n}\n","import React from \"react\";\nimport EventItem from \"components/Schedules/EventItem\";\nimport Notice from \"components/ManagementClassroomSettings/Notice\";\nimport { format } from \"date-fns\";\nimport { ja } from \"date-fns/locale\";\n\nexport default function EventList(\n  {\n    activeEvents,\n    card_links,\n    classroom_icons,\n    is_management,\n    person_avatars,\n    selectedDate,\n  },\n): JSX.Element {\n  return (\n    <div className=\"event-list\">\n      <section className=\"event-list__day\">\n        <header className=\"event-list__header\">\n          <h2 className=\"event-list__day-label\">\n            {format(selectedDate, \"M月d日（E）\", { locale: ja })}\n          </h2>\n        </header>\n\n        <div className=\"event-list__body\">\n          {activeEvents.map((event, index) => (\n            <EventItem\n              key={event.id}\n              card_links={card_links}\n              classroom_icons={classroom_icons}\n              event={event}\n              is_management={is_management}\n              person_avatars={person_avatars}\n            />\n          ))}\n        </div>\n      </section>\n\n      <div className=\"event-list__body\">\n        {is_management\n          ? (\n            <div className=\"event-list__item\">\n              <Notice>\n                <p>\n                  <a\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    href=\"https://help.renshu.com/hc/ja/articles/4415743705619-スケジュールとはなんですか\"\n                  >\n                    スケジュールとは\n                  </a>\n                </p>\n                <p>\n                  <a\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    href=\"https://help.renshu.com/hc/ja/articles/12065222900755-スケジュール機能で予約を受け付けるには\"\n                  >\n                    スケジュール機能で予約を受け付けるには\n                  </a>\n                </p>\n              </Notice>\n            </div>\n          )\n          : null}\n      </div>\n    </div>\n  );\n}\n","import React from \"react\";\nimport Notice from \"components/ManagementClassroomSettings/Notice\";\n\nexport default function EventListEmpty(\n  {\n    is_management,\n  },\n): JSX.Element {\n  if (is_management) {\n    return (\n      <React.Fragment>\n        <div className=\"event-list__body\">\n          <div className=\"event-list__item\">\n            <Notice>\n              <p>\n                <a\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  href=\"https://help.renshu.com/hc/ja/articles/12065222900755-スケジュール機能で予約を受け付けることはできますか\"\n                >\n                  スケジュールとは\n                </a>\n              </p>\n              <p>\n                <a\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  href=\"https://help.renshu.com/hc/ja/articles/12065222900755-スケジュール機能で予約を受け付けるには\"\n                >\n                  スケジュール機能で予約を受け付けるには\n                </a>\n              </p>\n            </Notice>\n          </div>\n        </div>\n        <div className=\"empty-state\">\n          <div className=\"_container\">\n            <div className=\"_icon\">\n              <span className=\"icon\" data-icon=\"calendar\"></span>\n            </div>\n            <div className=\"_title\">\n              予定を作成して\n              <br />\n              受講者に共有しましょう\n            </div>\n          </div>\n        </div>\n      </React.Fragment>\n    );\n  } else {\n    return null;\n  }\n}\n","import React from \"react\";\n\nexport default function PersonStatus(\n  {\n    status,\n  },\n): JSX.Element {\n  switch (status) {\n    case \"going\":\n      return (\n        <span className=\"home-event-card__person-status-text -color-positive\">\n          <span className=\"icon\" data-icon=\"check_on_circle\"></span>\n          出席\n        </span>\n      );\n    case \"not_going\":\n      return (\n        <span className=\"home-event-card__person-status-text -color-negative\">\n          <span className=\"icon\" data-icon=\"cross_on_circle\"></span>\n          欠席\n        </span>\n      );\n    default:\n      return (\n        <span className=\"home-event-card__person-status-text -color-notice\">\n          <span className=\"icon\" data-icon=\"ellipsis_horizontal_on_circle\">\n          </span>\n\n          未定\n        </span>\n      );\n  }\n}\n","import classNames from \"classnames\";\nimport React, { useEffect, useState } from \"react\";\n\ninterface Props {\n  children: React.ReactNode;\n}\n\nexport default function Snackbar(props: Props): JSX.Element {\n  const [visible, setVisible] = useState(true);\n\n  useEffect(() => {\n    setVisible(true);\n    const id = setTimeout(() => {\n      setVisible(false);\n    }, 7000);\n    return () => clearTimeout(id);\n  }, [props.children]);\n\n  return (\n    <div className={classNames(\"snackbar\", { \"--visible\": visible })}>\n      <div className=\"_container\">\n        <div className=\"_body\">\n          {props.children}\n        </div>\n        <div className=\"_trailing\">\n          <button\n            className=\"button -appearance-transparent -color-neutral -shape-circle -size-s\"\n            aria-label=\"閉じる\"\n            onClick={() => setVisible(false)}\n          >\n            <div className=\"_leading\">\n              <span className=\"icon _icon\" data-icon=\"cross\" />\n            </div>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React, { useMemo } from \"react\";\nimport crypto from \"crypto\";\n\ntype Props = IconAvatar | InitialAvatar;\n\ntype IconAvatar = BaseAvatar & {\n  name?: string;\n  icon: true;\n};\n\ntype InitialAvatar = BaseAvatar & {\n  icon?: false;\n  name: string;\n};\n\ninterface BaseAvatar {\n  size: \"s\" | \"m\" | \"l\";\n}\n\nexport default function TextAvatar({ icon, name, size }: Props): JSX.Element {\n  const colorClassName = useMemo(() => {\n    const hash = crypto.createHash(\"md5\");\n    hash.update(name ? name[0] : \"r\", \"utf8\");\n    const num = BigInt(\"0x\" + hash.digest(\"hex\"));\n    const variant = num % BigInt(10);\n    return `-color-${variant}`;\n  }, [name]);\n\n  return (\n    <div\n      className={`text-avatar -size-${size} ${colorClassName}`}\n    >\n      {icon\n        ? (\n          <div className=\"_icon\">\n            <span className=\"icon\" data-icon=\"person\" />\n          </div>\n        )\n        : name[0]}\n    </div>\n  );\n}\n","import * as React from \"react\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport \"../../packs/styles/components/_toast.scss\";\nimport classNames from \"classnames\";\n\nconst ToastProvider = ToastPrimitives.Provider;\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={classNames(\"viewport_element\", className)}\n    {...props}\n  />\n));\nToastViewport.displayName = ToastPrimitives.Viewport.displayName;\n\nfunction getToastVariant(variant) {\n  const variantClasses = {\n    \"default\": \"toast-default\",\n    \"destructive\": \"toast-destructive\",\n  };\n\n  return variantClasses[variant] || variantClasses[\"default\"];\n}\n\ntype ToastProps = {\n  className?: string;\n  variant: \"default\" | \"destructive\";\n  children: React.ReactNode;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n};\n\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Root>,\n  ToastProps\n>(\n  ({ className, variant, ...props }, ref) => {\n    const variantClassName = getToastVariant(variant);\n\n    const combinedClassNames = `${className || \"\"} ${variantClassName}`.trim();\n\n    return (\n      <ToastPrimitives.Root\n        ref={ref}\n        className={combinedClassNames}\n        {...props}\n      />\n    );\n  },\n);\n\nToast.displayName = ToastPrimitives.Root.displayName;\n\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    className={classNames(\"action_button\", className)}\n    {...props}\n  />\n));\nToastAction.displayName = ToastPrimitives.Action.displayName;\n\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={classNames(\n      \"button -appearance-transparent -color-neutral -shape-circle js-dialog-close close_element\",\n      className,\n    )}\n    toast-close=\"\"\n    aria-label=\"閉じる\"\n    {...props}\n  >\n    <div className=\"_leading\">\n      <span className=\"icon _icon\" data-icon=\"cross\"></span>\n    </div>\n  </ToastPrimitives.Close>\n));\nToastClose.displayName = ToastPrimitives.Close.displayName;\n\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title\n    ref={ref}\n    className={classNames(\"small-text-semibold\", className)}\n    {...props}\n  />\n));\nToastTitle.displayName = ToastPrimitives.Title.displayName;\n\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description\n    ref={ref}\n    className={classNames(\"small-text-partially-transparent\", className)}\n    {...props}\n  />\n));\nToastDescription.displayName = ToastPrimitives.Description.displayName;\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>;\n\nexport {\n  Toast,\n  ToastAction,\n  type ToastActionElement,\n  ToastClose,\n  ToastDescription,\n  type ToastProps,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n};\n","import React from \"react\";\nimport {\n  Toast,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n} from \"./toast\";\nimport { useToast } from \"./use-toast\";\nimport classNames from \"classnames\";\n\nexport function Toaster() {\n  const { toasts } = useToast();\n\n  return (\n    <ToastProvider>\n      {toasts.map(function ({ id, title, description, action, ...props }) {\n        return (\n          <Toast key={id} {...props}>\n            <div className={classNames(\"toast\")}>\n              {title && <ToastTitle>{title}</ToastTitle>}\n              {description && (\n                <ToastDescription>{description}</ToastDescription>\n              )}\n            </div>\n            {action}\n            <ToastClose />\n          </Toast>\n        );\n      })}\n      <ToastViewport />\n    </ToastProvider>\n  );\n}\n","import * as React from \"react\";\n\nimport type { ToastActionElement, ToastProps } from \"./toast\";\n\nconst TOAST_LIMIT = 1;\nconst TOAST_REMOVE_DELAY = 7000;\n\ntype ToasterToast = ToastProps & {\n  id: string;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  action?: ToastActionElement;\n};\n\nconst actionTypes = {\n  ADD_TOAST: \"ADD_TOAST\",\n  UPDATE_TOAST: \"UPDATE_TOAST\",\n  DISMISS_TOAST: \"DISMISS_TOAST\",\n  REMOVE_TOAST: \"REMOVE_TOAST\",\n} as const;\n\nlet count = 0;\n\nfunction genId() {\n  count = (count + 1) % Number.MAX_SAFE_INTEGER;\n  return count.toString();\n}\n\ntype ActionType = typeof actionTypes;\n\ntype Action =\n  | {\n    type: ActionType[\"ADD_TOAST\"];\n    toast: ToasterToast;\n  }\n  | {\n    type: ActionType[\"UPDATE_TOAST\"];\n    toast: Partial<ToasterToast>;\n  }\n  | {\n    type: ActionType[\"DISMISS_TOAST\"];\n    toastId?: ToasterToast[\"id\"];\n  }\n  | {\n    type: ActionType[\"REMOVE_TOAST\"];\n    toastId?: ToasterToast[\"id\"];\n  };\n\ninterface State {\n  toasts: ToasterToast[];\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();\n\nconst addToRemoveQueue = (toastId: string) => {\n  if (toastTimeouts.has(toastId)) {\n    return;\n  }\n\n  const timeout = setTimeout(() => {\n    toastTimeouts.delete(toastId);\n    dispatch({\n      type: \"REMOVE_TOAST\",\n      toastId: toastId,\n    });\n  }, TOAST_REMOVE_DELAY);\n\n  toastTimeouts.set(toastId, timeout);\n};\n\nexport const reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case \"ADD_TOAST\":\n      return {\n        ...state,\n        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),\n      };\n\n    case \"UPDATE_TOAST\":\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === action.toast.id ? { ...t, ...action.toast } : t\n        ),\n      };\n\n    case \"DISMISS_TOAST\": {\n      const { toastId } = action;\n\n      if (toastId) {\n        addToRemoveQueue(toastId);\n      } else {\n        state.toasts.forEach((toast) => {\n          addToRemoveQueue(toast.id);\n        });\n      }\n\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === toastId || toastId === undefined\n            ? {\n              ...t,\n              open: false,\n            }\n            : t\n        ),\n      };\n    }\n    case \"REMOVE_TOAST\":\n      if (action.toastId === undefined) {\n        return {\n          ...state,\n          toasts: [],\n        };\n      }\n      return {\n        ...state,\n        toasts: state.toasts.filter((t) => t.id !== action.toastId),\n      };\n  }\n};\n\nconst listeners: Array<(state: State) => void> = [];\n\nlet memoryState: State = { toasts: [] };\n\nfunction dispatch(action: Action) {\n  memoryState = reducer(memoryState, action);\n  listeners.forEach((listener) => {\n    listener(memoryState);\n  });\n}\n\ntype Toast = Omit<ToasterToast, \"id\">;\n\nfunction toast({ ...props }: Toast) {\n  const id = genId();\n\n  const update = (props: ToasterToast) =>\n    dispatch({\n      type: \"UPDATE_TOAST\",\n      toast: { ...props, id },\n    });\n  const dismiss = () => dispatch({ type: \"DISMISS_TOAST\", toastId: id });\n\n  dispatch({\n    type: \"ADD_TOAST\",\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: (open) => {\n        if (!open) dismiss();\n      },\n    },\n  });\n\n  return {\n    id: id,\n    dismiss,\n    update,\n  };\n}\n\nfunction useToast() {\n  const [state, setState] = React.useState<State>(memoryState);\n\n  React.useEffect(() => {\n    listeners.push(setState);\n    return () => {\n      const index = listeners.indexOf(setState);\n      if (index > -1) {\n        listeners.splice(index, 1);\n      }\n    };\n  }, [state]);\n\n  return {\n    ...state,\n    toast,\n    dismiss: (toastId?: string) => dispatch({ type: \"DISMISS_TOAST\", toastId }),\n  };\n}\n\nexport { toast, useToast };\n","const getCsrfToken: () => string = () => {\n  return document.querySelector<HTMLMetaElement>('[name=\"csrf-token\"]').content;\n};\n\ninterface RequestAsJson {\n  path: string;\n  method: string;\n}\n\ninterface RequestWithCsrfTokenParams {\n  form_action: string;\n  form_method: string;\n  data?: Record<string, unknown>;\n}\n\ntype ResponseAsJson = {\n  response: Response;\n};\nexport const requestAsJson = async <T>(\n  { path, method }: RequestAsJson,\n): Promise<T & ResponseAsJson> => {\n  const response = await fetch(path, {\n    method: method.toUpperCase(),\n    headers: {\n      \"Content-Type\": \"application/json\",\n    },\n  });\n  const json = await response.json();\n  return { ...json, response };\n};\n\nexport const requestWithCsrfToken = async <T>(\n  { form_action, form_method, data = {} }: RequestWithCsrfTokenParams,\n): Promise<T & ResponseAsJson> => {\n  const csrfToken = getCsrfToken();\n  const response = await fetch(form_action, {\n    method: form_method.toUpperCase(),\n    headers: {\n      \"Content-Type\": \"application/json\",\n      \"X-CSRF-Token\": csrfToken,\n    },\n    body: JSON.stringify(data),\n  });\n  const json = await response.json();\n  return { ...json, response };\n};\n\nexport const post = async <T>(\n  form_action: string,\n  data: Record<string, unknown>,\n) => {\n  return await requestWithCsrfToken<T>({\n    form_action,\n    form_method: \"POST\",\n    data,\n  });\n};\n\nexport const patch = async <T>(\n  form_action: string,\n  data: Record<string, unknown>,\n) => {\n  return await requestWithCsrfToken<T>({\n    form_action,\n    form_method: \"PATCH\",\n    data,\n  });\n};\n","import {\n  patch,\n  post,\n  requestAsJson,\n  requestWithCsrfToken,\n} from \"utils/request\";\n\nexport const useApi = () => {\n  return { post, patch, requestWithCsrfToken, requestAsJson };\n};\n","export default async function toBase64(\n  blob: Blob,\n): Promise<string | ArrayBuffer> {\n  return new Promise<string | ArrayBuffer>((resolve, reject) => {\n    const fileReader = new FileReader();\n    fileReader.readAsDataURL(blob);\n\n    fileReader.onload = () => {\n      resolve(fileReader.result);\n    };\n\n    fileReader.onerror = (error) => {\n      reject(error);\n    };\n  });\n}\n","document.addEventListener(\"turbolinks:load\", function () {\n  const snackbars = document.querySelectorAll(\".js-snackbar\");\n  const closeButtons = document.querySelectorAll(\".js-snackbar-close\");\n\n  closeButtons.forEach((closeButton) => {\n    closeButton.addEventListener(\"click\", () => {\n      closeButton.closest(\".js-snackbar\").classList.remove(\"--visible\");\n    });\n  });\n\n  snackbars.forEach((snackbar) => hideAfter7Seconds(snackbar));\n});\n\nexport default function showingSnackBar(message: string) {\n  const notice = document.getElementById(\"notice\");\n  const noticeBody = notice.getElementsByClassName(\"_body\")[0];\n  if (!(notice && noticeBody)) return;\n\n  notice.removeAttribute(\"hidden\");\n  notice.classList.add(\"--visible\");\n  noticeBody.textContent = message;\n\n  hideAfter7Seconds(notice);\n}\n\nconst hideAfter7Seconds = (element) => {\n  setTimeout(() => {\n    element.classList.remove(\"--visible\");\n  }, 7000);\n};\n","import { useMemo } from \"react\";\nimport crypto from \"crypto\";\n\nexport const colorClassName = (name: string) => {\n  return useMemo(() => {\n    const hash = crypto.createHash(\"md5\");\n\n    hash.update(name ? name[0] : \"r\", \"utf8\");\n\n    const num = BigInt(\"0x\" + hash.digest(\"hex\"));\n    const variant = num % BigInt(10);\n\n    return `-color-${variant}`;\n  }, [name]);\n};\n","import { format } from \"date-fns\";\nimport { ja } from \"date-fns/locale\";\n\ntype localizeDataValue = Date | string | number;\nconst localizeData = (dateOrString: localizeDataValue, fmt: string) =>\n  format(new Date(dateOrString), fmt, { locale: ja });\n\nexport const localizeDateToYmdString = (dateOrString: localizeDataValue) =>\n  localizeData(dateOrString, \"yyyy年M月d日\");\nexport const localizeDateToFullString = (dateOrString: localizeDataValue) =>\n  localizeData(dateOrString, \"yyyy年M月d日（E） HH:mm\");\nexport const localizeDateToShortString = (dateOrString: localizeDataValue) =>\n  localizeData(dateOrString, \"M/d\");\nexport const localizeDateToMiddleString = (dateOrString: localizeDataValue) =>\n  localizeData(dateOrString, \"Y-M-d\");\nexport const localizeDateToYearMonthDayTime = (\n  dateOrString: localizeDataValue,\n) => localizeData(dateOrString, \"Y-M-d kk:mm\");\n","export default function localizeGender(gender: string) {\n  switch (gender) {\n    case \"male\":\n      return \"男性\";\n    case \"female\":\n      return \"女性\";\n    case \"non_binary\":\n      return \"別の性\";\n  }\n}\n","export const numberFormat = (num: number): string => {\n  return num.toLocaleString();\n};\n","export function deadlineAdditionalMonth(additional_month: number): string {\n  switch (additional_month) {\n    case 0:\n      return \"当月\";\n    case 1:\n      return \"翌月\";\n  }\n}\n\nexport function deadlineMonthlyDay(day: number): string {\n  switch (day) {\n    case 31:\n      return \"末\";\n    default:\n      return day.toString();\n  }\n}\n","import { addMinutes, eachMinuteOfInterval, format, startOfDay } from \"date-fns\";\n\nexport const timeOptions = eachMinuteOfInterval(\n  {\n    start: startOfDay(new Date()),\n    end: new Date(startOfDay(new Date()).getTime() + 23.5 * 60 * 60 * 1000),\n  },\n  { step: 30 },\n).map((time) => format(time, \"HH:mm\"));\n\n// 引数時刻から未来かつ最も近い30分刻みの文字列を返す\n// 16:22 => \"16:30\"\nexport const getNextHalfHour = (date = new Date()): string => {\n  const minutes = date.getMinutes();\n  const minutesToAdd = minutes < 30 ? 30 - minutes : 60 - minutes;\n  const roundedTime = addMinutes(date, minutesToAdd);\n  return format(roundedTime, \"HH:mm\");\n};\n"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","AddresseeSelect","form_name","attributes_name","addressee_attribute_name","show_automatic_settlement_enabled","classroom_event_groups","enrollments","selected_student_ids","open","setOpen","useState","selectedStudentIds","setSelectedStudentIds","selectedEventGroupIds","setSelectedEventGroupIds","React","className","role","tabIndex","onClick","length","eventGroup","find","eventGroupEnrollments","filter","enrollment","event_groups","some","g","total","count","includes","student","key","name","TextAvatar","size","icon","join","allowed_to_settle_automatically","type","value","AddresseeSelectView","onCloseButtonClick","openDropdown","setOpenDropdown","allStudentSelected","deselectEventGroup","useCallback","studentIds","enollment","root","htmlFor","checked","onChange","event","target","concat","Array","from","Set","eventGroupIds","flatMap","AnnouncementFormAIAssistant","form_action","onReflection","title","body","openModal","setOpenModal","xmlns","height","viewBox","width","d","AnnouncementFormAIAssistantSection","closeModal","AIAssistantConfirmation","pollingUrl","onSubmit","generatedBody","setGeneratedBody","isPolling","setIsPolling","fetchGeneratedBody","async","response","fetch","method","headers","output","progress","json","useEffect","interval","setInterval","clearInterval","alert","setPollingUrl","post","useApi","register","handleSubmit","formState","errors","isSubmitting","isSubmitted","useForm","defaultValues","input","polling_url","error","data","ok","Sentry","_extends","required","placeholder","message","rows","maxLength","href","rel","disabled","AnnouncementFormAddresseeSelector","onChangeStudentIds","AnnouncementFormAddresseeSelectorView","AnnouncementFormFilesSection","files","onFilesChange","onRemoveFile","previews","setPreviews","newPreviews","Promise","all","file","content","toBase64","index","src","alt","accept","multiple","newFiles","AnnouncementFormIssuedDateSection","isScheduledIssue","currentIssuedDate","onSchedulingChange","validate","isBefore","parseISO","startOfDay","Date","date","list","timeOptions","time","issued_date","issued_time","AnnouncementForm","props","openConfirmDialog","setOpenConfirmDialog","openHelpModal","setOpenHelpModal","loading","setLoading","setMessage","setIsScheduledIssue","announcement_status","status","isValid","setValue","setError","clearErrors","watch","trigger","attributes","draft","mode","validateStudentIds","form","FormData","append","toString","shared_with","student_ids","forEach","student_id","form_path","form_method","toUpperCase","document","querySelector","redirect_url","Turbolinks","fetchedFiles","file_objects","fileObj","url","blob","File","ErrorBanner","class","generations_path","field","f","scheduled","issued","format","getNextHalfHour","Snackbar","Dialog","description","HelpModal","BillAddresseeSelector","BillAddresseeSelectorView","inputRegister","setSelectedStudentIdsValue","selectEventGroup","BillForm","comboBoxVisible","setComboBoxVisible","submitDialogVisible","setSubmitDialogVisible","toast","useToast","requestWithCsrfToken","handleBillItemTemplateClick","targetBillItemTemplate","bill_item_templates","bill_item_template","Number","dataset","amount","bill_group_form","children","variant","action","handleClick","prevValue","onBlur","relatedTarget","tagName","onFocus","handleFocus","billItemTemplate","onMouseDown","preventDefault","numberFormat","min","max","inputMode","management_classroom_bill_item_templates_path","deadline_date","deadline_time","Toaster","BillGroupDetails","bill_group","classroom","paths","deletingPopupVisible","setDeletingPopupVisible","disabledPopupVisible","setDisabledPopupVisible","paidDialogTarget","setPaidDialogTarget","payableDialogTarget","setPayableDialogTarget","reminderDialogTarget","setNotificationDialogTarget","userActionPopupVisible","setUserActionPopupVisible","billActionPopupTarget","setBillActionPopupTarget","ModalBackButton","toggleUserActionPopup","prev","edit_path","duplicate_path","deletable","bill_group_path","updatable_to_be_disabled","disable_path","not_issued","localizeDateToFullString","issued_at","deadline","number_of_paid_students","settlement_agent","konbini_payment_enabled","settings_path","bills","bill","addressee","member_path","payment_approved","payments","tried_at","approved_at","marked_as_paid","marked_as_paid_at","payment_waiting_for_debit","transfer_return_date","payment_waiting_for_approval","payable","method_type_konbini","markable_as_paid","allow_overdue_notification","overdue_notifications_path","reportToSearchableText","report","name_kana","enrolled_event_groups","eg","BillGroupsReport","reports","prev_month","current_month","next_month","all_event_groups","filteredReports","setFilteredReports","checkedFilters","setCheckedFilters","isFiltersVisible","setIsFiltersVisible","searchCheckBoxElements","filteredEventGroupName","elm","result","enrolledEventGroupName","keyword","searchKeywords","trim","toLowerCase","match","searchableText","every","kw","indexOf","handleKeywordSearch","checkBoxId","scope","TableRow","total_billing_amount","BillItemTemplatesPage","control","patch","fields","remove","useFieldArray","JSON","stringify","showingSnackBar","minLength","colSpan","addBillItemTemplate","undefined","shouldFocus","ClassroomEnrollmentPage","methods","classroom_enrollment_params","students","student_name","student_name_kana","enrollments_path","enroll_event_group_form","FormProvider","classroom_path","ClassroomEnrollmentStudentFormSection","addresses","ClassroomEnrollmentCustomFieldFormSection","customFields","custom_fields","ClassroomEnrollmentUserFormSection","initialUserName","user_name","initialUserPhoneNumber","user_phone_number","currentStudentDependent","term","ClassroomEnrollmentConfirmDialog","classroomEnrollmentParams","onConfirmDialogClose","ClassroomEnrollmentAddressFormSection","useFormContext","defaultChecked","address","postal_code","student_address_id","pattern","student_address_postal_code","student_address_address","student_date_of_birth","agreed_to_term","student_gender","localizeGender","customField","custom_field_id","customFieldIndex","field_type","defaultValue","options","option","optionIndex","option_value","studentFormType","setStudentFormType","setStudentAttributes","dependent","date_of_birth","gender","student_dependent","onNewStudentFormSwitch","Boolean","CoverStripe","classroomName","colorClassName","preserveAspectRatio","fill","style","mixBlendMode","opacity","x1","y1","x2","y2","gradientUnits","offset","ParticipantsSelector","RemainingParticipantsCount","selectedStudentsCount","ParticipantsSelectorView","EventFormParticipantsSelectorView","attendeeLimit","setAttendeeLimit","remainingParticipantsCount","attendeeLimitInput","getElementById","HTMLInputElement","addEventListener","Math","parseInt","defaultParticipationStatus","setDefaultParticipationStatus","handleStatusChange","currentStatus","querySelectorAll","removeEventListener","EventForm","FabButton","label","ManagementClassroomSettings","formAuthenticityToken","tabAnchor","window","location","split","activeTab","setActiveTab","Header","Cover","editPath","editManagementClassroomPath","Page","Config","policyCanShow","TabHeader","ConfigSubscription","policyCanDestroyManagementOrganizations","ConfigDeleteClassroom","showDeleteDialog","setShowDeleteDialog","padding","managementOrganizationPath","autoComplete","showCancelDialog","setShowCancelDialog","currentPlatformSubscriptions","currentPlatformSubscription","activated","platformPlan","platformPlanName","canceled","startDateYmda","endDateYmda","endDateIsEndOfMonth","newManagementClassroomSettingsSubscriptionPath","managementClassroomSettingsSubscriptionsPath","managementClassroomSettingsSubscriptionPath","paymentCardMethods","paymentCardMethod","brand","cardbrandImage","card","logoUrl","last4","expMonthFormatted","expYear","managementClassroomSettingsPaymentCardPath","Courses","showHelpDialog","setShowHelpDialog","eventGroups","managementClassroomCoursePath","Notice","courseHintsImageUrl","policyCanNewManagementClassroomsCourses","newManagementClassroomCoursePath","coverImage","backButtonLinkPath","Tabs","Summary","organization","representative","phoneNumber","policyCanEditManagementClassrooms","dangerouslySetInnerHTML","__html","currentUserIsClassroomManager","managerIsApproved","policyCanEditManagementOrganizations","editManagementOrganizationPath","optionalBills","customFieldsCount","policyCanNewManagementClassroomsOptionalBills","managementClassroomInvitePath","optionalBill","policyCanCreateManagementClassroomsCustomFields","managementClassroomCustomFieldsPath","textAlign","invitationUrl","handleTabClick","tabName","stopPropagation","policyCanNewManagementClassroomsSettingsSubscriptions","newCustomField","required_on_enrollment","isEditing","update_custom_field_path","ManagementCustomFieldsPage","dropdownIndex","setDropdownIndex","setCustomFields","ManagementCustomFieldsItem","create_custom_field_path","policy_can_update_and_destroy_management_classrooms_custom_fields","removeItem","newCustomFields","slice","showMessage","showIndex","onOpenDropdown","onClosedDropdown","policy_can_create_management_classrooms_custom_fields","new_classroom_enrollment_path","translations","free_text","single_select","multi_select","getValueFromPath","obj","path","current","localize","trans","setCustomField","deletingDialogVisible","setDeletingDialogVisible","setIsEditing","enterEditing","commitEditing","exitEditing","toggleRequiredOnEnrollment","custom_field","deleteCustomField","ManagementCustomFieldsItemForm","defaultOptions","getEnrolledEventGroups","get","getRecurrenceBills","getBills","getAnnouncements","getEvents","ManagementMemberPage","enrollmentId","setEnrollmentId","setEnrollments","anchorKey","anchorValue","hash","replace","anchorId","isNaN","listener","state","globalThis","ManagementMemberPageContainer","handleUpdateEnrolledEventGroups","updateEnrolledEventGroups","findIndex","before","after","handleUpdateRecurredBills","recurrence_bills","updateRecurredBills","handleUpdateEnrollment","updateEnrollment","edit_url","onFloatingViewShow","history","pushState","onFloatingViewClose","sorters","newer","a","b","compareDesc","created_at","older","compareAsc","nameKana","localeCompare","eventGroupCountDesc","eventGroupCountAsc","visibleFilter","setVisibleFilter","sort","setSort","searchName","setSearchName","searchEventGroupIds","setSearchEventGroupIds","searchRecurrenceBillIds","setSearchRecurrenceBillIds","searchRecurrenceBillUnset","setSearchRecurrenceBillUnset","searchDescriptionBlank","setSearchDescriptionBlank","searchDescriptionFilled","setSearchDescriptionFilled","searchDescription","setSearchDescription","ref","useRef","useMemo","reduce","previousEventGroups","eventGroupsToAdd","aEventGroup","recurrenceBills","previousRecurrenceBills","recurrenceBillsToAdd","recurrenceBill","aRecurrenceBill","filteredData","buttonRef","handleEnrollmentClick","element","event_group","recurrence_bill","classNames","management_classroom_classroom_managers_path","classroom_managers_count","management_classroom_invite_path","management_classroom_custom_fields_path","members_csv_access","members_csv_download_path","_","MemberFloatingView","onCloseFloatingView","closeFloatingView","focus","subscribed","newCoursePath","new_course_path","newRecurrenceBillPath","new_recurrence_bill_path","membersDestroyAccess","members_destroy_access","recurrenceBillsShowAccess","recurrence_bills_show_access","studentsBillsIndexAccess","students_bills_index_access","studentsBulkEnrollmentEventGroupsIndexAccess","students_bulk_enrollment_event_groups_index_access","MemberAnnouncements","announcements","setAnnouncements","nowDate","announcements_url","new_announcement_url","announcement","localizeDateToYearMonthDayTime","MemberBills","setBills","bills_url","new_bill_url","recurrence","localizeDateToMiddleString","payment","method_type","localizeDateToShortString","MemberCustomFieldItem","isValidValue","MemberCustomFieldItemForm","customFieldsUrl","customFieldId","custom_field_value_id","resource_url","custom_field_option_id","MemberCustomFields","MemberDescriptionForm","families","setFamilies","requestAsJson","updatingCoursesModalVisible","setUpdatingCoursesModalVisible","updatingRecurrenceBillsModalVisible","setUpdatingRecurrenceBillsModalVisible","scrollToTop","scroll","top","details_url","localizeDateToYmdString","users","phone_number","MemberFamilies","classroom_term_agreement","agreed_at","custom_fields_url","slug","enrolled_at","by_month_day","deadlineAdditionalMonth","deadline_additional_month","deadlineMonthlyDay","deadline_month_day","MemberEventGroupUpdatingModal","onUpdateEnrolledEventGroups","bulkEnrollmentEventGroupsUrl","bulk_enrollment_event_groups_url","MemberRecurrenceBillsUpdatingModal","onUpdateRecurrenceBills","recurrenceBillsPath","recurrence_bills_path","formAction","setFormAction","setEventGroups","bulk_enrollment_event_groups","event_group_ids","enrolled","MemberEvents","events","setEvents","events_url","new_event_url","starts_at","family","viewer","setViewer","sessionStorage","getItem","tabViewer","details","MemberDetails","delete_url","setItem","setRecurrenceBills","recurrence_bill_ids","recurred","csrfToken","redirect","errorData","back","selectableByMonthDay","day","selectableDeadlineAdditionalMonth","additionalMonth","selectableDeadlineMonthDay","start","end","i","range","RecurrenceBillDateSelector","byMonthDay","setByMonthDay","setDeadlineAdditionalMonth","deadlineMonthDay","setDeadlineMonthDay","nextIssuedDate","setNextIssuedDate","nextDeadlineDate","setNextDeadlineDate","hasDeadlineError","params","URLSearchParams","next_issued_date","next_deadline_date","setDates","Schedules","card_links","classroom_icons","create_event_path","is_management","person_avatars","user_mode","today","selectedDate","setSelectedDate","activeEvents","isSameDay","Calendar","onActiveStartDateChange","activeStartDate","onClickDay","onClickToday","EventList","EventListEmpty","ReactCalendar","calendarType","defaultView","next2Label","prev2Label","tileClassName","view","isSameMonth","getDay","formatDay","locale","CalendarTileDay","navigationLabel","CalendarNavigationLabel","tileContent","CalendarTileContent","goingParticipations","event_participations","participation","publish_scope","tileEvents","toLocaleDateString","EventItem","ends_at","recurrence_event_id","dateTime","endOfDay","EventItemParticipation","classroom_id","EventItemFooter","eventParticipation","PersonStatus","ja","visible","setVisible","setTimeout","clearTimeout","crypto","update","BigInt","digest","ToastProvider","ToastPrimitives","ToastViewport","displayName","Toast","variantClassName","variantClasses","getToastVariant","combinedClassNames","ToastAction","ToastClose","ToastTitle","ToastDescription","toasts","toastTimeouts","Map","addToRemoveQueue","toastId","has","timeout","delete","dispatch","set","reducer","t","listeners","memoryState","MAX_SAFE_INTEGER","dismiss","onOpenChange","setState","push","splice","reject","fileReader","FileReader","readAsDataURL","onload","onerror","notice","noticeBody","getElementsByClassName","removeAttribute","classList","add","textContent","hideAfter7Seconds","snackbars","closeButton","closest","snackbar","localizeData","dateOrString","fmt","num","toLocaleString","additional_month","eachMinuteOfInterval","getTime","step","minutes","getMinutes","minutesToAdd","roundedTime","addMinutes"],"sourceRoot":""}