{"version":3,"file":"my_task.ts-B-3cclki.js","sources":["../../../../../app/javascript/components/templates/myTask/MyTask.tsx","../../../../../app/javascript/entries/reactEntries/my_task.ts"],"sourcesContent":["import React, { useState } from \"react\";\nimport style from \"./MyTask.module.scss\";\nimport { getImageUrl } from \"../../../commons/assets_path\";\nimport useLanguageChange from \"../../../hooks/useLanguageChange\";\n\ntype Props = {\n  workflow_actions: workflowActions;\n  locale: string;\n};\n\ntype workflowActions = {\n  actionable_title: string;\n  display_assigned_time: string;\n  operation_path: string;\n  title: string;\n  icon_path: string;\n}[];\n\nexport const MyTask = ({ workflow_actions, locale }: Props) => {\n  const { t } = useLanguageChange(locale);\n  const [workflowActions, setWorkflowActions] = useState<workflowActions>(workflow_actions);\n\n  return (\n    <div>\n      {!workflowActions.length ? (\n        <h3 className=\"mt-3\">{t(\"MyTask.指定された期間に依頼された未完了のタスクはありません\")}🎉</h3>\n      ) : (\n        <div className=\"d-flex flex-column\" style={{ gap: \"8px\" }}>\n          {workflowActions.map((action, index) => (\n            <a href={action.operation_path} key={`mytask-${index}`} className={style.workflowAction}>\n              <div className=\"operation-list\">\n                <div>\n                  <img src={getImageUrl(action.icon_path)} width={40} height={40} />\n                </div>\n                <div className=\"d-flex flex-column\" style={{ gap: \"8px\" }}>\n                  <div className=\"card-text yoom-text-black\">{action.title}</div>\n                  <div className=\"operation-list__title\">{action.actionable_title}</div>\n                  <div className=\"card-text yoom-text-gray-darker\">{action.display_assigned_time}</div>\n                </div>\n                <div className=\"ml-auto\">\n                  <img src={getImageUrl(\"images/icons/nextGray.svg\")} alt=\"chevron-right\" width={27} height={27} />\n                </div>\n              </div>\n            </a>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n","import ReactOnRails from \"react-on-rails\";\nimport { MyTask } from \"../../components/templates/myTask/MyTask\";\n\nReactOnRails.register({\n  MyTask: MyTask,\n});\n"],"names":["MyTask","workflow_actions","locale","t","useLanguageChange","workflowActions","setWorkflowActions","useState","jsx","action","index","style","jsxs","getImageUrl","ReactOnRails"],"mappings":"qaAkBaA,EAAS,CAAC,CAAE,iBAAAC,EAAkB,OAAAC,KAAoB,CAC7D,KAAM,CAAE,EAAAC,CAAA,EAAMC,EAAkBF,CAAM,EAChC,CAACG,EAAiBC,CAAkB,EAAIC,EAAAA,SAA0BN,CAAgB,EAGtF,OAAAO,MAAC,OACE,SAACH,EAAgB,OAGfG,EAAAA,IAAA,MAAA,CAAI,UAAU,qBAAqB,MAAO,CAAE,IAAK,KAC/C,EAAA,SAAAH,EAAgB,IAAI,CAACI,EAAQC,IAC5BF,EAAAA,IAAC,IAAE,CAAA,KAAMC,EAAO,eAAwC,UAAWE,EAAM,eACvE,SAAAC,EAAA,KAAC,MAAI,CAAA,UAAU,iBACb,SAAA,CAAAJ,EAAA,IAAC,MACC,CAAA,SAAAA,EAAAA,IAAC,MAAI,CAAA,IAAKK,EAAYJ,EAAO,SAAS,EAAG,MAAO,GAAI,OAAQ,EAAI,CAAA,EAClE,EACAG,OAAC,OAAI,UAAU,qBAAqB,MAAO,CAAE,IAAK,KAChD,EAAA,SAAA,CAAAJ,EAAA,IAAC,MAAI,CAAA,UAAU,4BAA6B,SAAAC,EAAO,MAAM,EACxDD,EAAA,IAAA,MAAA,CAAI,UAAU,wBAAyB,WAAO,iBAAiB,EAC/DA,EAAA,IAAA,MAAA,CAAI,UAAU,kCAAmC,WAAO,qBAAsB,CAAA,CAAA,EACjF,QACC,MAAI,CAAA,UAAU,UACb,SAAAA,EAAA,IAAC,OAAI,IAAKK,EAAY,2BAA2B,EAAG,IAAI,gBAAgB,MAAO,GAAI,OAAQ,GAAI,CACjG,CAAA,CAAA,CACF,CAAA,GAbmC,UAAUH,CAAK,EAcpD,CACD,CACH,CAAA,EApBCE,EAAAA,KAAA,KAAA,CAAG,UAAU,OAAQ,SAAA,CAAAT,EAAE,mCAAmC,EAAE,IAAA,CAAE,CAAA,EAsBnE,CAEJ,EC9CAW,EAAa,SAAS,CACpB,OAAAd,CACF,CAAC"}