@frontify/guideline-blocks-settings 3.0.2 → 4.0.0-alpha.0

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.es.js

@@ -1,58 +1,49 @@
-import { jsx as e, jsxs as g, Fragment as k } from "react/jsx-runtime";
-import { useFloatingLinkInsertState as b, useFloatingLinkInsert as F, useFloatingLinkEditState as L, useFloatingLinkEdit as P, offset as S, flip as h } from "@frontify/fondue/rte";
-import { createPortal as s } from "react-dom";
-import { BlockStyles as d, TextStyles as a } from "../../styles.es.js";
-import { InsertLinkModal as x } from "./InsertLinkModal/InsertLinkModal.es.js";
-import { EditModal as E } from "./EditLinkModal/EditModal.es.js";
-const l = {
-  placement: "bottom-start",
-  strategy: "absolute",
-  middleware: [
-    S(12),
-    h({
-      padding: 12,
-      fallbackPlacements: ["bottom-end", "top-start", "top-end"]
-    })
-  ]
-}, M = () => {
-  const n = b({
-    floatingOptions: l
-  }), { props: o, ref: p, hidden: m } = F(n), t = L({
-    floatingOptions: l
-  }), { props: i, ref: u, editButtonProps: c, unlinkButtonProps: f } = P(t);
-  if (m)
-    return null;
-  const r = /* @__PURE__ */ e(x, {}), y = t.isEditing ? r : /* @__PURE__ */ e(E, { editButtonProps: c, unlinkButtonProps: f });
-  return /* @__PURE__ */ g(k, { children: [
-    n.isOpen && !t.isOpen && s(
-      /* @__PURE__ */ e(
-        "div",
-        {
-          "data-is-underlay": !0,
-          ref: p,
-          ...o,
-          style: { ...o.style, ...d[a.p] },
-          children: r
-        }
-      ),
-      document.body
-    ),
-    t.isOpen && s(
-      /* @__PURE__ */ e(
-        "div",
-        {
-          "data-is-underlay": !0,
-          ref: u,
-          ...i,
-          style: { ...i.style, ...d[a.p] },
-          children: y
-        }
-      ),
-      document.body
-    )
-  ] });
+import { BlockStyles as e, TextStyles as t } from "../../styles.es.js";
+import { EditModal as n } from "./EditLinkModal/EditModal.es.js";
+import { InsertLinkModal as r } from "./InsertLinkModal/InsertLinkModal.es.js";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { flip as s, offset as c, useFloatingLinkEdit as l, useFloatingLinkEditState as u, useFloatingLinkInsert as d, useFloatingLinkInsertState as f } from "@frontify/fondue/rte";
+import { createPortal as p } from "react-dom";
+//#region src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.tsx
+var m = {
+	placement: "bottom-start",
+	strategy: "absolute",
+	middleware: [c(12), s({
+		padding: 12,
+		fallbackPlacements: [
+			"bottom-end",
+			"top-start",
+			"top-end"
+		]
+	})]
+}, h = () => {
+	let s = f({ floatingOptions: m }), { props: c, ref: h, hidden: g } = d(s), _ = u({ floatingOptions: m }), { props: v, ref: y, editButtonProps: b, unlinkButtonProps: x } = l(_);
+	if (g) return null;
+	let S = /* @__PURE__ */ a(r, {}), C = _.isEditing ? S : /* @__PURE__ */ a(n, {
+		editButtonProps: b,
+		unlinkButtonProps: x
+	});
+	return /* @__PURE__ */ o(i, { children: [s.isOpen && !_.isOpen && p(/* @__PURE__ */ a("div", {
+		"data-is-underlay": !0,
+		ref: h,
+		...c,
+		style: {
+			...c.style,
+			...e[t.p]
+		},
+		children: S
+	}), document.body), _.isOpen && p(/* @__PURE__ */ a("div", {
+		"data-is-underlay": !0,
+		ref: y,
+		...v,
+		style: {
+			...v.style,
+			...e[t.p]
+		},
+		children: C
+	}), document.body)] });
 };
-export {
-  M as CustomFloatingLink
-};
-//# sourceMappingURL=CustomFloatingLink.es.js.map
+//#endregion
+export { h as CustomFloatingLink };
+
+//# sourceMappingURL=CustomFloatingLink.es.js.map

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFloatingLink.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type LinkFloatingToolbarState,\n    type UseVirtualFloatingOptions,\n    flip,\n    offset,\n    useFloatingLinkEdit,\n    useFloatingLinkEditState,\n    useFloatingLinkInsert,\n    useFloatingLinkInsertState,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { BlockStyles, TextStyles } from '../../../../RichTextEditor/plugins/styles';\n\nimport { EditModal } from './EditLinkModal';\nimport { InsertLinkModal } from './InsertLinkModal/InsertLinkModal';\n\nconst floatingOptions: UseVirtualFloatingOptions = {\n    placement: 'bottom-start',\n    strategy: 'absolute',\n    middleware: [\n        offset(12),\n        flip({\n            padding: 12,\n            fallbackPlacements: ['bottom-end', 'top-start', 'top-end'],\n        }),\n    ],\n};\n\nexport type LinkFloatingToolbarProps = {\n    state?: LinkFloatingToolbarState;\n};\n\nexport const CustomFloatingLink = () => {\n    const insertState = useFloatingLinkInsertState({\n        floatingOptions,\n    });\n    const { props: insertProps, ref: insertRef, hidden } = useFloatingLinkInsert(insertState);\n\n    const editState = useFloatingLinkEditState({\n        floatingOptions,\n    });\n\n    const { props: editProps, ref: editRef, editButtonProps, unlinkButtonProps } = useFloatingLinkEdit(editState);\n\n    if (hidden) {\n        return null;\n    }\n\n    const input = <InsertLinkModal />;\n    const editContent = editState.isEditing ? (\n        input\n    ) : (\n        <EditModal editButtonProps={editButtonProps} unlinkButtonProps={unlinkButtonProps} />\n    );\n\n    return (\n        <>\n            {insertState.isOpen &&\n                !editState.isOpen &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={insertRef}\n                        {...insertProps}\n                        style={{ ...(insertProps.style as CSSProperties), ...BlockStyles[TextStyles.p] }}\n                    >\n                        {input}\n                    </div>,\n                    document.body,\n                )}\n\n            {editState.isOpen &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={editRef}\n                        {...editProps}\n                        style={{ ...(editProps.style as CSSProperties), ...BlockStyles[TextStyles.p] }}\n                    >\n                        {editContent}\n                    </div>,\n                    document.body,\n                )}\n        </>\n    );\n};\n"],"names":["floatingOptions","offset","flip","CustomFloatingLink","insertState","useFloatingLinkInsertState","insertProps","insertRef","hidden","useFloatingLinkInsert","editState","useFloatingLinkEditState","editProps","editRef","editButtonProps","unlinkButtonProps","useFloatingLinkEdit","input","InsertLinkModal","editContent","jsx","EditModal","jsxs","Fragment","createPortal","BlockStyles","TextStyles"],"mappings":";;;;;;AAoBA,MAAMA,IAA6C;AAAA,EAC/C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,IACRC,EAAO,EAAE;AAAA,IACTC,EAAK;AAAA,MACD,SAAS;AAAA,MACT,oBAAoB,CAAC,cAAc,aAAa,SAAS;AAAA,IAAA,CAC5D;AAAA,EAAA;AAET,GAMaC,IAAqB,MAAM;AACpC,QAAMC,IAAcC,EAA2B;AAAA,IAC3C,iBAAAL;AAAA,EAAA,CACH,GACK,EAAE,OAAOM,GAAa,KAAKC,GAAW,QAAAC,EAAA,IAAWC,EAAsBL,CAAW,GAElFM,IAAYC,EAAyB;AAAA,IACvC,iBAAAX;AAAA,EAAA,CACH,GAEK,EAAE,OAAOY,GAAW,KAAKC,GAAS,iBAAAC,GAAiB,mBAAAC,EAAA,IAAsBC,EAAoBN,CAAS;AAE5G,MAAIF;AACA,WAAO;AAGX,QAAMS,sBAASC,GAAA,EAAgB,GACzBC,IAAcT,EAAU,YAC1BO,IAEA,gBAAAG,EAACC,GAAA,EAAU,iBAAAP,GAAkC,mBAAAC,GAAsC;AAGvF,SACI,gBAAAO,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAnB,EAAY,UACT,CAACM,EAAU,UACXc;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKb;AAAA,UACJ,GAAGD;AAAA,UACJ,OAAO,EAAE,GAAIA,EAAY,OAAyB,GAAGmB,EAAYC,EAAW,CAAC,EAAA;AAAA,UAE5E,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,IAGhBP,EAAU,UACPc;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKP;AAAA,UACJ,GAAGD;AAAA,UACJ,OAAO,EAAE,GAAIA,EAAU,OAAyB,GAAGa,EAAYC,EAAW,CAAC,EAAA;AAAA,UAE1E,UAAAP;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,EACb,GACR;AAER;"}
+{"version":3,"file":"CustomFloatingLink.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type LinkFloatingToolbarState,\n    type UseVirtualFloatingOptions,\n    flip,\n    offset,\n    useFloatingLinkEdit,\n    useFloatingLinkEditState,\n    useFloatingLinkInsert,\n    useFloatingLinkInsertState,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { BlockStyles, TextStyles } from '../../../../RichTextEditor/plugins/styles';\n\nimport { EditModal } from './EditLinkModal';\nimport { InsertLinkModal } from './InsertLinkModal/InsertLinkModal';\n\nconst floatingOptions: UseVirtualFloatingOptions = {\n    placement: 'bottom-start',\n    strategy: 'absolute',\n    middleware: [\n        offset(12),\n        flip({\n            padding: 12,\n            fallbackPlacements: ['bottom-end', 'top-start', 'top-end'],\n        }),\n    ],\n};\n\nexport type LinkFloatingToolbarProps = {\n    state?: LinkFloatingToolbarState;\n};\n\nexport const CustomFloatingLink = () => {\n    const insertState = useFloatingLinkInsertState({\n        floatingOptions,\n    });\n    const { props: insertProps, ref: insertRef, hidden } = useFloatingLinkInsert(insertState);\n\n    const editState = useFloatingLinkEditState({\n        floatingOptions,\n    });\n\n    const { props: editProps, ref: editRef, editButtonProps, unlinkButtonProps } = useFloatingLinkEdit(editState);\n\n    if (hidden) {\n        return null;\n    }\n\n    const input = <InsertLinkModal />;\n    const editContent = editState.isEditing ? (\n        input\n    ) : (\n        <EditModal editButtonProps={editButtonProps} unlinkButtonProps={unlinkButtonProps} />\n    );\n\n    return (\n        <>\n            {insertState.isOpen &&\n                !editState.isOpen &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={insertRef}\n                        {...insertProps}\n                        style={{ ...(insertProps.style as CSSProperties), ...BlockStyles[TextStyles.p] }}\n                    >\n                        {input}\n                    </div>,\n                    document.body,\n                )}\n\n            {editState.isOpen &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={editRef}\n                        {...editProps}\n                        style={{ ...(editProps.style as CSSProperties), ...BlockStyles[TextStyles.p] }}\n                    >\n                        {editContent}\n                    </div>,\n                    document.body,\n                )}\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAoBA,IAAM,IAA6C;CAC/C,WAAW;CACX,UAAU;CACV,YAAY,CACR,EAAO,EAAE,GACT,EAAK;EACD,SAAS;EACT,oBAAoB;GAAC;GAAc;GAAa;EAAS;CAC7D,CAAC,CACL;AACJ,GAMa,UAA2B;CACpC,IAAM,IAAc,EAA2B,EAC3C,mBACJ,CAAC,GACK,EAAE,OAAO,GAAa,KAAK,GAAW,cAAW,EAAsB,CAAW,GAElF,IAAY,EAAyB,EACvC,mBACJ,CAAC,GAEK,EAAE,OAAO,GAAW,KAAK,GAAS,oBAAiB,yBAAsB,EAAoB,CAAS;CAE5G,IAAI,GACA,OAAO;CAGX,IAAM,IAAQ,kBAAC,GAAD,CAAkB,CAAA,GAC1B,IAAc,EAAU,YAC1B,IAEA,kBAAC,GAAD;EAA4B;EAAoC;CAAoB,CAAA;CAGxF,OACI,kBAAA,GAAA,EAAA,UAAA,CACK,EAAY,UACT,CAAC,EAAU,UACX,EACI,kBAAC,OAAD;EACI,oBAAA;EACA,KAAK;EACL,GAAI;EACJ,OAAO;GAAE,GAAI,EAAY;GAAyB,GAAG,EAAY,EAAW;EAAG;EAE9E,UAAA;CACA,CAAA,GACL,SAAS,IACb,GAEH,EAAU,UACP,EACI,kBAAC,OAAD;EACI,oBAAA;EACA,KAAK;EACL,GAAI;EACJ,OAAO;GAAE,GAAI,EAAU;GAAyB,GAAG,EAAY,EAAW;EAAG;EAE5E,UAAA;CACA,CAAA,GACL,SAAS,IACb,CACN,EAAA,CAAA;AAEV"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.es.js

@@ -1,49 +1,47 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { IconPen as o, IconTrashBin as l } from "@frontify/fondue/icons";
-import { useLinkOpenButtonState as s, FloatingModalWrapper as d } from "@frontify/fondue/rte";
-import { BlockStyles as m } from "../../../styles.es.js";
-import { LINK_PLUGIN as c } from "../../id.es.js";
-import { getUrlFromLinkOrLegacyLink as p } from "../../../../../Link/utils/getUrl.es.js";
-const h = ({ editButtonProps: i, unlinkButtonProps: a }) => {
-  const { element: e } = s(), r = e ? p(e) : "";
-  return /* @__PURE__ */ t(d, { "data-test-id": "floating-link-edit", padding: "16px", minWidth: "400px", children: /* @__PURE__ */ n("span", { "data-test-id": "preview-link-flyout", className: "tw-flex tw-justify-between tw-items-center tw-gap-2", children: [
-    /* @__PURE__ */ t(
-      "a",
-      {
-        "data-test-id": "floating-link-edit-url",
-        href: r,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        style: m[c],
-        className: "tw-break-all",
-        children: r
-      }
-    ),
-    /* @__PURE__ */ n("span", { className: "tw-flex tw-gap-2", children: [
-      /* @__PURE__ */ t(
-        "button",
-        {
-          tabIndex: 0,
-          "data-test-id": "edit-link-button",
-          className: "tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1",
-          ...i,
-          children: /* @__PURE__ */ t(o, { size: 16 })
-        }
-      ),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          tabIndex: 0,
-          "data-test-id": "remove-link-button",
-          className: "tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1",
-          ...a,
-          children: /* @__PURE__ */ t(l, { size: 16 })
-        }
-      )
-    ] })
-  ] }) });
+import { getUrlFromLinkOrLegacyLink as e } from "../../../../../Link/utils/getUrl.es.js";
+import { LINK_PLUGIN as t } from "../../id.es.js";
+import { BlockStyles as n } from "../../../styles.es.js";
+import { IconPen as r, IconTrashBin as i } from "@frontify/fondue/icons";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { FloatingModalWrapper as s, useLinkOpenButtonState as c } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.tsx
+var l = ({ editButtonProps: l, unlinkButtonProps: u }) => {
+	let { element: d } = c(), f = d ? e(d) : "";
+	return /* @__PURE__ */ a(s, {
+		"data-test-id": "floating-link-edit",
+		padding: "16px",
+		minWidth: "400px",
+		children: /* @__PURE__ */ o("span", {
+			"data-test-id": "preview-link-flyout",
+			className: "tw-flex tw-justify-between tw-items-center tw-gap-2",
+			children: [/* @__PURE__ */ a("a", {
+				"data-test-id": "floating-link-edit-url",
+				href: f,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				style: n[t],
+				className: "tw-break-all",
+				children: f
+			}), /* @__PURE__ */ o("span", {
+				className: "tw-flex tw-gap-2",
+				children: [/* @__PURE__ */ a("button", {
+					tabIndex: 0,
+					"data-test-id": "edit-link-button",
+					className: "tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1",
+					...l,
+					children: /* @__PURE__ */ a(r, { size: 16 })
+				}), /* @__PURE__ */ a("button", {
+					tabIndex: 0,
+					"data-test-id": "remove-link-button",
+					className: "tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1",
+					...u,
+					children: /* @__PURE__ */ a(i, { size: 16 })
+				})]
+			})]
+		})
+	});
 };
