{"version":3,"file":"AccountExtraPage.js","names":["React","PageSection","PageSectionVariants","Button","Grid","GridItem","ExpandableSection","Modal","AccountServiceContext","Msg","ContentPage","ContentAlert","AvatarForm","AccountExtraPage","Component","constructor","props","context","isModalOpen","DEFAULT_STATE","open","setState","event","accountUrl","deleteUrl","doPost","then","success","window","location","reload","render","light","marginTop","localize","__html","e","handleModalToggle","state","modalConfirmDelete"],"sources":["../../../src/app/content/d4science-page/AccountExtraPage.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { PageSection, PageSectionVariants,Button, Grid, GridItem, ExpandableSection, Modal } from '@patternfly/react-core';\r\nimport { AccountServiceContext } from '../../account-service/AccountServiceContext';\r\nimport { Msg } from '../../widgets/Msg';\r\nimport { ContentPage } from '../ContentPage';\r\nimport { ContentAlert } from '../ContentAlert';\r\nimport { AvatarForm } from './AvatarForm';\r\n\r\ninterface AccountExtraPageProps {\r\n}\r\n\r\ninterface AccountExtraPageState {\r\n    isModalOpen: boolean;\r\n}\r\n\r\nexport class AccountExtraPage extends React.Component<AccountExtraPageProps, AccountExtraPageState> {\r\n    static contextType = AccountServiceContext;\r\n    context: React.ContextType<typeof AccountServiceContext>;\r\n    private readonly DEFAULT_STATE: AccountExtraPageState = {\r\n        isModalOpen: false\r\n    };\r\n    public state: AccountExtraPageState = this.DEFAULT_STATE;\r\n\r\n    constructor(props: AccountExtraPageProps, context: React.ContextType<typeof AccountServiceContext>) {\r\n        super(props);\r\n        this.context = context;\r\n    }\r\n\r\n    private handleModalToggle = (open: boolean) => {\r\n        this.setState({ isModalOpen: open })\r\n    }\r\n\r\n    private modalConfirmDelete = (event: any) => {\r\n        const accountUrl = this.context![\"accountUrl\"]\r\n        const deleteUrl = accountUrl + \"-delete/request-delete\"\r\n        this.context!.doPost<void>(deleteUrl, {})\r\n            .then(() => {\r\n                ContentAlert.success('accountDeletedMessage')\r\n                window.location.reload();\r\n            })\r\n        this.setState({ isModalOpen: false })\r\n    }\r\n\r\n    public render(): React.ReactNode {\r\n        const accountUrl = this.context![\"accountUrl\"]\r\n\r\n        return (\r\n            <ContentPage title=\"accountExtraInfoHtmlTitle\"\r\n                introMessage=\"accountExtraSubMessage\"\r\n            >\r\n                <PageSection isFilled variant={PageSectionVariants.light}>\r\n                    <AvatarForm accountUrl={accountUrl} />\r\n\r\n                    <div id=\"delete-account\" style={{marginTop:\"30px\"}}>\r\n                        <ExpandableSection toggleText={Msg.localize('deleteAccount')} displaySize=\"large\">\r\n                            <Grid hasGutter>\r\n                                <GridItem span={8}>\r\n                                    <p dangerouslySetInnerHTML={{ __html: Msg.localize('deleteAccountInfoMessage')}} />\r\n                                </GridItem>\r\n                                <GridItem span={4}>\r\n                                    <Button id=\"delete-account-btn\" variant=\"danger\"\r\n                                        onClick={(e) => this.handleModalToggle(true)} className=\"delete-button\"\r\n                                    >\r\n                                        <Msg msgKey=\"doDelete\" />\r\n                                    </Button>\r\n                                </GridItem>\r\n                            </Grid>\r\n                        </ExpandableSection>\r\n\r\n                        <Modal\r\n                            width={'50%'}\r\n                            title={Msg.localize('deleteAccountDialogHeader')}\r\n                            isOpen={this.state.isModalOpen}\r\n                            onClose={() => this.handleModalToggle(false)}\r\n                            actions={[\r\n                                <Button key=\"confirm\" variant=\"danger\" onClick={this.modalConfirmDelete}>\r\n                                    <Msg msgKey=\"doDeleteConfirm\" />\r\n                                </Button>,\r\n                                <Button key=\"cancel\" variant=\"secondary\" onClick={(e) => this.handleModalToggle(false)}>\r\n                                    <Msg msgKey=\"doCancel\" />\r\n                                </Button>\r\n                            ]}\r\n                        >\r\n                            <div dangerouslySetInnerHTML={{ __html: Msg.localize('deleteAccountWarningMessage')}} />\r\n                            <div dangerouslySetInnerHTML={{ __html: Msg.localize('deleteAccountConfirmMessage')}} />\r\n                        </Modal>\r\n                    </div>\r\n                </PageSection>\r\n\r\n            </ContentPage>\r\n        )\r\n    }\r\n}"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ;AAEA,SAASC,WAAT,EAAsBC,mBAAtB,EAA0CC,MAA1C,EAAkDC,IAAlD,EAAwDC,QAAxD,EAAkEC,iBAAlE,EAAqFC,KAArF;AACA,SAASC,qBAAT;AACA,SAASC,GAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AASA,OAAO,MAAMC,gBAAN,SAA+Bb,KAAK,CAACc,SAArC,CAA6F;EAQhGC,WAAW,CAACC,KAAD,EAA+BC,OAA/B,EAAyF;IAChG,MAAMD,KAAN;;IADgG;;IAAA,uCAL5C;MACpDE,WAAW,EAAE;IADuC,CAK4C;;IAAA,+BAF9D,KAAKC,aAEyD;;IAAA,2CAKvEC,IAAD,IAAmB;MAC3C,KAAKC,QAAL,CAAc;QAAEH,WAAW,EAAEE;MAAf,CAAd;IACH,CAPmG;;IAAA,4CAStEE,KAAD,IAAgB;MACzC,MAAMC,UAAU,GAAG,KAAKN,OAAL,CAAc,YAAd,CAAnB;MACA,MAAMO,SAAS,GAAGD,UAAU,GAAG,wBAA/B;MACA,KAAKN,OAAL,CAAcQ,MAAd,CAA2BD,SAA3B,EAAsC,EAAtC,EACKE,IADL,CACU,MAAM;QACRf,YAAY,CAACgB,OAAb,CAAqB,uBAArB;QACAC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;MACH,CAJL;MAKA,KAAKT,QAAL,CAAc;QAAEH,WAAW,EAAE;MAAf,CAAd;IACH,CAlBmG;;IAEhG,KAAKD,OAAL,GAAeA,OAAf;EACH;;EAiBMc,MAAM,GAAoB;IAC7B,MAAMR,UAAU,GAAG,KAAKN,OAAL,CAAc,YAAd,CAAnB;IAEA,oBACI,oBAAC,WAAD;MAAa,KAAK,EAAC,2BAAnB;MACI,YAAY,EAAC;IADjB,gBAGI,oBAAC,WAAD;MAAa,QAAQ,MAArB;MAAsB,OAAO,EAAEf,mBAAmB,CAAC8B;IAAnD,gBACI,oBAAC,UAAD;MAAY,UAAU,EAAET;IAAxB,EADJ,eAGI;MAAK,EAAE,EAAC,gBAAR;MAAyB,KAAK,EAAE;QAACU,SAAS,EAAC;MAAX;IAAhC,gBACI,oBAAC,iBAAD;MAAmB,UAAU,EAAExB,GAAG,CAACyB,QAAJ,CAAa,eAAb,CAA/B;MAA8D,WAAW,EAAC;IAA1E,gBACI,oBAAC,IAAD;MAAM,SAAS;IAAf,gBACI,oBAAC,QAAD;MAAU,IAAI,EAAE;IAAhB,gBACI;MAAG,uBAAuB,EAAE;QAAEC,MAAM,EAAE1B,GAAG,CAACyB,QAAJ,CAAa,0BAAb;MAAV;IAA5B,EADJ,CADJ,eAII,oBAAC,QAAD;MAAU,IAAI,EAAE;IAAhB,gBACI,oBAAC,MAAD;MAAQ,EAAE,EAAC,oBAAX;MAAgC,OAAO,EAAC,QAAxC;MACI,OAAO,EAAGE,CAAD,IAAO,KAAKC,iBAAL,CAAuB,IAAvB,CADpB;MACkD,SAAS,EAAC;IAD5D,gBAGI,oBAAC,GAAD;MAAK,MAAM,EAAC;IAAZ,EAHJ,CADJ,CAJJ,CADJ,CADJ,eAgBI,oBAAC,KAAD;MACI,KAAK,EAAE,KADX;MAEI,KAAK,EAAE5B,GAAG,CAACyB,QAAJ,CAAa,2BAAb,CAFX;MAGI,MAAM,EAAE,KAAKI,KAAL,CAAWpB,WAHvB;MAII,OAAO,EAAE,MAAM,KAAKmB,iBAAL,CAAuB,KAAvB,CAJnB;MAKI,OAAO,EAAE,cACL,oBAAC,MAAD;QAAQ,GAAG,EAAC,SAAZ;QAAsB,OAAO,EAAC,QAA9B;QAAuC,OAAO,EAAE,KAAKE;MAArD,gBACI,oBAAC,GAAD;QAAK,MAAM,EAAC;MAAZ,EADJ,CADK,eAIL,oBAAC,MAAD;QAAQ,GAAG,EAAC,QAAZ;QAAqB,OAAO,EAAC,WAA7B;QAAyC,OAAO,EAAGH,CAAD,IAAO,KAAKC,iBAAL,CAAuB,KAAvB;MAAzD,gBACI,oBAAC,GAAD;QAAK,MAAM,EAAC;MAAZ,EADJ,CAJK;IALb,gBAcI;MAAK,uBAAuB,EAAE;QAAEF,MAAM,EAAE1B,GAAG,CAACyB,QAAJ,CAAa,6BAAb;MAAV;IAA9B,EAdJ,eAeI;MAAK,uBAAuB,EAAE;QAAEC,MAAM,EAAE1B,GAAG,CAACyB,QAAJ,CAAa,6BAAb;MAAV;IAA9B,EAfJ,CAhBJ,CAHJ,CAHJ,CADJ;EA6CH;;AA5E+F;;gBAAvFrB,gB,iBACYL,qB"}