{"version":3,"file":"OperationSidebar-B-SrQ1ni.js","sources":["../../../app/javascript/components/common/ToggleSwitch/LargeToggleSwitch.tsx","../../../app/javascript/components/templates/flowbots/OperationSidebar.tsx"],"sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport style from \"./largeToggleSwitch.module.scss\";\n\ninterface SwitchProps {\n  /**\n   * Switch state\n   */\n  active?: boolean;\n  setActive: (active: boolean) => void;\n  disabled?: boolean;\n  propHandle?: (e: React.ChangeEvent<HTMLInputElement>) => void | null;\n  customHandle?: (active: boolean) => void;\n}\n\nexport const LargeSwitch: React.VFC<SwitchProps> = ({\n  active,\n  setActive,\n  disabled,\n  propHandle,\n  customHandle,\n  ...props\n}: SwitchProps): JSX.Element => {\n  const handleToggle = () => {\n    setActive(!active);\n    customHandle?.(!active);\n  };\n\n  return (\n    <label className={style.switch} data-testid=\"large-switch-label\" id=\"test-large-switch\">\n      <input\n        type=\"checkbox\"\n        checked={active}\n        onChange={() => {\n          handleToggle();\n        }}\n        disabled={disabled}\n        data-testid=\"large-switch-toggle\"\n      />\n      <div className={style.movingArea}>\n        <div className={style.switchOn} />\n        <div className={style.switchOff} />\n      </div>\n      <span className={style.switchButton}></span>\n    </label>\n  );\n};\n","import React from \"react\";\nimport { getImageUrl } from \"../../../commons/assets_path\";\nimport { useTranslation } from \"react-i18next\";\n\ntype Props = {\n  stepTitles: string[];\n  stepStates: string[];\n  nowCount: number;\n};\n\nexport const OperationSidebar = ({ stepTitles, stepStates, nowCount }: Props) => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <input id=\"menuopen-input\" type=\"checkbox\" checked />\n      <div id=\"main-content-sidebar-operation\">\n        <div id=\"sidebar-main\" className=\"sidebar-main components\" style={{ left: 0, marginTop: \"40px\" }}>\n          <div className=\"operation_sidebar\">\n            <h4 className=\"sidebar-header\">\n              <span>\n                {t(\"OperationSidebar.ステップ\")} {nowCount}/{stepTitles.length}\n              </span>\n            </h4>\n            <ul className=\"nav flex-column mb-2 step-wrapper\">\n              {stepStates.map((state, i) => (\n                <div className=\"step-item-wrapper\" key={i}>\n                  <li className=\"nav-item p-0\">\n                    <div className=\"nav-link step-item\" data-testid=\"step-item\">\n                      {(() => {\n                        switch (state) {\n                          case \"not_yet\":\n                            return (\n                              <img\n                                src={getImageUrl(\"images/icons/notYet.svg\")}\n                                width={16}\n                                height={16}\n                                className=\"step-icon test-not-yet\"\n                                data-testid=\"step-icon\"\n                              />\n                            );\n                          case \"incomplete\":\n                            return (\n                              <img\n                                src={getImageUrl(\"images/icons/caution.svg\")}\n                                width={18}\n                                height={18}\n                                className=\"step-icon test-caution\"\n                                data-testid=\"step-icon\"\n                                style={{ marginLeft: \"-1px\" }}\n                              />\n                            );\n                          case \"success\":\n                            return (\n                              <img\n                                src={getImageUrl(\"images/icons/successCheck.svg\")}\n                                width={16}\n                                height={16}\n                                className=\"step-icon test-success\"\n                                data-testid=\"step-icon\"\n                              />\n                            );\n                          default:\n                            return null;\n                        }\n                      })()}\n                      <div className={`step-content${nowCount === i + 1 ? \" active\" : \"\"}`}>\n                        <div className=\"step-title\">{stepTitles[i]}</div>\n                      </div>\n                    </div>\n                  </li>\n                  {i < stepStates.length - 1 && (\n                    <div className={`step-border${state === \"success\" ? \" success\" : \"\"}`}></div>\n                  )}\n                </div>\n              ))}\n            </ul>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["LargeSwitch","active","setActive","disabled","propHandle","customHandle","props","handleToggle","jsxs","style","jsx","OperationSidebar","stepTitles","stepStates","nowCount","t","useTranslation","Fragment","state","getImageUrl"],"mappings":"0bAeaA,EAAsC,CAAC,CAClD,OAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAAgC,CAC9B,MAAMC,EAAe,IAAM,CACzBL,EAAU,CAACD,CAAM,EACjBI,GAAA,MAAAA,EAAe,CAACJ,EAClB,EAGE,OAAAO,OAAC,SAAM,UAAWC,EAAM,OAAQ,cAAY,qBAAqB,GAAG,oBAClE,SAAA,CAAAC,EAAA,IAAC,QAAA,CACC,KAAK,WACL,QAAST,EACT,SAAU,IAAM,CACDM,EAAA,CACf,EACA,SAAAJ,EACA,cAAY,qBAAA,CACd,EACCK,EAAA,KAAA,MAAA,CAAI,UAAWC,EAAM,WACpB,SAAA,CAACC,EAAAA,IAAA,MAAA,CAAI,UAAWD,EAAM,QAAU,CAAA,EAC/BC,EAAAA,IAAA,MAAA,CAAI,UAAWD,EAAM,SAAW,CAAA,CAAA,EACnC,EACCC,EAAAA,IAAA,OAAA,CAAK,UAAWD,EAAM,YAAc,CAAA,CAAA,EACvC,CAEJ,ECpCaE,EAAmB,CAAC,CAAE,WAAAC,EAAY,WAAAC,EAAY,SAAAC,KAAsB,CACzE,KAAA,CAAE,EAAAC,CAAE,EAAIC,EAAe,EAC7B,OAEIR,EAAA,KAAAS,WAAA,CAAA,SAAA,CAAAP,MAAC,SAAM,GAAG,iBAAiB,KAAK,WAAW,QAAO,GAAC,EACnDA,EAAAA,IAAC,OAAI,GAAG,iCACN,eAAC,MAAI,CAAA,GAAG,eAAe,UAAU,0BAA0B,MAAO,CAAE,KAAM,EAAG,UAAW,MAAA,EACtF,SAACF,EAAA,KAAA,MAAA,CAAI,UAAU,oBACb,SAAA,CAAAE,MAAC,KAAG,CAAA,UAAU,iBACZ,SAAAF,EAAA,KAAC,OACE,CAAA,SAAA,CAAAO,EAAE,uBAAuB,EAAE,IAAED,EAAS,IAAEF,EAAW,MAAA,CAAA,CACtD,CACF,CAAA,EACCF,EAAA,IAAA,KAAA,CAAG,UAAU,oCACX,SAAWG,EAAA,IAAI,CAACK,EAAO,IACtBV,EAAAA,KAAC,MAAI,CAAA,UAAU,oBACb,SAAA,CAACE,EAAAA,IAAA,KAAA,CAAG,UAAU,eACZ,SAAAF,EAAAA,KAAC,OAAI,UAAU,qBAAqB,cAAY,YAC5C,SAAA,EAAM,IAAA,CACN,OAAQU,EAAO,CACb,IAAK,UAED,OAAAR,EAAA,IAAC,MAAA,CACC,IAAKS,EAAY,yBAAyB,EAC1C,MAAO,GACP,OAAQ,GACR,UAAU,yBACV,cAAY,WAAA,CACd,EAEJ,IAAK,aAED,OAAAT,EAAA,IAAC,MAAA,CACC,IAAKS,EAAY,0BAA0B,EAC3C,MAAO,GACP,OAAQ,GACR,UAAU,yBACV,cAAY,YACZ,MAAO,CAAE,WAAY,MAAO,CAAA,CAC9B,EAEJ,IAAK,UAED,OAAAT,EAAA,IAAC,MAAA,CACC,IAAKS,EAAY,+BAA+B,EAChD,MAAO,GACP,OAAQ,GACR,UAAU,yBACV,cAAY,WAAA,CACd,EAEJ,QACS,OAAA,IAAA,CACX,GACC,QACF,MAAI,CAAA,UAAW,eAAeL,IAAa,EAAI,EAAI,UAAY,EAAE,GAChE,eAAC,MAAI,CAAA,UAAU,aAAc,SAAWF,EAAA,CAAC,EAAE,CAC7C,CAAA,CAAA,CAAA,CACF,CACF,CAAA,EACC,EAAIC,EAAW,OAAS,GACtBH,EAAAA,IAAA,MAAA,CAAI,UAAW,cAAcQ,IAAU,UAAY,WAAa,EAAE,EAAI,CAAA,CAAA,CA9CnC,EAAA,CAgDxC,CACD,CACH,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}