{"version":3,"file":"knowledge_change_plan-8d6d6135.js","sources":["../../../app/javascript/components/templates/knowledges/payment/TrialChangePlanView.tsx","../../../app/javascript/entries/reactEntries/knowledge_change_plan.ts"],"sourcesContent":["// @ts-nocheck\nimport React, { useEffect, useState } from \"react\";\nimport style from \"./TrialChangePlanView.module.scss\";\nimport PropTypes from \"prop-types\";\nimport { ChangePlanPriceList } from \"../../../common/Knowledges/Payment/ChangePlanPriceList\";\nimport { Modal } from \"react-bootstrap\";\nimport axios from \"axios\";\naxios.defaults.headers.common[\"X-Requested-With\"] = \"XMLHttpRequest\";\nimport { useTranslation } from \"react-i18next\";\n\nexport const TrialChangePlanView = (props) => {\n  const { t, i18n } = useTranslation(\"translation\", { keyPrefix: \"TrialChangePlanView\" });\n  const { knowledgeClientCode, learningQuantityInfo } = props;\n  const [show, setShow] = useState(false);\n  const [isDisabled, setIsDisabled] = useState(false);\n\n  const handleShow = () => {\n    setShow(true);\n  };\n\n  const handleClose = () => {\n    setShow(false);\n  };\n\n  const createPlan = async (afterPlanInfo) => {\n    setIsDisabled(true);\n    await axios\n      .post(\n        `/${knowledgeClientCode}/settings/knowledge_stripe_subscriptions/checkout`,\n        {\n          knowledge_stripe_subscription: {\n            learning_quantity_grade: afterPlanInfo.learning_quantity,\n            llm_model: afterPlanInfo.plan,\n          },\n        },\n        {\n          headers: {\n            \"X-CSRF-Token\": document.getElementsByName(\"csrf-token\")[0].content,\n            \"Content-Type\": \"application/json\",\n          },\n        },\n      )\n      .then((res) => {\n        window.location.href = res.data.redirect_url;\n      })\n      .catch(() => {})\n      .finally(() => setIsDisabled(false));\n  };\n\n  useEffect(() => {\n    i18n.changeLanguage(props.locale);\n  }, []);\n\n  return (\n    <>\n      <Modal show={show} onHide={handleClose} aria-labelledby=\"contained-modal-title-vcenter\" centered>\n        <div className={style.trialChangePlanWrap}>\n          <div style={{ maxHeight: \"745px\" }}>\n            <ChangePlanPriceList\n              currentPlanInfo={{}}\n              learningQuantityInfo={learningQuantityInfo}\n              setPageCategory={() => {}}\n              setChangePlanInfo={() => {}}\n              setPageNumber={() => {}}\n              isNewRegister={true}\n              createPlan={createPlan}\n              isDisabled={isDisabled}\n            />\n          </div>\n        </div>\n      </Modal>\n      {props.isExpierd ? (\n        <div\n          className=\"btn btn-yoom-knowledge-info yoom-knowledge-bold-text change-plan-btn\"\n          style={{ height: \"auto\" }}\n          onClick={() => handleShow()}\n        >\n          {t(\"submit\")}\n        </div>\n      ) : (\n        <div className=\"d-flex justify-content-between align-items-center\" style={{ margin: \"0px 23px -35px 23px\" }}>\n          <p className=\"my-4\">{t(\"usage\")}</p>\n          <div\n            className=\"ml-auto my-4 font-weight-bold\"\n            onClick={() => handleShow()}\n            style={{ color: \"#2d6295\", cursor: \"pointer\" }}\n          >\n            {t(\"linkTo\")}\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nTrialChangePlanView.propTypes = {\n  knowledgeClientCode: PropTypes.string,\n  learningQuantityInfo: PropTypes.array,\n  locale: PropTypes.string,\n  isExpierd: PropTypes.bool,\n};\n","import ReactOnRails from \"react-on-rails\";\nimport { TrialChangePlanView } from \"../../components/templates/knowledges/payment/TrialChangePlanView\";\n\nReactOnRails.register({\n  TrialChangePlanView,\n});\n"],"names":["axios","TrialChangePlanView","props","t","i18n","useTranslation","knowledgeClientCode","learningQuantityInfo","show","setShow","useState","isDisabled","setIsDisabled","handleShow","handleClose","createPlan","afterPlanInfo","res","useEffect","jsxs","Fragment","jsx","Modal","style","ChangePlanPriceList","PropTypes","ReactOnRails"],"mappings":"wUAOAA,EAAM,SAAS,QAAQ,OAAO,kBAAkB,EAAI,iBAGvC,MAAAC,EAAuBC,GAAU,CACtC,KAAA,CAAE,EAAAC,EAAG,KAAAC,GAASC,EAAe,cAAe,CAAE,UAAW,qBAAA,CAAuB,EAChF,CAAE,oBAAAC,EAAqB,qBAAAC,CAAyB,EAAAL,EAChD,CAACM,EAAMC,CAAO,EAAIC,WAAS,EAAK,EAChC,CAACC,EAAYC,CAAa,EAAIF,WAAS,EAAK,EAE5CG,EAAa,IAAM,CACvBJ,EAAQ,EAAI,CAAA,EAGRK,EAAc,IAAM,CACxBL,EAAQ,EAAK,CAAA,EAGTM,EAAa,MAAOC,GAAkB,CAC1CJ,EAAc,EAAI,EAClB,MAAMZ,EACH,KACC,IAAIM,qDACJ,CACE,8BAA+B,CAC7B,wBAAyBU,EAAc,kBACvC,UAAWA,EAAc,IAC3B,CACF,EACA,CACE,QAAS,CACP,eAAgB,SAAS,kBAAkB,YAAY,EAAE,CAAC,EAAE,QAC5D,eAAgB,kBAClB,CACF,CAAA,EAED,KAAMC,GAAQ,CACN,OAAA,SAAS,KAAOA,EAAI,KAAK,YAAA,CACjC,EACA,MAAM,IAAM,CAAE,CAAA,EACd,QAAQ,IAAML,EAAc,EAAK,CAAC,CAAA,EAGvCM,OAAAA,EAAAA,UAAU,IAAM,CACTd,EAAA,eAAeF,EAAM,MAAM,CAClC,EAAG,CAAE,CAAA,EAIDiB,EAAA,KAAAC,WAAA,CAAA,SAAA,CAAAC,EAAAA,IAACC,GAAM,KAAAd,EAAY,OAAQM,EAAa,kBAAgB,gCAAgC,SAAQ,GAC9F,SAAAO,EAAAA,IAAC,OAAI,UAAWE,EAAM,oBACpB,SAACF,EAAAA,IAAA,MAAA,CAAI,MAAO,CAAE,UAAW,OACvB,EAAA,SAAAA,EAAA,IAACG,EAAA,CACC,gBAAiB,CAAC,EAClB,qBAAAjB,EACA,gBAAiB,IAAM,CAAC,EACxB,kBAAmB,IAAM,CAAC,EAC1B,cAAe,IAAM,CAAC,EACtB,cAAe,GACf,WAAAQ,EACA,WAAAJ,CAAA,CAAA,CAEJ,CAAA,CACF,CAAA,EACF,EACCT,EAAM,UACLmB,EAAA,IAAC,MAAA,CACC,UAAU,uEACV,MAAO,CAAE,OAAQ,MAAO,EACxB,QAAS,IAAMR,EAAW,EAEzB,WAAE,QAAQ,CAAA,CAAA,SAGZ,MAAI,CAAA,UAAU,oDAAoD,MAAO,CAAE,OAAQ,qBAClF,EAAA,SAAA,CAAAQ,MAAC,IAAE,CAAA,UAAU,OAAQ,SAAAlB,EAAE,OAAO,EAAE,EAChCkB,EAAA,IAAC,MAAA,CACC,UAAU,gCACV,QAAS,IAAMR,EAAW,EAC1B,MAAO,CAAE,MAAO,UAAW,OAAQ,SAAU,EAE5C,WAAE,QAAQ,CAAA,CACb,CAAA,EACF,CAEJ,CAAA,CAAA,CAEJ,EAEAZ,EAAoB,UAAY,CAC9B,oBAAqBwB,EAAU,OAC/B,qBAAsBA,EAAU,MAChC,OAAQA,EAAU,OAClB,UAAWA,EAAU,IACvB,ECjGAC,EAAa,SAAS,CACpB,oBAAAzB,CACF,CAAC"}