@webiny/app-website-builder 6.0.0 → 6.1.0-beta.1

package/modules/pages/configs/list/Browser/index.d.ts

@@ -102,6 +102,7 @@ export declare const Browser: {
         } & {
             OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
             OptionsMenuLink: (props: import("@webiny/app-admin/index.js").OptionsMenuLinkProps) => React.JSX.Element;
+            usePage: () => import("../../../PagesList/hooks/usePage.js").PageContext;
         };
     };
     Table: {

package/modules/pages/configs/list/PageListConfig.d.ts

@@ -93,6 +93,7 @@ export declare const PageListConfig: {
             } & {
                 OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
                 OptionsMenuLink: (props: import("@webiny/app-admin/index.js").OptionsMenuLinkProps) => React.JSX.Element;
+                usePage: () => import("../../PagesList/hooks/usePage.js").PageContext;
             };
         };
         Table: {
@@ -224,6 +225,7 @@ export declare const InternalPageListConfig: {
             } & {
                 OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
                 OptionsMenuLink: (props: import("@webiny/app-admin/index.js").OptionsMenuLinkProps) => React.JSX.Element;
+                usePage: () => import("../../PagesList/hooks/usePage.js").PageContext;
             };
         };
         Table: {

package/modules/redirects/configs/list/Browser/RedirectAction.d.ts

@@ -5,4 +5,5 @@ type RedirectActionProps = React.ComponentProps<typeof AcoConfig.Record.Action>;
 export declare const RedirectAction: ((props: RedirectActionProps) => React.JSX.Element) & {
     OptionsMenuItem: (props: import("@webiny/app-admin/components").OptionsMenuItemProps) => React.JSX.Element;
     OptionsMenuLink: (props: import("@webiny/app-admin/components").OptionsMenuLinkProps) => React.JSX.Element;
+    useRedirect: () => import("~/modules/redirects/RedirectsList/hooks/useRedirect.js").RedirectRowContext;
 };

package/modules/redirects/configs/list/Browser/RedirectAction.js

@@ -1,5 +1,6 @@
 import React from "react";
 import { AcoConfig } from "@webiny/app-aco";
+import { useRedirect } from "../../../RedirectsList/hooks/useRedirect.js";
 const {
   Record
 } = AcoConfig;
@@ -8,7 +9,8 @@ const BaseRedirectAction = props => {
 };
 export const RedirectAction = Object.assign(BaseRedirectAction, {
   OptionsMenuItem: Record.Action.OptionsMenuItem,
-  OptionsMenuLink: Record.Action.OptionsMenuLink
+  OptionsMenuLink: Record.Action.OptionsMenuLink,
+  useRedirect
 });
 
 //# sourceMappingURL=RedirectAction.js.map

package/modules/redirects/configs/list/Browser/RedirectAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AcoConfig","Record","BaseRedirectAction","props","createElement","Action","RedirectAction","Object","assign","OptionsMenuItem","OptionsMenuLink"],"sources":["RedirectAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { AcoConfig, type RecordActionConfig } from \"@webiny/app-aco\";\n\nconst { Record } = AcoConfig;\n\nexport type { RecordActionConfig };\n\ntype RedirectActionProps = React.ComponentProps<typeof AcoConfig.Record.Action>;\n\nconst BaseRedirectAction = (props: RedirectActionProps) => {\n    return <Record.Action {...props} />;\n};\n\nexport const RedirectAction = Object.assign(BaseRedirectAction, {\n    OptionsMenuItem: Record.Action.OptionsMenuItem,\n    OptionsMenuLink: Record.Action.OptionsMenuLink\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAiC,iBAAiB;AAEpE,MAAM;EAAEC;AAAO,CAAC,GAAGD,SAAS;AAM5B,MAAME,kBAAkB,GAAIC,KAA0B,IAAK;EACvD,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,MAAM,CAACI,MAAM,EAAKF,KAAQ,CAAC;AACvC,CAAC;AAED,OAAO,MAAMG,cAAc,GAAGC,MAAM,CAACC,MAAM,CAACN,kBAAkB,EAAE;EAC5DO,eAAe,EAAER,MAAM,CAACI,MAAM,CAACI,eAAe;EAC9CC,eAAe,EAAET,MAAM,CAACI,MAAM,CAACK;AACnC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","AcoConfig","useRedirect","Record","BaseRedirectAction","props","createElement","Action","RedirectAction","Object","assign","OptionsMenuItem","OptionsMenuLink"],"sources":["RedirectAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { AcoConfig, type RecordActionConfig } from \"@webiny/app-aco\";\nimport { useRedirect } from \"~/modules/redirects/RedirectsList/hooks/useRedirect.js\";\n\nconst { Record } = AcoConfig;\n\nexport type { RecordActionConfig };\n\ntype RedirectActionProps = React.ComponentProps<typeof AcoConfig.Record.Action>;\n\nconst BaseRedirectAction = (props: RedirectActionProps) => {\n    return <Record.Action {...props} />;\n};\n\nexport const RedirectAction = Object.assign(BaseRedirectAction, {\n    OptionsMenuItem: Record.Action.OptionsMenuItem,\n    OptionsMenuLink: Record.Action.OptionsMenuLink,\n    useRedirect\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAiC,iBAAiB;AACpE,SAASC,WAAW;AAEpB,MAAM;EAAEC;AAAO,CAAC,GAAGF,SAAS;AAM5B,MAAMG,kBAAkB,GAAIC,KAA0B,IAAK;EACvD,oBAAOL,KAAA,CAAAM,aAAA,CAACH,MAAM,CAACI,MAAM,EAAKF,KAAQ,CAAC;AACvC,CAAC;AAED,OAAO,MAAMG,cAAc,GAAGC,MAAM,CAACC,MAAM,CAACN,kBAAkB,EAAE;EAC5DO,eAAe,EAAER,MAAM,CAACI,MAAM,CAACI,eAAe;EAC9CC,eAAe,EAAET,MAAM,CAACI,MAAM,CAACK,eAAe;EAC9CV;AACJ,CAAC,CAAC","ignoreList":[]}

