UNPKG

@contentstack/live-preview-utils

Version:

Contentstack provides the Live Preview SDK to establish a communication channel between the various Contentstack SDKs and your website, transmitting live changes to the preview pane.

1 lines 2.97 kB
{"version":3,"sources":["../../../../../../src/visualBuilder/components/Collab/ThreadPopup/ThreadFooter.tsx"],"sourcesContent":["/** @jsxImportSource preact */\nimport React from \"preact/compat\";\nimport { JSX } from \"preact\";\nimport { useState } from \"preact/hooks\";\nimport Button from \"../Button/Button\";\nimport ButtonGroup from \"../ButtonGroup/ButtonGroup\";\nimport classNames from \"classnames\";\nimport { collabStyles, flexAlignCenter } from \"../../../collab.style\";\nimport { IThreadFooter } from \"../../../types/collab.types\";\n\nconst ThreadFooter = ({\n onClose,\n handleOnSaveRef,\n isDisabled,\n editComment,\n}: IThreadFooter) => {\n const [loading, setLoading] = useState(false);\n const onSubmit: JSX.MouseEventHandler<HTMLButtonElement> = async (\n event\n ) => {\n setLoading(true);\n event.preventDefault();\n await handleOnSaveRef.current?.();\n setLoading(false);\n };\n\n return (\n <div\n className={classNames(\n \"collab-thread-footer--wrapper\",\n \"flex-v-center\",\n collabStyles()[\"collab-thread-footer--wrapper\"],\n flexAlignCenter\n )}\n >\n <ButtonGroup>\n <Button\n type=\"button\"\n buttonType=\"tertiary\"\n testId={\"thread-cancel-btn\"}\n onClick={() => onClose(false)}\n >\n Cancel\n </Button>\n <Button\n type=\"button\"\n buttonType=\"primary\"\n onClick={onSubmit}\n testId={\"thread-save-btn\"}\n disabled={isDisabled || loading}\n isLoading={loading}\n >\n {editComment === \"\" ? \"Post\" : \"Update\"}\n </Button>\n </ButtonGroup>\n </div>\n );\n};\nexport default ThreadFooter;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAyB;AACzB,oBAAmB;AACnB,yBAAwB;AACxB,wBAAuB;AACvB,oBAA8C;AA4BlC;AAzBZ,IAAM,eAAe,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAqB;AACjB,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,WAAqD,OACvD,UACC;AAnBT;AAoBQ,eAAW,IAAI;AACf,UAAM,eAAe;AACrB,YAAM,qBAAgB,YAAhB;AACN,eAAW,KAAK;AAAA,EACpB;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAA;AAAA,QACP;AAAA,QACA;AAAA,YACA,4BAAa,EAAE,+BAA+B;AAAA,QAC9C;AAAA,MACJ;AAAA,MAEA,uDAAC,mBAAAC,SAAA,EACG;AAAA;AAAA,UAAC,cAAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,YAAW;AAAA,YACX,QAAQ;AAAA,YACR,SAAS,MAAM,QAAQ,KAAK;AAAA,YAC/B;AAAA;AAAA,QAED;AAAA,QACA;AAAA,UAAC,cAAAA;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,YAAW;AAAA,YACX,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,UAAU,cAAc;AAAA,YACxB,WAAW;AAAA,YAEV,0BAAgB,KAAK,SAAS;AAAA;AAAA,QACnC;AAAA,SACJ;AAAA;AAAA,EACJ;AAER;AACA,IAAO,uBAAQ;","names":["classNames","ButtonGroup","Button"]}