-export {
-  h as EditModal
-};
-//# sourceMappingURL=EditModal.es.js.map
+//#endregion
+export { l as EditModal };
+
+//# sourceMappingURL=EditModal.es.js.map

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconPen, IconTrashBin } from '@frontify/fondue/icons';\nimport { FloatingModalWrapper, useLinkOpenButtonState } from '@frontify/fondue/rte';\nimport { type MouseEvent } from 'react';\n\nimport { getUrlFromLinkOrLegacyLink } from '../../../../../Link';\nimport { BlockStyles } from '../../../styles';\nimport { LINK_PLUGIN } from '../../id';\n\ntype EditModalProps = {\n    editButtonProps: {\n        onClick: () => void;\n    };\n    unlinkButtonProps: {\n        onMouseDown: (e: MouseEvent<HTMLButtonElement>) => void;\n        onClick: () => void;\n    };\n};\n\nexport const EditModal = ({ editButtonProps, unlinkButtonProps }: EditModalProps) => {\n    const { element } = useLinkOpenButtonState();\n    const url = element ? getUrlFromLinkOrLegacyLink(element) : '';\n\n    return (\n        <FloatingModalWrapper data-test-id=\"floating-link-edit\" padding=\"16px\" minWidth=\"400px\">\n            <span data-test-id=\"preview-link-flyout\" className=\"tw-flex tw-justify-between tw-items-center tw-gap-2\">\n                <a\n                    data-test-id=\"floating-link-edit-url\"\n                    href={url}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    style={BlockStyles[LINK_PLUGIN]}\n                    className=\"tw-break-all\"\n                >\n                    {url}\n                </a>\n                <span className=\"tw-flex tw-gap-2\">\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"edit-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1\"\n                        {...editButtonProps}\n                    >\n                        <IconPen size={16} />\n                    </button>\n\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"remove-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1\"\n                        {...unlinkButtonProps}\n                    >\n                        <IconTrashBin size={16} />\n                    </button>\n                </span>\n            </span>\n        </FloatingModalWrapper>\n    );\n};\n"],"names":["EditModal","editButtonProps","unlinkButtonProps","element","useLinkOpenButtonState","url","getUrlFromLinkOrLegacyLink","jsx","FloatingModalWrapper","jsxs","BlockStyles","LINK_PLUGIN","IconPen","IconTrashBin"],"mappings":";;;;;;AAoBO,MAAMA,IAAY,CAAC,EAAE,iBAAAC,GAAiB,mBAAAC,QAAwC;AACjF,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAMF,IAAUG,EAA2BH,CAAO,IAAI;AAE5D,SACI,gBAAAI,EAACC,GAAA,EAAqB,gBAAa,sBAAqB,SAAQ,QAAO,UAAS,SAC5E,UAAA,gBAAAC,EAAC,QAAA,EAAK,gBAAa,uBAAsB,WAAU,uDAC/C,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,MAAMF;AAAA,QACN,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,OAAOK,EAAYC,CAAW;AAAA,QAC9B,WAAU;AAAA,QAET,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,gBAAAI,EAAC,QAAA,EAAK,WAAU,oBACZ,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UACT,GAAGN;AAAA,UAEJ,UAAA,gBAAAM,EAACK,GAAA,EAAQ,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvB,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UACT,GAAGL;AAAA,UAEJ,UAAA,gBAAAK,EAACM,GAAA,EAAa,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"EditModal.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconPen, IconTrashBin } from '@frontify/fondue/icons';\nimport { FloatingModalWrapper, useLinkOpenButtonState } from '@frontify/fondue/rte';\nimport { type MouseEvent } from 'react';\n\nimport { getUrlFromLinkOrLegacyLink } from '../../../../../Link';\nimport { BlockStyles } from '../../../styles';\nimport { LINK_PLUGIN } from '../../id';\n\ntype EditModalProps = {\n    editButtonProps: {\n        onClick: () => void;\n    };\n    unlinkButtonProps: {\n        onMouseDown: (e: MouseEvent<HTMLButtonElement>) => void;\n        onClick: () => void;\n    };\n};\n\nexport const EditModal = ({ editButtonProps, unlinkButtonProps }: EditModalProps) => {\n    const { element } = useLinkOpenButtonState();\n    const url = element ? getUrlFromLinkOrLegacyLink(element) : '';\n\n    return (\n        <FloatingModalWrapper data-test-id=\"floating-link-edit\" padding=\"16px\" minWidth=\"400px\">\n            <span data-test-id=\"preview-link-flyout\" className=\"tw-flex tw-justify-between tw-items-center tw-gap-2\">\n                <a\n                    data-test-id=\"floating-link-edit-url\"\n                    href={url}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    style={BlockStyles[LINK_PLUGIN]}\n                    className=\"tw-break-all\"\n                >\n                    {url}\n                </a>\n                <span className=\"tw-flex tw-gap-2\">\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"edit-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1\"\n                        {...editButtonProps}\n                    >\n                        <IconPen size={16} />\n                    </button>\n\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"remove-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1\"\n                        {...unlinkButtonProps}\n                    >\n                        <IconTrashBin size={16} />\n                    </button>\n                </span>\n            </span>\n        </FloatingModalWrapper>\n    );\n};\n"],"mappings":";;;;;;;AAoBA,IAAa,KAAa,EAAE,oBAAiB,2BAAwC;CACjF,IAAM,EAAE,eAAY,EAAuB,GACrC,IAAM,IAAU,EAA2B,CAAO,IAAI;CAE5D,OACI,kBAAC,GAAD;EAAsB,gBAAa;EAAqB,SAAQ;EAAO,UAAS;EAC5E,UAAA,kBAAC,QAAD;GAAM,gBAAa;GAAsB,WAAU;GAAnD,UAAA,CACI,kBAAC,KAAD;IACI,gBAAa;IACb,MAAM;IACN,QAAO;IACP,KAAI;IACJ,OAAO,EAAY;IACnB,WAAU;IAET,UAAA;GACF,CAAA,GACH,kBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CACI,kBAAC,UAAD;KACI,UAAU;KACV,gBAAa;KACb,WAAU;KACV,GAAI;KAEJ,UAAA,kBAAC,GAAD,EAAS,MAAM,GAAK,CAAA;IAChB,CAAA,GAER,kBAAC,UAAD;KACI,UAAU;KACV,gBAAa;KACb,WAAU;KACV,GAAI;KAEJ,UAAA,kBAAC,GAAD,EAAc,MAAM,GAAK,CAAA;IACrB,CAAA,CACN;GACJ,CAAA,CAAA;;CACY,CAAA;AAE9B"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertLinkModal.es.js

@@ -1,8 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import { InsertModal as t } from "./InsertModal.es.js";
-import { useInsertModal as r } from "./useInsertModal.es.js";
-const i = () => /* @__PURE__ */ o(t, { ...r(), testId: "floating-link-insert" });
-export {
-  i as InsertLinkModal
-};
-//# sourceMappingURL=InsertLinkModal.es.js.map
+import { InsertModal as e } from "./InsertModal.es.js";
+import { useInsertModal as t } from "./useInsertModal.es.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertLinkModal.tsx
+var r = () => /* @__PURE__ */ n(e, {
+	...t(),
+	testId: "floating-link-insert"
+});
+//#endregion
+export { r as InsertLinkModal };
+
+//# sourceMappingURL=InsertLinkModal.es.js.map

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertLinkModal.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsertLinkModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertLinkModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { InsertModal } from './InsertModal';\nimport { useInsertModal } from './useInsertModal';\n\nexport const InsertLinkModal = () => <InsertModal {...useInsertModal()} testId=\"floating-link-insert\" />;\n"],"names":["InsertLinkModal","jsx","InsertModal","useInsertModal"],"mappings":";;;AAKO,MAAMA,IAAkB,MAAM,gBAAAC,EAACC,GAAA,EAAa,GAAGC,EAAA,GAAkB,QAAO,uBAAA,CAAuB;"}
+{"version":3,"file":"InsertLinkModal.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertLinkModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { InsertModal } from './InsertModal';\nimport { useInsertModal } from './useInsertModal';\n\nexport const InsertLinkModal = () => <InsertModal {...useInsertModal()} testId=\"floating-link-insert\" />;\n"],"mappings":";;;;AAKA,IAAa,UAAwB,kBAAC,GAAD;CAAa,GAAI,EAAe;CAAG,QAAO;AAAwB,CAAA"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.es.js

