@contentstack/live-preview-utils/dist/modern/visualBuilder/components/startEditingButton.cjs.map

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.

{"version":3,"sources":["../../../../src/visualBuilder/components/startEditingButton.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport getVisualBuilderRedirectionUrl from \"../utils/getVisualBuilderRedirectionUrl\";\nimport { EditIcon } from \"./icons\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport React from \"preact/compat\";\nimport Config from \"../../configManager/configManager\";\nimport { IConfigEditInVisualBuilderButton } from \"../../types/types\";\n\n\ntype Position = NonNullable<IConfigEditInVisualBuilderButton['position']>;\n\nconst positionStyles: Record<Position, string> = {\n    \"bottom-right\": visualBuilderStyles()['visual-builder__start-editing-btn__bottom-right'],\n    \"bottom-left\": visualBuilderStyles()['visual-builder__start-editing-btn__bottom-left'],\n    \"top-left\": visualBuilderStyles()['visual-builder__start-editing-btn__top-left'],\n    \"top-right\": visualBuilderStyles()['visual-builder__start-editing-btn__top-right'],\n}\n\nexport function getEditButtonPosition(position: any): Position {\n    const validPositions: Position[] = ['bottom-left', 'bottom-right', 'top-left', 'top-right']\n    if(validPositions.includes(position)){\n        return position\n    } else {\n        return \"bottom-right\"\n    }\n}\n\nfunction StartEditingButtonComponent(): JSX.Element | null {\n    const config = Config.get()\n    const enable = config.editInVisualBuilderButton.enable;\n    const position = config.editInVisualBuilderButton.position || \"bottom-right\";\n    \n    function updateTargetUrl(e: any){\n        const targetElement = e.target as HTMLAnchorElement;\n        targetElement.setAttribute(\n            \"href\",\n            getVisualBuilderRedirectionUrl().toString()\n        );\n    }\n\n    return enable ? (\n        <a\n            href={getVisualBuilderRedirectionUrl().toString()}\n            className={classNames(\n                \"visual-builder__start-editing-btn\",\n                visualBuilderStyles()[\"visual-builder__start-editing-btn\"],\n                positionStyles[getEditButtonPosition(position)]\n            )}\n            data-testid=\"vcms-start-editing-btn\"\n            onMouseEnter={(e) => updateTargetUrl(e)}\n            onFocus={(e) => updateTargetUrl(e)}\n            onClick={(e) => updateTargetUrl(e)}\n        >\n            <EditIcon />\n            <span>Start Editing</span>\n        </a>\n    ) : null;\n}\n\nexport default StartEditingButtonComponent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,4CAA2C;AAC3C,mBAAyB;AACzB,2BAAoC;AAEpC,2BAAmB;AAoCX;AA9BR,IAAM,iBAA2C;AAAA,EAC7C,oBAAgB,0CAAoB,EAAE,iDAAiD;AAAA,EACvF,mBAAe,0CAAoB,EAAE,gDAAgD;AAAA,EACrF,gBAAY,0CAAoB,EAAE,6CAA6C;AAAA,EAC/E,iBAAa,0CAAoB,EAAE,8CAA8C;AACrF;AAEO,SAAS,sBAAsB,UAAyB;AAC3D,QAAM,iBAA6B,CAAC,eAAe,gBAAgB,YAAY,WAAW;AAC1F,MAAG,eAAe,SAAS,QAAQ,GAAE;AACjC,WAAO;AAAA,EACX,OAAO;AACH,WAAO;AAAA,EACX;AACJ;AAEA,SAAS,8BAAkD;AACvD,QAAM,SAAS,qBAAAA,QAAO,IAAI;AAC1B,QAAM,SAAS,OAAO,0BAA0B;AAChD,QAAM,WAAW,OAAO,0BAA0B,YAAY;AAE9D,WAAS,gBAAgB,GAAO;AAC5B,UAAM,gBAAgB,EAAE;AACxB,kBAAc;AAAA,MACV;AAAA,UACA,sCAAAC,SAA+B,EAAE,SAAS;AAAA,IAC9C;AAAA,EACJ;AAEA,SAAO,SACH;AAAA,IAAC;AAAA;AAAA,MACG,UAAM,sCAAAA,SAA+B,EAAE,SAAS;AAAA,MAChD,eAAW,kBAAAC;AAAA,QACP;AAAA,YACA,0CAAoB,EAAE,mCAAmC;AAAA,QACzD,eAAe,sBAAsB,QAAQ,CAAC;AAAA,MAClD;AAAA,MACA,eAAY;AAAA,MACZ,cAAc,CAAC,MAAM,gBAAgB,CAAC;AAAA,MACtC,SAAS,CAAC,MAAM,gBAAgB,CAAC;AAAA,MACjC,SAAS,CAAC,MAAM,gBAAgB,CAAC;AAAA,MAEjC;AAAA,oDAAC,yBAAS;AAAA,QACV,4CAAC,UAAK,2BAAa;AAAA;AAAA;AAAA,EACvB,IACA;AACR;AAEA,IAAO,6BAAQ;","names":["Config","getVisualBuilderRedirectionUrl","classNames"]}