\n {errorMessages.workingStatus}\n
\n ) : (\n <>\n )}\n \n \n ログアウト\n
\n );\n }\n\n // -----------------------------------------\n // サインイン && プロフィール登録完了状態 && ログイン状態\n // -----------------------------------------\n if (isSignIn && isRegistered) {\n return (\n \n \n {/* プロフィール画像 */}\n {\n handleUpdateViewStatus('profileMenu', !isHideProfileMenu);\n handleUpdateViewStatus('globalMenu', true);\n document.addEventListener('click', refCloseProfileNav.current);\n }}\n >\n
\n \n\n {/* プロフィール名 */}\n \n
\n\n {/* ドロップダウンメニュ - 1 : アカウント設定系へのリンク */}\n {user?.name ? user.name : ''}
\n\n
\n {user?.name ? user.name : ''}
\n\n \n
\n );\n }\n\n return <>;\n};\n\nHeaderProfile.propTypes = {\n handleUpdateUserSetting: PropTypes.func,\n handleUpdateViewStatus: PropTypes.func.isRequired,\n isAccountSettingPage: PropTypes.bool,\n isHideProfileMenu: PropTypes.bool.isRequired,\n organizations: PropTypes.object,\n user: PropTypes.object,\n userSetting: PropTypes.object,\n};\n\nexport default HeaderProfile;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Row } from 'reactstrap';\nimport { AvField, AvForm } from 'availity-reactstrap-validation';\nimport cx from 'classnames';\nimport Button from '@components/Objects/Button';\n\n/**\n * HeaderSearch\n */\nconst HeaderSearch = (props) => {\n const {\n handleExecuteSearch,\n handleSetIsHideSearchFilter,\n isHideSearchFilter,\n forms,\n } = props;\n const [isLoading, setIsLoading] = useState(false);\n\n return (\n <>\n \n {\n setIsLoading(true);\n await handleExecuteSearch(true, false);\n setIsLoading(false);\n }}\n >\n \n \n {\n handleSetIsHideSearchFilter(!isHideSearchFilter);\n }}\n >\n
\n \n \n
\n \n
\n \n );\n};\n\nHeaderSearch.propTypes = {\n forms: PropTypes.object.isRequired,\n handleExecuteSearch: PropTypes.func.isRequired,\n handleSetIsHideSearchFilter: PropTypes.func.isRequired,\n isHideSearchFilter: PropTypes.bool.isRequired,\n};\n\nexport default HeaderSearch;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Col, Row } from 'reactstrap';\nimport cx from 'classnames';\nimport Button from '@components/Objects/Button';\n\nconst CompleteUserInvitation = (props) => {\n const { handleHideModal } = props;\n\n // ----------------------------------------\n // 共通クラス名定義 & 自動作成関数定義\n // ----------------------------------------\n // クラス名設定: エラーメッセージ表示エリア\n const itemClassName = 'p-invitation-form__item';\n\n return (\n <>\n \n \n \n
\n \n
\n \n
\n \n handleHideModal()}\n >\n
\n
\n \n );\n};\n\nCompleteUserInvitation.propTypes = {\n handleHideModal: PropTypes.func.isRequired,\n};\n\nexport default CompleteUserInvitation;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Col, Row } from 'reactstrap';\nimport cx from 'classnames';\nimport FailedMessageList from '@components/ResultMessages/FailedMessageList';\nimport Button from '@components/Objects/Button';\nimport * as utilities from '@helpers/utilities';\n\nconst ConfirmUserInvitation = (props) => {\n const { forms, handleSendUserInvitationMail, next, previous } = props;\n const [isLoading, setIsLoading] = useState(false);\n const [viewErrorMessages, setViewErrorMessages] = useState([]);\n\n // ----------------------------------------\n // 共通クラス名定義 & 自動作成関数定義\n // ----------------------------------------\n // クラス名設定: エラーメッセージ表示エリア\n const itemClassName = 'p-invitation-form__item';\n\n return (\n <>\n 招待者のご登録があるまで、しばらくお待ち下さい。
\n \n\n {/* エラーメッセージ */}\n {\n setViewErrorMessages([]);\n }}\n >\n \n
\n \n previous()}\n >\n {\n // ローダー表示\n setIsLoading(true);\n\n // 応募メッセージの送信処理実行\n const { status, detail } = await handleSendUserInvitationMail();\n\n // ローダー非表示化\n setIsLoading(false);\n\n // 処理に失敗した場合はエラーメッセージを表示\n if (!status) {\n setViewErrorMessages(\n detail.errorMessages &&\n Array.isArray(detail.errorMessages) &&\n detail.errorMessages.length > 0\n ? detail.errorMessages\n : utilities.getErrorMessageList('other', '招待メールの送信')\n );\n return;\n }\n\n // 応募メッセージの送信に成功した場合は、完了画面に遷移\n next();\n }}\n >\n
\n
\n \n );\n};\n\nConfirmUserInvitation.propTypes = {\n forms: PropTypes.object.isRequired,\n handleSendUserInvitationMail: PropTypes.func.isRequired,\n next: PropTypes.func.isRequired,\n previous: PropTypes.func.isRequired,\n};\n\nexport default ConfirmUserInvitation;\n","import { useEffect } from 'react';\n\nexport const useInterval = (callback, delay) => {\n useEffect(() => {\n const interval = setInterval(() => callback(), delay || 0);\n return () => clearInterval(interval);\n }, [callback, delay]);\n};\n","import React, { useContext, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormGroup, Input, Label, Row } from 'reactstrap';\nimport { AvForm, AvField } from 'availity-reactstrap-validation';\nimport { AuthContext } from '@helpers/contexts/authContext';\nimport { useInterval } from '@hooks/useInterval';\nimport { userInvitationTypes } from '@constants/user';\nimport Select from 'react-select';\nimport cx from 'classnames';\nimport Button from '@components/Objects/Button';\nimport * as utilities from '@helpers/utilities';\nimport * as regex from '@constants/regex';\n\nconst InputUserInvitation = (props) => {\n const { userData } = useContext(AuthContext);\n const { forms, next } = props;\n const [isLoading, setIsLoading] = useState(false);\n const refForm = React.useRef();\n const [copyMessage, setCopyMessage] = useState('');\n\n const uuAuthCode = userData?.inviteCode ? userData?.inviteCode : null;\n const invitationUrl = `${process.env.REACT_APP_URL}/account/signup?uu_auth_code=${uuAuthCode}`;\n const selectableUserInvitationTypes = userInvitationTypes.options\n .filter((item) => uuAuthCode || item.value == 'EMAIL')\n .map((item) => item);\n\n useEffect(() => {\n if (!uuAuthCode) {\n forms.invitationType.onChange(\n userInvitationTypes.options.find((item) => item.value == 'EMAIL')\n );\n }\n }, [uuAuthCode]);\n\n useInterval(async () => {\n setCopyMessage('');\n }, 3000);\n\n // ----------------------------------------\n // 共通クラス名定義 & 自動作成関数定義\n // ----------------------------------------\n // クラス名設定: エラーメッセージ表示エリア\n const invalidClassName = 'invalid-feedback invalid-feedback--active';\n const itemClassName = 'p-invitation-form__item';\n\n return (\n <>\n {copyMessage}
\n )}\n \n \n \n \n \n {/* 通知が存在する場合は、is-badgeのクラスを付与 */}\n \n
\n \n
\n \n
\n \n
\n \n \n );\n};\n\nHeader.propTypes = {\n handleExecuteSearch: PropTypes.func,\n handleSetIsHideSearchFilter: PropTypes.func,\n handleSetIsHideSidebar: PropTypes.func,\n isAccountSettingPage: PropTypes.bool,\n isHideSearchFilter: PropTypes.bool,\n isHideSidebar: PropTypes.bool,\n isNoLogIn: PropTypes.bool,\n searchForms: PropTypes.object,\n};\n\nexport default Header;\n","// @flow\nimport React, { Suspense, useEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\nimport cx from 'classnames';\nimport Header from '@containers/Header';\nimport Footer from '@containers/Footer';\nimport * as utilities from '@helpers/utilities';\n\n// loading\nconst loading = () => ;\n\nconst NoLoginLayout = (props) => {\n const children = props.children || null;\n const currentLocation = useLocation();\n\n // Body要素にレイアウト用クラス名を設定\n useEffect(() => {\n if (document.body) {\n document.body.setAttribute('class', 'l-body l-body--no-login');\n }\n }, []);\n\n // ページタイトル抽出\n const pageTitle = utilities.getPageTitle(children, currentLocation);\n\n return (\n \n \n {children}\n
\n \n \n \n {config.text}\n
\n \n );\n }\n\n // ボタンタグ形式のボタンの場合\n return (\n \n 
\n
\n )}\n {iconFont && }\n {config.text && config.text != '' && (\n \n {config.text}\n
\n )}\n {hasLoader && }\n \n );\n};\n\nButton.propTypes = {\n classes: PropTypes.string,\n fontSize: PropTypes.string,\n handleOnClick: PropTypes.func,\n hasLoader: PropTypes.bool,\n iconFont: PropTypes.string,\n iconImage: PropTypes.string,\n isDisable: PropTypes.bool,\n isExternalLink: PropTypes.bool,\n linkUrl: PropTypes.string,\n loaderClasses: PropTypes.string,\n text: PropTypes.string,\n type: PropTypes.string,\n};\n\nexport default AppButton;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport { Button, ListGroup, ListGroupItem, Row } from 'reactstrap';\n\nconst FailedMessageList = (props) => {\n const { list, handleClose } = props;\n const messages = list && Array.isArray(list) && list.length > 0 ? list : [];\n\n const getMessageListItems = () => {\n return messages.map((item, index) => {\n return (\n \n
\n );\n};\n\nInputDate.propTypes = {\n id: PropTypes.string,\n name: PropTypes.string,\n className: PropTypes.string,\n errorMessage: PropTypes.string,\n handleBlur: PropTypes.func,\n handleChange: PropTypes.func.isRequired,\n isDisabled: PropTypes.bool,\n isRequired: PropTypes.bool,\n label: PropTypes.string,\n max: PropTypes.string,\n min: PropTypes.string,\n placeholder: PropTypes.string,\n value: PropTypes.any,\n};\n\nexport default InputDate;\n","import { useContext, useEffect, useMemo, useState } from 'react';\nimport { AuthContext } from '@helpers/contexts/authContext';\nimport useRequest from '@hooks/useRequest';\n\nexport const useMessage = () => {\n const [unreadCountSummary, setUnreadCountSummary] = useState(undefined);\n const [isLoadingUnreadCount, setIsLoadingUnreadCount] = useState(true);\n const { userData } = useContext(AuthContext);\n const messageUnreadCountRequest = useRequest('/v1/messages/unread-count');\n\n // 未読メッセージが存在するか？: 全体\n const isUnreadMessage = useMemo(() => {\n // 未読数が未取得の場合は、処理終了\n if (isLoadingUnreadCount || typeof unreadCountSummary?.total == 'undefined')\n return false;\n\n return unreadCountSummary?.total == -1 || unreadCountSummary?.total > 0;\n }, [isLoadingUnreadCount, unreadCountSummary]);\n\n // 未読数の取得\n const getUnreadCount = async (conditions) => {\n try {\n // 検索パラメーター初期化\n const parameters = {\n groupIds: Array.isArray(conditions?.groupIds)\n ? [...new Set(conditions?.groupIds)].join(',')\n : undefined,\n limit: conditions?.limit ?? 1000,\n page: conditions?.page ?? 1,\n };\n\n // 未読数取得APIにリクエストを実行\n const res = await messageUnreadCountRequest.get(parameters);\n\n // レスポンスデータが存在しない場合\n if (!res?.data?.summary)\n throw new Error(\n '[useChat][getUnreadCount] invalid response data. (Not set summary)'\n );\n\n return {\n status: true,\n data: res?.data,\n };\n } catch (e) {\n return {\n status: false,\n message: e.message,\n error: e,\n };\n }\n };\n\n // 初回未読情報の取得処理\n useEffect(async () => {\n let cancel = false;\n if (!userData?.id || cancel) return;\n\n // 未読数取得APIにリクエストを実行\n const res = await getUnreadCount();\n\n // APIリクエストに失敗した場合は、処理終了\n if (!res?.status || !res?.data) return;\n\n // 未読数データを設定\n setUnreadCountSummary(res?.data?.summary ?? undefined);\n setIsLoadingUnreadCount(false);\n cancel = true;\n\n return () => (cancel = true);\n }, [userData]);\n\n // 未読数の定期更新\n useEffect(() => {\n // 初回読み込みが完了していない場合は、処理終了\n if (!userData?.id || isLoadingUnreadCount) return;\n\n // データ再取得タイマーを作成\n const timer = setInterval(async () => {\n try {\n // 未読数取得APIにリクエストを実行\n const res = await getUnreadCount();\n\n // APIリクエストに失敗した場合は、処理終了\n if (!res?.status || !res?.data)\n throw new Error(\n '[useChat][getUnreadCount] invalid refetch unread count data.'\n );\n\n // データ更新\n setUnreadCountSummary(res?.data?.summary ?? undefined);\n } catch (e) {\n return;\n }\n }, 60000);\n\n // タイマー破棄\n return () => clearInterval(timer);\n }, [userData, isLoadingUnreadCount]);\n\n return {\n getUnreadCount,\n isLoadingUnreadCount,\n isUnreadMessage,\n unreadCountSummary,\n };\n};\n","export const TAG_PROPERTIES = {\n CHARSET: 'charset',\n CSS_TEXT: 'cssText',\n HREF: 'href',\n HTTPEQUIV: 'http-equiv',\n INNER_HTML: 'innerHTML',\n ITEM_PROP: 'itemprop',\n NAME: 'name',\n PROPERTY: 'property',\n REL: 'rel',\n SRC: 'src',\n};\n\nexport const ATTRIBUTE_NAMES = {\n BODY: 'bodyAttributes',\n HTML: 'htmlAttributes',\n TITLE: 'titleAttributes',\n};\n\nexport const TAG_NAMES = {\n BASE: 'base',\n BODY: 'body',\n HEAD: 'head',\n HTML: 'html',\n LINK: 'link',\n META: 'meta',\n NOSCRIPT: 'noscript',\n SCRIPT: 'script',\n STYLE: 'style',\n TITLE: 'title',\n FRAGMENT: 'Symbol(react.fragment)',\n};\n\nexport const SEO_PRIORITY_TAGS = {\n link: { rel: ['amphtml', 'canonical', 'alternate'] },\n script: { type: ['application/ld+json'] },\n meta: {\n charset: '',\n name: ['robots', 'description'],\n property: [\n 'og:type',\n 'og:title',\n 'og:url',\n 'og:image',\n 'og:image:alt',\n 'og:description',\n 'twitter:url',\n 'twitter:title',\n 'twitter:description',\n 'twitter:image',\n 'twitter:image:alt',\n 'twitter:card',\n 'twitter:site',\n ],\n },\n};\n\nexport const VALID_TAG_NAMES = Object.keys(TAG_NAMES).map(name => TAG_NAMES[name]);\n\nexport const REACT_TAG_MAP = {\n accesskey: 'accessKey',\n charset: 'charSet',\n class: 'className',\n contenteditable: 'contentEditable',\n contextmenu: 'contextMenu',\n 'http-equiv': 'httpEquiv',\n itemprop: 'itemProp',\n tabindex: 'tabIndex',\n};\n\nexport const HTML_TAG_MAP = Object.keys(REACT_TAG_MAP).reduce((obj, key) => {\n obj[REACT_TAG_MAP[key]] = key;\n return obj;\n}, {});\n\nexport const HELMET_ATTRIBUTE = 'data-rh';\n","import { TAG_NAMES, TAG_PROPERTIES, ATTRIBUTE_NAMES } from './constants';\n\nconst HELMET_PROPS = {\n DEFAULT_TITLE: 'defaultTitle',\n DEFER: 'defer',\n ENCODE_SPECIAL_CHARACTERS: 'encodeSpecialCharacters',\n ON_CHANGE_CLIENT_STATE: 'onChangeClientState',\n TITLE_TEMPLATE: 'titleTemplate',\n PRIORITIZE_SEO_TAGS: 'prioritizeSeoTags',\n};\n\nconst getInnermostProperty = (propsList, property) => {\n for (let i = propsList.length - 1; i >= 0; i -= 1) {\n const props = propsList[i];\n\n if (Object.prototype.hasOwnProperty.call(props, property)) {\n return props[property];\n }\n }\n\n return null;\n};\n\nconst getTitleFromPropsList = propsList => {\n let innermostTitle = getInnermostProperty(propsList, TAG_NAMES.TITLE);\n const innermostTemplate = getInnermostProperty(propsList, HELMET_PROPS.TITLE_TEMPLATE);\n if (Array.isArray(innermostTitle)) {\n innermostTitle = innermostTitle.join('');\n }\n if (innermostTemplate && innermostTitle) {\n // use function arg to avoid need to escape $ characters\n return innermostTemplate.replace(/%s/g, () => innermostTitle);\n }\n\n const innermostDefaultTitle = getInnermostProperty(propsList, HELMET_PROPS.DEFAULT_TITLE);\n\n return innermostTitle || innermostDefaultTitle || undefined;\n};\n\nconst getOnChangeClientState = propsList =>\n getInnermostProperty(propsList, HELMET_PROPS.ON_CHANGE_CLIENT_STATE) || (() => {});\n\nconst getAttributesFromPropsList = (tagType, propsList) =>\n propsList\n .filter(props => typeof props[tagType] !== 'undefined')\n .map(props => props[tagType])\n .reduce((tagAttrs, current) => ({ ...tagAttrs, ...current }), {});\n\nconst getBaseTagFromPropsList = (primaryAttributes, propsList) =>\n propsList\n .filter(props => typeof props[TAG_NAMES.BASE] !== 'undefined')\n .map(props => props[TAG_NAMES.BASE])\n .reverse()\n .reduce((innermostBaseTag, tag) => {\n if (!innermostBaseTag.length) {\n const keys = Object.keys(tag);\n\n for (let i = 0; i < keys.length; i += 1) {\n const attributeKey = keys[i];\n const lowerCaseAttributeKey = attributeKey.toLowerCase();\n\n if (\n primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 &&\n tag[lowerCaseAttributeKey]\n ) {\n return innermostBaseTag.concat(tag);\n }\n }\n }\n\n return innermostBaseTag;\n }, []);\n\n// eslint-disable-next-line no-console\nconst warn = msg => console && typeof console.warn === 'function' && console.warn(msg);\n\nconst getTagsFromPropsList = (tagName, primaryAttributes, propsList) => {\n // Calculate list of tags, giving priority innermost component (end of the propslist)\n const approvedSeenTags = {};\n\n return propsList\n .filter(props => {\n if (Array.isArray(props[tagName])) {\n return true;\n }\n if (typeof props[tagName] !== 'undefined') {\n warn(\n `Helmet: ${tagName} should be of type \"Array\". Instead found type \"${typeof props[\n tagName\n ]}\"`\n );\n }\n return false;\n })\n .map(props => props[tagName])\n .reverse()\n .reduce((approvedTags, instanceTags) => {\n const instanceSeenTags = {};\n\n instanceTags\n .filter(tag => {\n let primaryAttributeKey;\n const keys = Object.keys(tag);\n for (let i = 0; i < keys.length; i += 1) {\n const attributeKey = keys[i];\n const lowerCaseAttributeKey = attributeKey.toLowerCase();\n\n // Special rule with link tags, since rel and href are both primary tags, rel takes priority\n if (\n primaryAttributes.indexOf(lowerCaseAttributeKey) !== -1 &&\n !(\n primaryAttributeKey === TAG_PROPERTIES.REL &&\n tag[primaryAttributeKey].toLowerCase() === 'canonical'\n ) &&\n !(\n lowerCaseAttributeKey === TAG_PROPERTIES.REL &&\n tag[lowerCaseAttributeKey].toLowerCase() === 'stylesheet'\n )\n ) {\n primaryAttributeKey = lowerCaseAttributeKey;\n }\n // Special case for innerHTML which doesn't work lowercased\n if (\n primaryAttributes.indexOf(attributeKey) !== -1 &&\n (attributeKey === TAG_PROPERTIES.INNER_HTML ||\n attributeKey === TAG_PROPERTIES.CSS_TEXT ||\n attributeKey === TAG_PROPERTIES.ITEM_PROP)\n ) {\n primaryAttributeKey = attributeKey;\n }\n }\n\n if (!primaryAttributeKey || !tag[primaryAttributeKey]) {\n return false;\n }\n\n const value = tag[primaryAttributeKey].toLowerCase();\n\n if (!approvedSeenTags[primaryAttributeKey]) {\n approvedSeenTags[primaryAttributeKey] = {};\n }\n\n if (!instanceSeenTags[primaryAttributeKey]) {\n instanceSeenTags[primaryAttributeKey] = {};\n }\n\n if (!approvedSeenTags[primaryAttributeKey][value]) {\n instanceSeenTags[primaryAttributeKey][value] = true;\n return true;\n }\n\n return false;\n })\n .reverse()\n .forEach(tag => approvedTags.push(tag));\n\n // Update seen tags with tags from this instance\n const keys = Object.keys(instanceSeenTags);\n for (let i = 0; i < keys.length; i += 1) {\n const attributeKey = keys[i];\n const tagUnion = {\n ...approvedSeenTags[attributeKey],\n ...instanceSeenTags[attributeKey],\n };\n\n approvedSeenTags[attributeKey] = tagUnion;\n }\n\n return approvedTags;\n }, [])\n .reverse();\n};\n\nconst getAnyTrueFromPropsList = (propsList, checkedTag) => {\n if (Array.isArray(propsList) && propsList.length) {\n for (let index = 0; index < propsList.length; index += 1) {\n const prop = propsList[index];\n if (prop[checkedTag]) {\n return true;\n }\n }\n }\n return false;\n};\n\nconst reducePropsToState = propsList => ({\n baseTag: getBaseTagFromPropsList([TAG_PROPERTIES.HREF], propsList),\n bodyAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.BODY, propsList),\n defer: getInnermostProperty(propsList, HELMET_PROPS.DEFER),\n encode: getInnermostProperty(propsList, HELMET_PROPS.ENCODE_SPECIAL_CHARACTERS),\n htmlAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.HTML, propsList),\n linkTags: getTagsFromPropsList(\n TAG_NAMES.LINK,\n [TAG_PROPERTIES.REL, TAG_PROPERTIES.HREF],\n propsList\n ),\n metaTags: getTagsFromPropsList(\n TAG_NAMES.META,\n [\n TAG_PROPERTIES.NAME,\n TAG_PROPERTIES.CHARSET,\n TAG_PROPERTIES.HTTPEQUIV,\n TAG_PROPERTIES.PROPERTY,\n TAG_PROPERTIES.ITEM_PROP,\n ],\n propsList\n ),\n noscriptTags: getTagsFromPropsList(TAG_NAMES.NOSCRIPT, [TAG_PROPERTIES.INNER_HTML], propsList),\n onChangeClientState: getOnChangeClientState(propsList),\n scriptTags: getTagsFromPropsList(\n TAG_NAMES.SCRIPT,\n [TAG_PROPERTIES.SRC, TAG_PROPERTIES.INNER_HTML],\n propsList\n ),\n styleTags: getTagsFromPropsList(TAG_NAMES.STYLE, [TAG_PROPERTIES.CSS_TEXT], propsList),\n title: getTitleFromPropsList(propsList),\n titleAttributes: getAttributesFromPropsList(ATTRIBUTE_NAMES.TITLE, propsList),\n prioritizeSeoTags: getAnyTrueFromPropsList(propsList, HELMET_PROPS.PRIORITIZE_SEO_TAGS),\n});\n\nexport const flattenArray = possibleArray =>\n Array.isArray(possibleArray) ? possibleArray.join('') : possibleArray;\n\nexport { reducePropsToState };\n\nconst checkIfPropsMatch = (props, toMatch) => {\n const keys = Object.keys(props);\n for (let i = 0; i < keys.length; i += 1) {\n // e.g. if rel exists in the list of allowed props [amphtml, alternate, etc]\n if (toMatch[keys[i]] && toMatch[keys[i]].includes(props[keys[i]])) {\n return true;\n }\n }\n return false;\n};\n\nexport const prioritizer = (elementsList, propsToMatch) => {\n if (Array.isArray(elementsList)) {\n return elementsList.reduce(\n (acc, elementAttrs) => {\n if (checkIfPropsMatch(elementAttrs, propsToMatch)) {\n acc.priority.push(elementAttrs);\n } else {\n acc.default.push(elementAttrs);\n }\n return acc;\n },\n { priority: [], default: [] }\n );\n }\n return { default: elementsList };\n};\n\nexport const without = (obj, key) => {\n return {\n ...obj,\n [key]: undefined,\n };\n};\n","import React from 'react';\nimport {\n HELMET_ATTRIBUTE,\n TAG_NAMES,\n REACT_TAG_MAP,\n TAG_PROPERTIES,\n ATTRIBUTE_NAMES,\n SEO_PRIORITY_TAGS,\n} from './constants';\nimport { flattenArray, prioritizer } from './utils';\n\nconst SELF_CLOSING_TAGS = [TAG_NAMES.NOSCRIPT, TAG_NAMES.SCRIPT, TAG_NAMES.STYLE];\n\nconst encodeSpecialCharacters = (str, encode = true) => {\n if (encode === false) {\n return String(str);\n }\n\n return String(str)\n .replace(/&/g, '&')\n .replace(//g, '>')\n .replace(/\"/g, '"')\n .replace(/'/g, ''');\n};\n\nconst generateElementAttributesAsString = attributes =>\n Object.keys(attributes).reduce((str, key) => {\n const attr = typeof attributes[key] !== 'undefined' ? `${key}=\"${attributes[key]}\"` : `${key}`;\n return str ? `${str} ${attr}` : attr;\n }, '');\n\nconst generateTitleAsString = (type, title, attributes, encode) => {\n const attributeString = generateElementAttributesAsString(attributes);\n const flattenedTitle = flattenArray(title);\n return attributeString\n ? `<${type} ${HELMET_ATTRIBUTE}=\"true\" ${attributeString}>${encodeSpecialCharacters(\n flattenedTitle,\n encode\n )}`\n : `<${type} ${HELMET_ATTRIBUTE}=\"true\">${encodeSpecialCharacters(\n flattenedTitle,\n encode\n )}`;\n};\n\nconst generateTagsAsString = (type, tags, encode) =>\n tags.reduce((str, tag) => {\n const attributeHtml = Object.keys(tag)\n .filter(\n attribute =>\n !(attribute === TAG_PROPERTIES.INNER_HTML || attribute === TAG_PROPERTIES.CSS_TEXT)\n )\n .reduce((string, attribute) => {\n const attr =\n typeof tag[attribute] === 'undefined'\n ? attribute\n : `${attribute}=\"${encodeSpecialCharacters(tag[attribute], encode)}\"`;\n return string ? `${string} ${attr}` : attr;\n }, '');\n\n const tagContent = tag.innerHTML || tag.cssText || '';\n\n const isSelfClosing = SELF_CLOSING_TAGS.indexOf(type) === -1;\n\n return `${str}<${type} ${HELMET_ATTRIBUTE}=\"true\" ${attributeHtml}${\n isSelfClosing ? `/>` : `>${tagContent}`\n }`;\n }, '');\n\nconst convertElementAttributesToReactProps = (attributes, initProps = {}) =>\n Object.keys(attributes).reduce((obj, key) => {\n obj[REACT_TAG_MAP[key] || key] = attributes[key];\n return obj;\n }, initProps);\n\nconst generateTitleAsReactComponent = (type, title, attributes) => {\n // assigning into an array to define toString function on it\n const initProps = {\n key: title,\n [HELMET_ATTRIBUTE]: true,\n };\n const props = convertElementAttributesToReactProps(attributes, initProps);\n\n return [React.createElement(TAG_NAMES.TITLE, props, title)];\n};\n\nconst generateTagsAsReactComponent = (type, tags) =>\n tags.map((tag, i) => {\n const mappedTag = {\n key: i,\n [HELMET_ATTRIBUTE]: true,\n };\n\n Object.keys(tag).forEach(attribute => {\n const mappedAttribute = REACT_TAG_MAP[attribute] || attribute;\n\n if (\n mappedAttribute === TAG_PROPERTIES.INNER_HTML ||\n mappedAttribute === TAG_PROPERTIES.CSS_TEXT\n ) {\n const content = tag.innerHTML || tag.cssText;\n mappedTag.dangerouslySetInnerHTML = { __html: content };\n } else {\n mappedTag[mappedAttribute] = tag[attribute];\n }\n });\n\n return React.createElement(type, mappedTag);\n });\n\nconst getMethodsForTag = (type, tags, encode) => {\n switch (type) {\n case TAG_NAMES.TITLE:\n return {\n toComponent: () =>\n generateTitleAsReactComponent(type, tags.title, tags.titleAttributes, encode),\n toString: () => generateTitleAsString(type, tags.title, tags.titleAttributes, encode),\n };\n case ATTRIBUTE_NAMES.BODY:\n case ATTRIBUTE_NAMES.HTML:\n return {\n toComponent: () => convertElementAttributesToReactProps(tags),\n toString: () => generateElementAttributesAsString(tags),\n };\n default:\n return {\n toComponent: () => generateTagsAsReactComponent(type, tags),\n toString: () => generateTagsAsString(type, tags, encode),\n };\n }\n};\n\nconst getPriorityMethods = ({ metaTags, linkTags, scriptTags, encode }) => {\n const meta = prioritizer(metaTags, SEO_PRIORITY_TAGS.meta);\n const link = prioritizer(linkTags, SEO_PRIORITY_TAGS.link);\n const script = prioritizer(scriptTags, SEO_PRIORITY_TAGS.script);\n\n // need to have toComponent() and toString()\n const priorityMethods = {\n toComponent: () => [\n ...generateTagsAsReactComponent(TAG_NAMES.META, meta.priority),\n ...generateTagsAsReactComponent(TAG_NAMES.LINK, link.priority),\n ...generateTagsAsReactComponent(TAG_NAMES.SCRIPT, script.priority),\n ],\n toString: () =>\n // generate all the tags as strings and concatenate them\n `${getMethodsForTag(TAG_NAMES.META, meta.priority, encode)} ${getMethodsForTag(\n TAG_NAMES.LINK,\n link.priority,\n encode\n )} ${getMethodsForTag(TAG_NAMES.SCRIPT, script.priority, encode)}`,\n };\n\n return {\n priorityMethods,\n metaTags: meta.default,\n linkTags: link.default,\n scriptTags: script.default,\n };\n};\n\nconst mapStateOnServer = props => {\n const {\n baseTag,\n bodyAttributes,\n encode,\n htmlAttributes,\n noscriptTags,\n styleTags,\n title = '',\n titleAttributes,\n prioritizeSeoTags,\n } = props;\n let { linkTags, metaTags, scriptTags } = props;\n let priorityMethods = {\n toComponent: () => {},\n toString: () => '',\n };\n if (prioritizeSeoTags) {\n ({ priorityMethods, linkTags, metaTags, scriptTags } = getPriorityMethods(props));\n }\n return {\n priority: priorityMethods,\n base: getMethodsForTag(TAG_NAMES.BASE, baseTag, encode),\n bodyAttributes: getMethodsForTag(ATTRIBUTE_NAMES.BODY, bodyAttributes, encode),\n htmlAttributes: getMethodsForTag(ATTRIBUTE_NAMES.HTML, htmlAttributes, encode),\n link: getMethodsForTag(TAG_NAMES.LINK, linkTags, encode),\n meta: getMethodsForTag(TAG_NAMES.META, metaTags, encode),\n noscript: getMethodsForTag(TAG_NAMES.NOSCRIPT, noscriptTags, encode),\n script: getMethodsForTag(TAG_NAMES.SCRIPT, scriptTags, encode),\n style: getMethodsForTag(TAG_NAMES.STYLE, styleTags, encode),\n title: getMethodsForTag(TAG_NAMES.TITLE, { title, titleAttributes }, encode),\n };\n};\n\nexport default mapStateOnServer;\n","import mapStateOnServer from './server';\n\nconst instances = [];\n\nexport function clearInstances() {\n instances.length = 0;\n}\n\nexport default class HelmetData {\n instances = [];\n\n value = {\n setHelmet: serverState => {\n this.context.helmet = serverState;\n },\n helmetInstances: {\n get: () => (this.canUseDOM ? instances : this.instances),\n add: instance => {\n (this.canUseDOM ? instances : this.instances).push(instance);\n },\n remove: instance => {\n const index = (this.canUseDOM ? instances : this.instances).indexOf(instance);\n (this.canUseDOM ? instances : this.instances).splice(index, 1);\n },\n },\n };\n\n constructor(context, canUseDOM = typeof document !== 'undefined') {\n this.context = context;\n this.canUseDOM = canUseDOM;\n\n if (!canUseDOM) {\n context.helmet = mapStateOnServer({\n baseTag: [],\n bodyAttributes: {},\n encodeSpecialCharacters: true,\n htmlAttributes: {},\n linkTags: [],\n metaTags: [],\n noscriptTags: [],\n scriptTags: [],\n styleTags: [],\n title: '',\n titleAttributes: {},\n });\n }\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport HelmetData from './HelmetData';\n\nconst defaultValue = {};\n\nexport const Context = React.createContext(defaultValue);\n\nexport const providerShape = PropTypes.shape({\n setHelmet: PropTypes.func,\n helmetInstances: PropTypes.shape({\n get: PropTypes.func,\n add: PropTypes.func,\n remove: PropTypes.func,\n }),\n});\n\nconst canUseDOM = typeof document !== 'undefined';\n\nexport default class Provider extends Component {\n static canUseDOM = canUseDOM;\n\n static propTypes = {\n context: PropTypes.shape({\n helmet: PropTypes.shape(),\n }),\n children: PropTypes.node.isRequired,\n };\n\n static defaultProps = {\n context: {},\n };\n\n static displayName = 'HelmetProvider';\n\n constructor(props) {\n super(props);\n\n this.helmetData = new HelmetData(this.props.context, Provider.canUseDOM);\n }\n\n render() {\n return \n \n {label && (\n \n )}\n {}}\n onChange={() => {}}\n {...subAttr}\n />\n {errorMessage && errorMessage != '' ? (\n
\n \n {\n if (e.target.valueAsDate) {\n handleChange(e.target.valueAsDate);\n return;\n }\n if (e.target.value) {\n handleChange(e.target.value);\n return;\n }\n // クリアーボタンを押した場合\n if (typeof e.target.value != undefined && e.target.value == '') {\n handleChange('');\n return;\n }\n }}\n {...subAttr}\n />\n
\n \n {errorMessage}\n
\n ) : (\n <>\n )}\n \n