@@ -1,71 +1,62 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { FormControl as x } from "@frontify/fondue";
-import { TextInput as w, Button as d } from "@frontify/fondue/components";
-import { IconCheckMark as b } from "@frontify/fondue/icons";
-import { FloatingModalWrapper as f } from "@frontify/fondue/rte";
-import { LinkInput as k } from "../../../../../Link/LinkInput.es.js";
-const z = ({
-  state: t,
-  onTextChange: n,
-  onUrlChange: o,
-  onToggleTab: l,
-  onCancel: a,
-  onSave: m,
-  isValidUrlOrEmpty: i,
-  hasValues: s,
-  testId: c,
-  appBridge: p,
-  children: u
-}) => /* @__PURE__ */ r(f, { "data-test-id": c, padding: "28px", minWidth: "400px", children: [
-  /* @__PURE__ */ e(
-    x,
-    {
-      label: {
-        children: "Text",
-        htmlFor: "linkText",
-        required: !0
-      },
-      children: /* @__PURE__ */ e(
-        w,
-        {
-          id: "linkText",
-          value: t.text,
-          placeholder: "Link Text",
-          onChange: (h) => n(h.target.value)
-        }
-      )
-    }
-  ),
-  u,
-  /* @__PURE__ */ e("div", { className: "tw-mt-5", children: /* @__PURE__ */ e(
-    k,
-    {
-      url: t.url,
-      newTab: t.newTab,
-      onUrlChange: o,
-      onToggleTab: l,
-      isValidUrlOrEmpty: i,
-      appBridge: p
-    }
-  ) }),
-  /* @__PURE__ */ e("div", { className: "tw-mt-3", children: /* @__PURE__ */ r("div", { className: "tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10", children: [
-    /* @__PURE__ */ e(d, { "data-test-id": "button", onPress: a, size: "medium", emphasis: "default", children: "Cancel" }),
-    /* @__PURE__ */ r(
-      d,
-      {
-        "data-test-id": "button",
-        onPress: m,
-        size: "medium",
-        disabled: !i(t?.url) || !s,
-        children: [
-          /* @__PURE__ */ e(b, { size: "20" }),
-          "Save"
-        ]
-      }
-    )
-  ] }) })
-] });
-export {
-  z as InsertModal
-};
-//# sourceMappingURL=InsertModal.es.js.map
+import { LinkInput as e } from "../../../../../Link/LinkInput.es.js";
+import { Button as t, TextInput as n } from "@frontify/fondue/components";
+import { IconCheckMark as r } from "@frontify/fondue/icons";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { FormControl as o } from "@frontify/fondue";
+import { FloatingModalWrapper as s } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.tsx
+var c = ({ state: c, onTextChange: l, onUrlChange: u, onToggleTab: d, onCancel: f, onSave: p, isValidUrlOrEmpty: m, hasValues: h, testId: g, appBridge: _, children: v }) => /* @__PURE__ */ a(s, {
+	"data-test-id": g,
+	padding: "28px",
+	minWidth: "400px",
+	children: [
+		/* @__PURE__ */ i(o, {
+			label: {
+				children: "Text",
+				htmlFor: "linkText",
+				required: !0
+			},
+			children: /* @__PURE__ */ i(n, {
+				id: "linkText",
+				value: c.text,
+				placeholder: "Link Text",
+				onChange: (e) => l(e.target.value)
+			})
+		}),
+		v,
+		/* @__PURE__ */ i("div", {
+			className: "tw-mt-5",
+			children: /* @__PURE__ */ i(e, {
+				url: c.url,
+				newTab: c.newTab,
+				onUrlChange: u,
+				onToggleTab: d,
+				isValidUrlOrEmpty: m,
+				appBridge: _
+			})
+		}),
+		/* @__PURE__ */ i("div", {
+			className: "tw-mt-3",
+			children: /* @__PURE__ */ a("div", {
+				className: "tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10",
+				children: [/* @__PURE__ */ i(t, {
+					"data-test-id": "button",
+					onPress: f,
+					size: "medium",
+					emphasis: "default",
+					children: "Cancel"
+				}), /* @__PURE__ */ a(t, {
+					"data-test-id": "button",
+					onPress: p,
+					size: "medium",
+					disabled: !m(c?.url) || !h,
+					children: [/* @__PURE__ */ i(r, { size: "20" }), "Save"]
+				})]
+			})
+		})
+	]
+});
+//#endregion
+export { c as InsertModal };
+
+//# sourceMappingURL=InsertModal.es.js.map

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsertModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport { FormControl } from '@frontify/fondue';\nimport { Button, TextInput } from '@frontify/fondue/components';\nimport { IconCheckMark } from '@frontify/fondue/icons';\nimport { FloatingModalWrapper } from '@frontify/fondue/rte';\nimport { type MouseEvent, type ReactElement, type ReactNode } from 'react';\n\nimport { LinkInput } from '../../../../../Link';\n\nimport { type InsertModalStateProps } from './types';\n\ntype Props = {\n    state: InsertModalStateProps;\n    onTextChange: (value: string) => void;\n    onUrlChange: (value: string) => void;\n    onToggleTab: (checked: boolean) => void;\n    onCancel: () => void;\n    onSave: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | KeyboardEvent | undefined) => void;\n    hasValues: boolean;\n    isValidUrlOrEmpty: (url: string) => boolean;\n    testId?: string;\n    children?: ReactNode;\n    appBridge: AppBridgeBlock;\n};\n\nexport const InsertModal = ({\n    state,\n    onTextChange,\n    onUrlChange,\n    onToggleTab,\n    onCancel,\n    onSave,\n    isValidUrlOrEmpty,\n    hasValues,\n    testId,\n    appBridge,\n    children,\n}: Props): ReactElement => (\n    <FloatingModalWrapper data-test-id={testId} padding=\"28px\" minWidth=\"400px\">\n        <FormControl\n            label={{\n                children: 'Text',\n                htmlFor: 'linkText',\n                required: true,\n            }}\n        >\n            <TextInput\n                id=\"linkText\"\n                value={state.text}\n                placeholder=\"Link Text\"\n                onChange={(event) => onTextChange(event.target.value)}\n            />\n        </FormControl>\n\n        {children}\n\n        <div className=\"tw-mt-5\">\n            <LinkInput\n                url={state.url}\n                newTab={state.newTab}\n                onUrlChange={onUrlChange}\n                onToggleTab={onToggleTab}\n                isValidUrlOrEmpty={isValidUrlOrEmpty}\n                appBridge={appBridge}\n            />\n        </div>\n        <div className=\"tw-mt-3\">\n            <div className={'tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10'}>\n                <Button data-test-id=\"button\" onPress={onCancel} size=\"medium\" emphasis=\"default\">\n                    Cancel\n                </Button>\n                <Button\n                    data-test-id=\"button\"\n                    onPress={onSave}\n                    size=\"medium\"\n                    disabled={!isValidUrlOrEmpty(state?.url) || !hasValues}\n                >\n                    <IconCheckMark size=\"20\" />\n                    Save\n                </Button>\n            </div>\n        </div>\n    </FloatingModalWrapper>\n);\n"],"names":["InsertModal","state","onTextChange","onUrlChange","onToggleTab","onCancel","onSave","isValidUrlOrEmpty","hasValues","testId","appBridge","children","FloatingModalWrapper","jsx","FormControl","TextInput","event","LinkInput","jsxs","Button","IconCheckMark"],"mappings":";;;;;;AA2BO,MAAMA,IAAc,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACJ,wBACKC,GAAA,EAAqB,gBAAcH,GAAQ,SAAQ,QAAO,UAAS,SAChE,UAAA;AAAA,EAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,MAAA;AAAA,MAGd,UAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,IAAG;AAAA,UACH,OAAOd,EAAM;AAAA,UACb,aAAY;AAAA,UACZ,UAAU,CAACe,MAAUd,EAAac,EAAM,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACxD;AAAA,EAAA;AAAA,EAGHL;AAAA,EAED,gBAAAE,EAAC,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACG,KAAKhB,EAAM;AAAA,MACX,QAAQA,EAAM;AAAA,MACd,aAAAE;AAAA,MACA,aAAAC;AAAA,MACA,mBAAAG;AAAA,MACA,WAAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAAA,oBACC,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAW,8EACZ,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAA,EAAO,gBAAa,UAAS,SAASd,GAAU,MAAK,UAAS,UAAS,WAAU,UAAA,SAAA,CAElF;AAAA,IACA,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,SAASb;AAAA,QACT,MAAK;AAAA,QACL,UAAU,CAACC,EAAkBN,GAAO,GAAG,KAAK,CAACO;AAAA,QAE7C,UAAA;AAAA,UAAA,gBAAAK,EAACO,GAAA,EAAc,MAAK,KAAA,CAAK;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAE/B,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,CACJ;"}
+{"version":3,"file":"InsertModal.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport { FormControl } from '@frontify/fondue';\nimport { Button, TextInput } from '@frontify/fondue/components';\nimport { IconCheckMark } from '@frontify/fondue/icons';\nimport { FloatingModalWrapper } from '@frontify/fondue/rte';\nimport { type MouseEvent, type ReactElement, type ReactNode } from 'react';\n\nimport { LinkInput } from '../../../../../Link';\n\nimport { type InsertModalStateProps } from './types';\n\ntype Props = {\n    state: InsertModalStateProps;\n    onTextChange: (value: string) => void;\n    onUrlChange: (value: string) => void;\n    onToggleTab: (checked: boolean) => void;\n    onCancel: () => void;\n    onSave: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | KeyboardEvent | undefined) => void;\n    hasValues: boolean;\n    isValidUrlOrEmpty: (url: string) => boolean;\n    testId?: string;\n    children?: ReactNode;\n    appBridge: AppBridgeBlock;\n};\n\nexport const InsertModal = ({\n    state,\n    onTextChange,\n    onUrlChange,\n    onToggleTab,\n    onCancel,\n    onSave,\n    isValidUrlOrEmpty,\n    hasValues,\n    testId,\n    appBridge,\n    children,\n}: Props): ReactElement => (\n    <FloatingModalWrapper data-test-id={testId} padding=\"28px\" minWidth=\"400px\">\n        <FormControl\n            label={{\n                children: 'Text',\n                htmlFor: 'linkText',\n                required: true,\n            }}\n        >\n            <TextInput\n                id=\"linkText\"\n                value={state.text}\n                placeholder=\"Link Text\"\n                onChange={(event) => onTextChange(event.target.value)}\n            />\n        </FormControl>\n\n        {children}\n\n        <div className=\"tw-mt-5\">\n            <LinkInput\n                url={state.url}\n                newTab={state.newTab}\n                onUrlChange={onUrlChange}\n                onToggleTab={onToggleTab}\n                isValidUrlOrEmpty={isValidUrlOrEmpty}\n                appBridge={appBridge}\n            />\n        </div>\n        <div className=\"tw-mt-3\">\n            <div className={'tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10'}>\n                <Button data-test-id=\"button\" onPress={onCancel} size=\"medium\" emphasis=\"default\">\n                    Cancel\n                </Button>\n                <Button\n                    data-test-id=\"button\"\n                    onPress={onSave}\n                    size=\"medium\"\n                    disabled={!isValidUrlOrEmpty(state?.url) || !hasValues}\n                >\n                    <IconCheckMark size=\"20\" />\n                    Save\n                </Button>\n            </div>\n        </div>\n    </FloatingModalWrapper>\n);\n"],"mappings":";;;;;;;AA2BA,IAAa,KAAe,EACxB,UACA,iBACA,gBACA,gBACA,aACA,WACA,sBACA,cACA,WACA,cACA,kBAEA,kBAAC,GAAD;CAAsB,gBAAc;CAAQ,SAAQ;CAAO,UAAS;CAApE,UAAA;EACI,kBAAC,GAAD;GACI,OAAO;IACH,UAAU;IACV,SAAS;IACT,UAAU;GACd;GAEA,UAAA,kBAAC,GAAD;IACI,IAAG;IACH,OAAO,EAAM;IACb,aAAY;IACZ,WAAW,MAAU,EAAa,EAAM,OAAO,KAAK;GACvD,CAAA;EACQ,CAAA;EAEZ;EAED,kBAAC,OAAD;GAAK,WAAU;GACX,UAAA,kBAAC,GAAD;IACI,KAAK,EAAM;IACX,QAAQ,EAAM;IACD;IACA;IACM;IACR;GACd,CAAA;EACA,CAAA;EACL,kBAAC,OAAD;GAAK,WAAU;GACX,UAAA,kBAAC,OAAD;IAAK,WAAW;IAAhB,UAAA,CACI,kBAAC,GAAD;KAAQ,gBAAa;KAAS,SAAS;KAAU,MAAK;KAAS,UAAS;KAAU,UAAA;IAE1E,CAAA,GACR,kBAAC,GAAD;KACI,gBAAa;KACb,SAAS;KACT,MAAK;KACL,UAAU,CAAC,EAAkB,GAAO,GAAG,KAAK,CAAC;KAJjD,UAAA,CAMI,kBAAC,GAAD,EAAe,MAAK,KAAM,CAAA,GAAC,MAEvB;IACP,CAAA,CAAA;;EACJ,CAAA;CACa"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.es.js

