{"version":3,"file":"LoadBootBtn-D274reVy.js","sources":["../../../app/javascript/components/templates/flowbots/Notice/NoticeMessage.tsx","../../../app/javascript/components/common/LoadBtn/LoadBootBtn.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport styles from \"./NoticeMessage.module.scss\";\nimport { getImageUrl } from \"../../../../commons/assets_path\";\n\nconst successColor = \"#f3fafa\";\nconst errorColor = \"#fff4f4\";\n\ntype Props = {\n  notice: { isShow: boolean; message: string; type: string };\n  setNotice: React.Dispatch<React.SetStateAction<{ isShow: boolean; message: string; type: string }>>;\n};\n\nexport const NoticeMessage = ({ notice, setNotice }: Props) => {\n  const display = notice.isShow ? \"block\" : \"none\";\n  const fontColor = notice.type === \"notice\" ? \"#222222\" : \"#ff4958\";\n  const backgroundColor = notice.type === \"notice\" ? successColor : errorColor;\n  useEffect(() => {\n    if (notice.isShow) {\n      const timer = setTimeout(() => {\n        setNotice({ isShow: false, message: \"\", type: \"\" });\n      }, 5000);\n\n      return () => clearTimeout(timer);\n    }\n  }, [notice.isShow, setNotice]);\n\n  return (\n    <div\n      className={styles.noticeWrap}\n      style={{\n        display: display,\n        backgroundColor: backgroundColor,\n      }}\n    >\n      <div className={styles.noticeContent}>\n        <span data-testid=\"notice-message\" style={{ color: fontColor }}>\n          {notice.message}\n        </span>\n        <img\n          src={getImageUrl(\"images/icons/cancel.svg\")}\n          className={styles.closeImg}\n          onClick={() => setNotice({ isShow: false, message: \"\", type: \"\" })}\n        />\n      </div>\n    </div>\n  );\n};\n","// @ts-nocheck\nimport React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Loader } from \"../Loaders/Loader\";\nimport { getImageUrl } from \"../../../commons/assets_path\";\nimport { useTranslation } from \"react-i18next\";\n\nexport const LoadBootBtn = (props) => {\n  const { t } = useTranslation();\n  const { text, url, className, image } = props;\n  const [isloading, setLoading] = useState(false);\n\n  const buttonClick = () => {\n    setLoading(true);\n  };\n  return (\n    <a className={className} href={url} onClick={buttonClick} style={{ position: \"relative\" }}>\n      <span style={{ display: \"flex\", alignItems: \"center\", width: \"max-content\" }}>\n        {isloading ? (\n          <>\n            <span style={{ marginTop: \"-4px\" }}>\n              <Loader loaderColor=\"main-green\" loaderSize={21} />\n            </span>\n            <span style={{ paddingLeft: \"10px\", fontSize: \"14px\" }}>{t(\"LoadBootBtn.起動中\")}</span>\n          </>\n        ) : (\n          <>\n            <img src={getImageUrl(image)} width={25} height={25} />\n            <span style={{ paddingLeft: \"6px\", fontSize: \"14px\" }}>{text}</span>\n          </>\n        )}\n      </span>\n    </a>\n  );\n};\n\nLoadBootBtn.propTypes = {\n  text: PropTypes.string,\n  url: PropTypes.string,\n  className: PropTypes.string,\n  image: PropTypes.string,\n};\n"],"names":["successColor","errorColor","NoticeMessage","notice","setNotice","display","fontColor","backgroundColor","useEffect","timer","jsx","styles","jsxs","getImageUrl","LoadBootBtn","props","t","useTranslation","text","url","className","image","isloading","setLoading","useState","buttonClick","Fragment","Loader","PropTypes"],"mappings":"oiBAIMA,EAAe,UACfC,EAAa,UAONC,EAAgB,CAAC,CAAE,OAAAC,EAAQ,UAAAC,KAAuB,CACvD,MAAAC,EAAUF,EAAO,OAAS,QAAU,OACpCG,EAAYH,EAAO,OAAS,SAAW,UAAY,UACnDI,EAAkBJ,EAAO,OAAS,SAAWH,EAAeC,EAClEO,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIL,EAAO,OAAQ,CACX,MAAAM,EAAQ,WAAW,IAAM,CAC7BL,EAAU,CAAE,OAAQ,GAAO,QAAS,GAAI,KAAM,GAAI,GACjD,GAAI,EAEA,MAAA,IAAM,aAAaK,CAAK,CAAA,CAEhC,EAAA,CAACN,EAAO,OAAQC,CAAS,CAAC,EAG3BM,EAAA,IAAC,MAAA,CACC,UAAWC,EAAO,WAClB,MAAO,CACL,QAAAN,EACA,gBAAAE,CACF,EAEA,SAACK,EAAA,KAAA,MAAA,CAAI,UAAWD,EAAO,cACrB,SAAA,CAACD,EAAAA,IAAA,OAAA,CAAK,cAAY,iBAAiB,MAAO,CAAE,MAAOJ,CAAA,EAChD,SAAAH,EAAO,OACV,CAAA,EACAO,EAAA,IAAC,MAAA,CACC,IAAKG,EAAY,yBAAyB,EAC1C,UAAWF,EAAO,SAClB,QAAS,IAAMP,EAAU,CAAE,OAAQ,GAAO,QAAS,GAAI,KAAM,EAAI,CAAA,CAAA,CAAA,CACnE,CACF,CAAA,CAAA,CACF,CAEJ,ECvCaU,EAAeC,GAAU,CAC9B,KAAA,CAAE,EAAAC,CAAE,EAAIC,EAAe,EACvB,CAAE,KAAAC,EAAM,IAAAC,EAAK,UAAAC,EAAW,MAAAC,CAAU,EAAAN,EAClC,CAACO,EAAWC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAExCC,EAAc,IAAM,CACxBF,EAAW,EAAI,CACjB,EAEE,OAAAb,EAAA,IAAC,IAAE,CAAA,UAAAU,EAAsB,KAAMD,EAAK,QAASM,EAAa,MAAO,CAAE,SAAU,UAAW,EACtF,eAAC,OAAK,CAAA,MAAO,CAAE,QAAS,OAAQ,WAAY,SAAU,MAAO,aAC1D,EAAA,SAAAH,EAEGV,EAAA,KAAAc,EAAA,SAAA,CAAA,SAAA,CAAAhB,EAAA,IAAC,OAAK,CAAA,MAAO,CAAE,UAAW,MAAO,EAC/B,SAACA,EAAA,IAAAiB,EAAA,CAAO,YAAY,aAAa,WAAY,EAAI,CAAA,EACnD,EACAjB,EAAAA,IAAC,OAAK,CAAA,MAAO,CAAE,YAAa,OAAQ,SAAU,MAAO,EAAI,SAAEM,EAAA,iBAAiB,CAAE,CAAA,CAAA,CAAA,CAChF,EAGEJ,EAAAA,KAAAc,EAAA,SAAA,CAAA,SAAA,CAAChB,EAAAA,IAAA,MAAA,CAAI,IAAKG,EAAYQ,CAAK,EAAG,MAAO,GAAI,OAAQ,GAAI,EACrDX,EAAAA,IAAC,QAAK,MAAO,CAAE,YAAa,MAAO,SAAU,MAAO,EAAI,SAAKQ,CAAA,CAAA,CAAA,CAC/D,CAAA,CAEJ,CAAA,EACF,CAEJ,EAEAJ,EAAY,UAAY,CACtB,KAAMc,EAAU,OAChB,IAAKA,EAAU,OACf,UAAWA,EAAU,OACrB,MAAOA,EAAU,MACnB"}