package/modules/redirects/configs/list/Browser/index.d.ts

@@ -64,6 +64,7 @@ export declare const Browser: {
         Action: ((props: import("@webiny/app-aco/config/record/Action.js").ActionProps) => import("react").JSX.Element) & {
             OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
             OptionsMenuLink: (props: import("@webiny/app-admin/index.js").OptionsMenuLinkProps) => React.JSX.Element;
+            useRedirect: () => import("../../../RedirectsList/hooks/useRedirect.js").RedirectRowContext;
         };
     };
     Table: {

package/modules/redirects/configs/list/RedirectListConfig.d.ts

@@ -57,6 +57,7 @@ export declare const RedirectListConfig: {
             Action: ((props: import("@webiny/app-aco/config/record/Action.js").ActionProps) => React.JSX.Element) & {
                 OptionsMenuItem: (props: import("@webiny/app-admin/index.js").OptionsMenuItemProps) => React.JSX.Element;
                 OptionsMenuLink: (props: import("@webiny/app-admin/index.js").OptionsMenuLinkProps) => React.JSX.Element;
+                useRedirect: () => import("../../RedirectsList/hooks/useRedirect.js").RedirectRowContext;
             };
         };
         Table: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-website-builder",
-	"version": "6.0.0",
+	"version": "6.1.0-beta.1",
 	"type": "module",
 	"main": "index.js",
 	"repository": {
@@ -11,72 +11,65 @@
 	"license": "MIT",
 	"dependencies": {
 		"@apollo/react-hooks": "3.1.5",
-		"@emotion/react": "11.10.8",
-		"@emotion/styled": "11.10.6",
-		"@lexical/utils": "0.40.0",
+		"@emotion/css": "11.13.5",
+		"@emotion/react": "11.14.0",
+		"@emotion/styled": "11.14.1",
+		"@lexical/utils": "0.42.0",
 		"@monaco-editor/react": "4.7.0",
-		"@svgr/webpack": "6.5.1",
+		"@svgr/webpack": "8.1.0",
 		"@types/react": "18.2.79",
-		"@webiny/admin-ui": "6.0.0",
-		"@webiny/app": "6.0.0",
-		"@webiny/app-aco": "6.0.0",
-		"@webiny/app-admin": "6.0.0",
-		"@webiny/app-headless-cms-common": "6.0.0",
-		"@webiny/app-utils": "6.0.0",
-		"@webiny/error": "6.0.0",
-		"@webiny/feature": "6.0.0",
-		"@webiny/form": "6.0.0",
-		"@webiny/icons": "6.0.0",
-		"@webiny/lexical-converter": "6.0.0",
-		"@webiny/lexical-editor": "6.0.0",
-		"@webiny/lexical-nodes": "6.0.0",
-		"@webiny/lexical-theme": "6.0.0",
-		"@webiny/react-composition": "6.0.0",
-		"@webiny/react-properties": "6.0.0",
-		"@webiny/ui": "6.0.0",
-		"@webiny/utils": "6.0.0",
-		"@webiny/validation": "6.0.0",
-		"@webiny/website-builder-sdk": "6.0.0",
+		"@webiny/admin-ui": "6.1.0-beta.1",
+		"@webiny/app": "6.1.0-beta.1",
+		"@webiny/app-aco": "6.1.0-beta.1",
+		"@webiny/app-admin": "6.1.0-beta.1",
+		"@webiny/app-headless-cms-common": "6.1.0-beta.1",
+		"@webiny/app-trash-bin": "6.1.0-beta.1",
+		"@webiny/app-utils": "6.1.0-beta.1",
+		"@webiny/error": "6.1.0-beta.1",
+		"@webiny/feature": "6.1.0-beta.1",
+		"@webiny/form": "6.1.0-beta.1",
+		"@webiny/icons": "6.1.0-beta.1",
+		"@webiny/lexical-converter": "6.1.0-beta.1",
+		"@webiny/lexical-editor": "6.1.0-beta.1",
+		"@webiny/lexical-nodes": "6.1.0-beta.1",
+		"@webiny/lexical-theme": "6.1.0-beta.1",
+		"@webiny/react-composition": "6.1.0-beta.1",
+		"@webiny/react-properties": "6.1.0-beta.1",
+		"@webiny/ui": "6.1.0-beta.1",
+		"@webiny/utils": "6.1.0-beta.1",
+		"@webiny/validation": "6.1.0-beta.1",
+		"@webiny/website-builder-sdk": "6.1.0-beta.1",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
 		"apollo-utilities": "1.3.4",
 		"classnames": "2.5.1",
 		"deep-equal": "2.2.3",
-		"emotion": "10.0.27",
-		"graphql": "16.13.1",
+		"graphql": "16.13.2",
 		"graphql-tag": "2.12.6",
 		"is-hotkey": "0.2.0",
 		"lodash": "4.17.23",
-		"markdown-to-jsx": "9.7.8",
-		"matcher": "5.0.0",
+		"markdown-to-jsx": "9.7.13",
+		"matcher": "6.0.0",
 		"mobx": "6.15.0",
-		"mobx-react-lite": "3.4.3",
+		"mobx-react-lite": "4.1.1",
 		"pluralize": "8.0.0",
 		"prop-types": "15.8.1",
 		"react": "18.2.0",
 		"react-dnd": "16.0.1",
 		"react-dnd-html5-backend": "16.0.1",
 		"react-dom": "18.2.0",
-		"slugify": "1.6.6"
+		"slugify": "1.6.8"
 	},
 	"devDependencies": {
 		"@emotion/babel-plugin": "11.13.5",
 		"@types/deep-equal": "1.0.4",
 		"@types/is-hotkey": "0.1.10",
-		"@types/pako": "2.0.4",
-		"@types/platform": "1.3.6",
-		"@types/randomcolor": "0.5.9",
-		"@types/react-images": "0.5.3",
-		"@types/react-resizable": "3.0.8",
-		"@types/react-virtualized": "9.22.3",
-		"@types/resize-observer-browser": "0.1.11",
-		"@types/store": "2.0.5",
-		"@webiny/build-tools": "6.0.0",
+		"@webiny/build-tools": "6.1.0-beta.1",
 		"execa": "5.1.1",
 		"rimraf": "6.1.3",
 		"typescript": "5.9.3",
-		"vitest": "4.0.18"
+		"vitest": "4.1.2"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -94,5 +87,5 @@
 			]
 		}
 	},
