{
  "version": 3,
  "sources": ["../../../../../../owl-nest/common/eula-modal/src/EulaModal.tsx", "../../../../../../owl-nest/common/eula-modal/index.ts"],
  "sourcesContent": ["import React, { useState, useEffect } from 'react'\nimport styled from 'styled-components'\n\nimport { t } from '@ulule/localize'\nimport * as plume from '@ulule/owl-kit-components/next'\nimport * as api from '@owl-nest/api-client/next'\n\nimport { AuthenticatedUser } from '@owl-nest/api-client/latest'\nimport { EULA_UPDATED_AT } from '@owl-nest/config'\n\ntype EulaModalProps = {\n  user: AuthenticatedUser\n  onValid?: () => void\n  refresh?: () => void\n}\n\nfunction useEulaModal(user: AuthenticatedUser, cguDate: string | undefined, onValid: () => void, refresh: () => void) {\n  const [isEulaOpen, setEulaOpen] = useState(false)\n\n  return { isEulaOpen, shouldDisplayEula, acceptEula }\n\n  async function acceptEula() {\n    const response = await api.client('POST /users/:id/accepteula', {\n      urlParams: { id: String(user.id) },\n    })\n\n    if (response.isRight()) {\n      refresh()\n      setEulaOpen(false)\n      onValid()\n    }\n  }\n\n  async function shouldDisplayEula() {\n    if (!cguDate || !user.eula_accepted_at) {\n      return\n    }\n\n    const userEulaTimestamp = user.eula_accepted_at ? new Date(user.eula_accepted_at).getTime() : 0\n    const cguTimestamp = new Date(cguDate).getTime()\n\n    if (cguTimestamp > userEulaTimestamp) {\n      setEulaOpen(true)\n    } else {\n      onValid()\n    }\n  }\n}\n\nexport function EulaModal({ user, onValid = () => {}, refresh = () => {} }: EulaModalProps) {\n  const { isEulaOpen, shouldDisplayEula, acceptEula } = useEulaModal(user, EULA_UPDATED_AT, onValid, refresh)\n\n  useEffect(() => {\n    shouldDisplayEula()\n  }, [user])\n\n  if (!isEulaOpen) {\n    return null\n  }\n\n  return (\n    <Modal open={isEulaOpen} closable={false}>\n      <plume.styles.heading.M>{t('Update of our Terms of Use')}</plume.styles.heading.M>\n      <plume.styles.copy.M>\n        {t('To continue using our services, please read the changes to our terms and conditions \uD83D\uDC47')}\n      </plume.styles.copy.M>\n\n      <iframe title=\"title\" src=\"/pages/about/terms/iframe\" />\n\n      <plume.Button onClick={acceptEula}>{t('Accept')}</plume.Button>\n    </Modal>\n  )\n}\n\nconst Modal = styled(plume.Modal)`\n  iframe {\n    border: 0;\n    height: 100%;\n    width: 100%;\n    padding-bottom: 16px;\n  }\n\n  ${plume.styles.modal.Wrapper} {\n    max-height: 100%;\n    max-width: 780px;\n  }\n\n  ${plume.styles.modal.Body} {\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    max-width: 780px;\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  ${plume.styles.copy.M}, ${plume.styles.heading.M} {\n    padding-left: 24px;\n    padding-right: 24px;\n  }\n\n  ${plume.styles.heading.M} {\n    padding-bottom: 8px;\n  }\n\n  ${plume.styles.modal.Actions} {\n    height: 60px;\n    margin-bottom: 20px;\n    padding: 0;\n  }\n\n  @media screen and (${plume.BREAKPOINTS.TABLET}) {\n    ${plume.styles.modal.Wrapper} {\n      box-sizing: border-box;\n      max-height: 90vh;\n    }\n\n    ${plume.styles.modal.Body} {\n      height: 80vh;\n      padding-left: 6px;\n      padding-right: 6px;\n    }\n  }\n`\n", "export * from './src/EulaModal'\n"],
  "mappings": "uNAAAA,IAAAC,IAAA,IAAAC,EAA2C,OAG3C,IAAAC,EAAkB,OAalB,SAASC,EAAaC,EAAyBC,EAA6BC,EAAqBC,EAAqB,CACpH,GAAM,CAACC,EAAYC,CAAW,KAAI,YAAS,EAAK,EAEhD,MAAO,CAAE,WAAAD,EAAY,kBAAAE,EAAmB,WAAAC,CAAW,EAEnD,eAAeA,GAAa,EACT,MAAUC,EAAO,6BAA8B,CAC9D,UAAW,CAAE,GAAI,OAAOR,EAAK,EAAE,CAAE,CACnC,CAAC,GAEY,QAAQ,IACnBG,EAAQ,EACRE,EAAY,EAAK,EACjBH,EAAQ,EAEZ,CAEA,eAAeI,GAAoB,CACjC,GAAI,CAACL,GAAW,CAACD,EAAK,iBACpB,OAGF,IAAMS,EAAoBT,EAAK,iBAAmB,IAAI,KAAKA,EAAK,gBAAgB,EAAE,QAAQ,EAAI,EACzE,IAAI,KAAKC,CAAO,EAAE,QAAQ,EAE5BQ,EACjBJ,EAAY,EAAI,EAEhBH,EAAQ,CAEZ,CACF,CAEO,SAASQ,EAAU,CAAE,KAAAV,EAAM,QAAAE,EAAU,IAAM,CAAC,EAAG,QAAAC,EAAU,IAAM,CAAC,CAAE,EAAmB,CAC1F,GAAM,CAAE,WAAAC,EAAY,kBAAAE,EAAmB,WAAAC,CAAW,EAAIR,EAAaC,EAAMW,EAAiBT,EAASC,CAAO,EAM1G,SAJA,aAAU,IAAM,CACdG,EAAkB,CACpB,EAAG,CAACN,CAAI,CAAC,EAEJI,EAKH,EAAAQ,QAAA,cAACC,EAAA,CAAM,KAAMT,EAAY,SAAU,IACjC,EAAAQ,QAAA,cAAOE,EAAO,QAAQ,EAArB,QAAwB,KAAE,4BAA4B,CAAE,EACzD,EAAAF,QAAA,cAAOE,EAAO,KAAK,EAAlB,QACE,KAAE,+FAAwF,CAC7F,EAEA,EAAAF,QAAA,cAAC,UAAO,MAAM,QAAQ,IAAI,4BAA4B,EAEtD,EAAAA,QAAA,cAAOG,EAAN,CAAa,QAASR,MAAa,KAAE,QAAQ,CAAE,CAClD,EAbO,IAeX,CAxEA,IAAAS,EA0EMH,EAAQI,EAAaJ,CAAK,EAAlBG,MAAmBE,EAAA,2GAQH,8DAKH,kLAUJ,KAA2B,mEAKxB,0CAII,iGAMiB,YACf,4EAKH,gGApCnBJ,EAAO,MAAM,QAKbA,EAAO,MAAM,KAUbA,EAAO,KAAK,EAAYA,EAAO,QAAQ,EAKvCA,EAAO,QAAQ,EAIfA,EAAO,MAAM,QAMMK,EAAY,OAC7BL,EAAO,MAAM,QAKbA,EAAO,MAAM,MCtHzBM,IAAAC",
  "names": ["init_define_process_env", "init_sentry_release_injection_stub", "import_react", "import_localize", "useEulaModal", "user", "cguDate", "onValid", "refresh", "isEulaOpen", "setEulaOpen", "shouldDisplayEula", "acceptEula", "client", "userEulaTimestamp", "EulaModal", "EULA_UPDATED_AT", "React", "Modal", "styles_exports", "Button", "_a", "src_default", "__template", "breakpoints_exports", "init_define_process_env", "init_sentry_release_injection_stub"]
}