@@ -1,79 +1,78 @@
-import { useEditorRef as y, floatingLinkSelectors as o, getPluginOptions as m, ELEMENT_LINK as E, useHotkeys as b, floatingLinkActions as a, submitFloatingLink as w } from "@frontify/fondue/rte";
-import { useEffect as x, useReducer as I } from "react";
-import { getLegacyUrl as L, getUrl as N } from "../../utils/getUrl.es.js";
-import { isValidUrlOrEmpty as p } from "../../../../../Link/utils/url.es.js";
-import { addHttps as U } from "../../../../../../helpers/addHttps.es.js";
-const A = {
-  url: "",
-  text: "",
-  newTab: !1
+import { addHttps as e } from "../../../../../../helpers/addHttps.es.js";
+import { isValidUrlOrEmpty as t } from "../../../../../Link/utils/url.es.js";
+import { getLegacyUrl as n, getUrl as r } from "../../utils/getUrl.es.js";
+import { useEffect as i, useReducer as a } from "react";
+import { ELEMENT_LINK as o, floatingLinkActions as s, floatingLinkSelectors as c, getPluginOptions as l, submitFloatingLink as u, useEditorRef as d, useHotkeys as f } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.ts
+var p = {
+	url: "",
+	text: "",
+	newTab: !1
+}, m = () => {
+	let [e, t] = a((e, t) => {
+		let { type: n, payload: r } = t;
+		switch (n) {
+			case "NEW_TAB": return {
+				...e,
+				newTab: !0
+			};
+			case "SAME_TAB": return {
+				...e,
+				newTab: !1
+			};
+			case "URL":
+			case "TEXT":
+			case "INIT": return {
+				...e,
+				...r
+			};
+			default: return e;
+		}
+	}, p);
+	return [e, t];
 }, h = () => {
-  const [r, n] = I((t, s) => {
-    const { type: l, payload: c } = s;
-    switch (l) {
-      case "NEW_TAB":
-        return {
-          ...t,
-          newTab: !0
-        };
-      case "SAME_TAB":
-        return {
-          ...t,
-          newTab: !1
-        };
-      case "URL":
-      case "TEXT":
-      case "INIT":
-        return {
-          ...t,
-          ...c
-        };
-      default:
-        return t;
-    }
-  }, A);
-  return [r, n];
-}, R = () => {
-  const r = y(), [n, t] = h();
-  x(() => {
-    const e = L(r), f = N(r), g = o.newTab();
-    t({
-      type: "INIT",
-      payload: {
-        text: o.text() || o.url(),
-        newTab: g,
-        url: e && f === "" ? e : o.url()
-      }
-    });
-  }, [t, r]);
-  const s = (e) => {
-    t({
-      type: "TEXT",
-      payload: { text: e }
-    });
-  }, l = (e) => {
-    t({
-      type: "URL",
-      payload: { url: e }
-    });
-  }, c = (e) => {
-    t(e ? { type: "NEW_TAB" } : { type: "SAME_TAB" });
-  }, T = () => {
-    a.reset();
-  }, i = (e) => {
-    !p(n.url) || !u || (a.text(n.text), a.url(U(n.url)), a.newTab(n.newTab), w(r) && e?.preventDefault());
-  }, u = n.url !== "" && n.text !== "", { appBridge: d } = m(r, E);
-  return b(
-    "enter",
-    i,
-    {
-      enableOnFormTags: ["INPUT"]
-    },
-    []
-  ), { state: n, onTextChange: s, onUrlChange: l, onToggleTab: c, onCancel: T, onSave: i, hasValues: u, isValidUrlOrEmpty: p, appBridge: d };
+	let a = d(), [p, h] = m();
+	i(() => {
+		let e = n(a), t = r(a), i = c.newTab();
+		h({
+			type: "INIT",
+			payload: {
+				text: c.text() || c.url(),
+				newTab: i,
+				url: e && t === "" ? e : c.url()
+			}
+		});
+	}, [h, a]);
+	let g = (e) => {
+		h({
+			type: "TEXT",
+			payload: { text: e }
+		});
+	}, _ = (e) => {
+		h({
+			type: "URL",
+			payload: { url: e }
+		});
+	}, v = (e) => {
+		h(e ? { type: "NEW_TAB" } : { type: "SAME_TAB" });
+	}, y = () => {
+		s.reset();
+	}, b = (n) => {
+		!t(p.url) || !x || (s.text(p.text), s.url(e(p.url)), s.newTab(p.newTab), u(a) && n?.preventDefault());
+	}, x = p.url !== "" && p.text !== "", { appBridge: S } = l(a, o);
+	return f("enter", b, { enableOnFormTags: ["INPUT"] }, []), {
+		state: p,
+		onTextChange: g,
+		onUrlChange: _,
+		onToggleTab: v,
+		onCancel: y,
+		onSave: b,
+		hasValues: x,
+		isValidUrlOrEmpty: t,
+		appBridge: S
+	};
 };
-export {
-  h as InsertModalState,
-  R as useInsertModal
-};
-//# sourceMappingURL=useInsertModal.es.js.map
+//#endregion
+export { m as InsertModalState, h as useInsertModal };
+
+//# sourceMappingURL=useInsertModal.es.js.map