-	"gitHead": "9c6892640a45679ff521e25cd6587dff57393a2e"
+	"gitHead": "3c1293ba17a14f239fb1cbf5d80cd66846849309"
 }

package/presentation/navigation/NextjsConfig/markdownComponents.js

@@ -19,7 +19,9 @@ export const markdownComponents = {
     }, []);
     return /*#__PURE__*/React.createElement("pre", {
       className: "p-md bg-neutral-dimmed rounded mt-2 relative",
-      ref: element => codeRef.current = element
+      ref: element => {
+        codeRef.current = element;
+      }
     }, /*#__PURE__*/React.createElement(IconButton, {
       variant: "secondary",
       icon: /*#__PURE__*/React.createElement(CopyIcon, null),

package/presentation/navigation/NextjsConfig/markdownComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRef","ReactComponent","CopyIcon","IconButton","useToast","markdownComponents","pre","children","codeRef","toast","copyToClipboard","codeElement","current","querySelector","navigator","clipboard","writeText","innerText","showSuccessToast","title","createElement","className","ref","element","variant","icon","onClick"],"sources":["markdownComponents.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { IconButton, useToast } from \"@webiny/admin-ui\";\n\nexport const markdownComponents = {\n    pre: ({ children }: { children: React.ReactNode }) => {\n        const codeRef = useRef<HTMLPreElement | null>(null);\n        const toast = useToast();\n\n        const copyToClipboard = useCallback(() => {\n            const codeElement = codeRef.current?.querySelector(\"code\");\n            if (!codeElement) {\n                return;\n            }\n\n            navigator.clipboard.writeText(codeElement.innerText);\n            toast.showSuccessToast({ title: \"Copied to clipboard!\" });\n        }, []);\n\n        return (\n            <pre\n                className={\"p-md bg-neutral-dimmed rounded mt-2 relative\"}\n                ref={element => (codeRef.current = element)}\n            >\n                <IconButton\n                    variant={\"secondary\"}\n                    icon={<CopyIcon />}\n                    className={\"absolute right-[10px] top-[10px] cursor-pointer\"}\n                    onClick={copyToClipboard}\n                />\n                {children}\n            </pre>\n        );\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAClD,SAASC,cAAc,IAAIC,QAAQ,QAAQ,gCAAgC;AAC3E,SAASC,UAAU,EAAEC,QAAQ,QAAQ,kBAAkB;AAEvD,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,GAAG,EAAEA,CAAC;IAAEC;EAAwC,CAAC,KAAK;IAClD,MAAMC,OAAO,GAAGR,MAAM,CAAwB,IAAI,CAAC;IACnD,MAAMS,KAAK,GAAGL,QAAQ,CAAC,CAAC;IAExB,MAAMM,eAAe,GAAGX,WAAW,CAAC,MAAM;MACtC,MAAMY,WAAW,GAAGH,OAAO,CAACI,OAAO,EAAEC,aAAa,CAAC,MAAM,CAAC;MAC1D,IAAI,CAACF,WAAW,EAAE;QACd;MACJ;MAEAG,SAAS,CAACC,SAAS,CAACC,SAAS,CAACL,WAAW,CAACM,SAAS,CAAC;MACpDR,KAAK,CAACS,gBAAgB,CAAC;QAAEC,KAAK,EAAE;MAAuB,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC;IAEN,oBACIrB,KAAA,CAAAsB,aAAA;MACIC,SAAS,EAAE,8CAA+C;MAC1DC,GAAG,EAAEC,OAAO,IAAKf,OAAO,CAACI,OAAO,GAAGW;IAAS,gBAE5CzB,KAAA,CAAAsB,aAAA,CAACjB,UAAU;MACPqB,OAAO,EAAE,WAAY;MACrBC,IAAI,eAAE3B,KAAA,CAAAsB,aAAA,CAAClB,QAAQ,MAAE,CAAE;MACnBmB,SAAS,EAAE,iDAAkD;MAC7DK,OAAO,EAAEhB;IAAgB,CAC5B,CAAC,EACDH,QACA,CAAC;EAEd;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useRef","ReactComponent","CopyIcon","IconButton","useToast","markdownComponents","pre","children","codeRef","toast","copyToClipboard","codeElement","current","querySelector","navigator","clipboard","writeText","innerText","showSuccessToast","title","createElement","className","ref","element","variant","icon","onClick"],"sources":["markdownComponents.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { IconButton, useToast } from \"@webiny/admin-ui\";\n\nexport const markdownComponents = {\n    pre: ({ children }: { children: React.ReactNode }) => {\n        const codeRef = useRef<HTMLPreElement | null>(null);\n        const toast = useToast();\n\n        const copyToClipboard = useCallback(() => {\n            const codeElement = codeRef.current?.querySelector(\"code\");\n            if (!codeElement) {\n                return;\n            }\n\n            navigator.clipboard.writeText(codeElement.innerText);\n            toast.showSuccessToast({ title: \"Copied to clipboard!\" });\n        }, []);\n\n        return (\n            <pre\n                className={\"p-md bg-neutral-dimmed rounded mt-2 relative\"}\n                ref={element => {\n                    codeRef.current = element;\n                }}\n            >\n                <IconButton\n                    variant={\"secondary\"}\n                    icon={<CopyIcon />}\n                    className={\"absolute right-[10px] top-[10px] cursor-pointer\"}\n                    onClick={copyToClipboard}\n                />\n                {children}\n            </pre>\n        );\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAClD,SAASC,cAAc,IAAIC,QAAQ,QAAQ,gCAAgC;AAC3E,SAASC,UAAU,EAAEC,QAAQ,QAAQ,kBAAkB;AAEvD,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,GAAG,EAAEA,CAAC;IAAEC;EAAwC,CAAC,KAAK;IAClD,MAAMC,OAAO,GAAGR,MAAM,CAAwB,IAAI,CAAC;IACnD,MAAMS,KAAK,GAAGL,QAAQ,CAAC,CAAC;IAExB,MAAMM,eAAe,GAAGX,WAAW,CAAC,MAAM;MACtC,MAAMY,WAAW,GAAGH,OAAO,CAACI,OAAO,EAAEC,aAAa,CAAC,MAAM,CAAC;MAC1D,IAAI,CAACF,WAAW,EAAE;QACd;MACJ;MAEAG,SAAS,CAACC,SAAS,CAACC,SAAS,CAACL,WAAW,CAACM,SAAS,CAAC;MACpDR,KAAK,CAACS,gBAAgB,CAAC;QAAEC,KAAK,EAAE;MAAuB,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC;IAEN,oBACIrB,KAAA,CAAAsB,aAAA;MACIC,SAAS,EAAE,8CAA+C;MAC1DC,GAAG,EAAEC,OAAO,IAAI;QACZf,OAAO,CAACI,OAAO,GAAGW,OAAO;MAC7B;IAAE,gBAEFzB,KAAA,CAAAsB,aAAA,CAACjB,UAAU;MACPqB,OAAO,EAAE,WAAY;MACrBC,IAAI,eAAE3B,KAAA,CAAAsB,aAAA,CAAClB,QAAQ,MAAE,CAAE;MACnBmB,SAAS,EAAE,iDAAkD;MAC7DK,OAAO,EAAEhB;IAAgB,CAC5B,CAAC,EACDH,QACA,CAAC;EAEd;AACJ,CAAC","ignoreList":[]}

package/types.d.ts

@@ -16,6 +16,7 @@ export interface WbError {
     code: string;
     message: string;
     data?: Record<string, any> | null;
+    stack?: string;
 }
 export interface WbListMeta {
     cursor: string | null;

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { PageDto } from \"~/domain/Page/index.js\";\nimport type { FolderTableRow, RecordTableRow } from \"@webiny/app-aco/table.types.js\";\nimport type {\n    CmsContentEntryLive,\n    CmsContentEntrySystem\n} from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport interface WbIdentity {\n    id: string;\n    displayName: string;\n    type: string;\n}\n\nexport interface WbSystem extends CmsContentEntrySystem {\n    //\n}\n\nexport type WbLive = CmsContentEntryLive;\n\nexport interface WbLocation {\n    folderId: string;\n}\n\nexport interface WbError {\n    code: string;\n    message: string;\n    data?: Record<string, any> | null;\n}\n\nexport interface WbListMeta {\n    cursor: string | null;\n    totalCount: number;\n    hasMoreItems: boolean;\n}\n\nexport type TableItem = FolderTableRow | RecordTableRow<PageDto>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { PageDto } from \"~/domain/Page/index.js\";\nimport type { FolderTableRow, RecordTableRow } from \"@webiny/app-aco/table.types.js\";\nimport type {\n    CmsContentEntryLive,\n    CmsContentEntrySystem\n} from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport interface WbIdentity {\n    id: string;\n    displayName: string;\n    type: string;\n}\n\nexport interface WbSystem extends CmsContentEntrySystem {\n    //\n}\n\nexport type WbLive = CmsContentEntryLive;\n\nexport interface WbLocation {\n    folderId: string;\n}\n\nexport interface WbError {\n    code: string;\n    message: string;\n    data?: Record<string, any> | null;\n    stack?: string;\n}\n\nexport interface WbListMeta {\n    cursor: string | null;\n    totalCount: number;\n    hasMoreItems: boolean;\n}\n\nexport type TableItem = FolderTableRow | RecordTableRow<PageDto>;\n"],"mappings":"","ignoreList":[]}

package/BaseEditor/defaultConfig/Content/Preview/AddressBar.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useState","BreakpointSelector","PreviewInNewTab","OpenInNewTab","RefreshPreview","useSelectFromDocument","PreviewDomain","usePreviewDomain","AddressBar","path","document","properties","previewDomain","addressBarUrl","setAddressBarUrl","createElement","className"],"sources":["AddressBar.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { BreakpointSelector } from \"./BreakpointSelector.js\";\nimport { PreviewInNewTab } from \"./AddressBar/PreviewInNewTab.js\";\nimport { OpenInNewTab } from \"./AddressBar/OpenInNewTab.js\";\nimport { RefreshPreview } from \"./AddressBar/RefreshPreview.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { PreviewDomain } from \"./AddressBar/PreviewDomain.js\";\nimport { usePreviewDomain } from \"./usePreviewDomain.js\";\n\nexport const AddressBar = () => {\n    const path = useSelectFromDocument(document => document.properties.path);\n\n    const { previewDomain } = usePreviewDomain();\n    const [addressBarUrl, setAddressBarUrl] = useState<string>(\"\");\n\n    useEffect(() => {\n        if (!previewDomain) {\n            return;\n        }\n\n        setAddressBarUrl(`${previewDomain}${path}`);\n    }, [path, previewDomain]);\n\n    return (\n        <div className=\"w-full h-[49px] flex flex-row p-sm bg-neutral-base border-solid border-b-sm border-neutral-dimmed gap-sm\">\n            <div className={\"relative flex-auto\"}>\n                <div\n                    className={\n                        \"w-full absolute -top-px py-xs-plus pl-xl border-sm text-md peer cursor-not-allowed rounded-md border-neutral-subtle text-neutral-muted bg-neutral-disabled text-neutral-disabled\"\n                    }\n                >\n                    <PreviewDomain />\n                    {addressBarUrl}\n                </div>\n                <div className={\"absolute right-0 top-0\"}>\n                    <RefreshPreview />\n                    <PreviewInNewTab />\n                    <OpenInNewTab />\n                </div>\n            </div>\n            <div className={\"flex-none\"}>\n                <BreakpointSelector />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,kBAAkB;AAC3B,SAASC,eAAe;AACxB,SAASC,YAAY;AACrB,SAASC,cAAc;AACvB,SAASC,qBAAqB;AAC9B,SAASC,aAAa;AACtB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAMC,IAAI,GAAGJ,qBAAqB,CAACK,QAAQ,IAAIA,QAAQ,CAACC,UAAU,CAACF,IAAI,CAAC;EAExE,MAAM;IAAEG;EAAc,CAAC,GAAGL,gBAAgB,CAAC,CAAC;EAC5C,MAAM,CAACM,aAAa,EAAEC,gBAAgB,CAAC,GAAGd,QAAQ,CAAS,EAAE,CAAC;EAE9DD,SAAS,CAAC,MAAM;IACZ,IAAI,CAACa,aAAa,EAAE;MAChB;IACJ;IAEAE,gBAAgB,CAAC,GAAGF,aAAa,GAAGH,IAAI,EAAE,CAAC;EAC/C,CAAC,EAAE,CAACA,IAAI,EAAEG,aAAa,CAAC,CAAC;EAEzB,oBACId,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAC;EAA0G,gBACrHlB,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAE;EAAqB,gBACjClB,KAAA,CAAAiB,aAAA;IACIC,SAAS,EACL;EACH,gBAEDlB,KAAA,CAAAiB,aAAA,CAACT,aAAa,MAAE,CAAC,EAChBO,aACA,CAAC,eACNf,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAE;EAAyB,gBACrClB,KAAA,CAAAiB,aAAA,CAACX,cAAc,MAAE,CAAC,eAClBN,KAAA,CAAAiB,aAAA,CAACb,eAAe,MAAE,CAAC,eACnBJ,KAAA,CAAAiB,aAAA,CAACZ,YAAY,MAAE,CACd,CACJ,CAAC,eACNL,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAE;EAAY,gBACxBlB,KAAA,CAAAiB,aAAA,CAACd,kBAAkB,MAAE,CACpB,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}