@powerhousedao/connect 6.0.0-dev.104 → 6.0.0-dev.106

package/dist/AddDriveModal-7rTpxYpu.js

@@ -0,0 +1,84 @@
+import { t as toast$1 } from "./toast-iD-70hL8.js";
+import { addDrive, addRemoteDrive, closePHModal, setSelectedDrive, useDriveEditorModules, usePHModal, useRenown, useUser } from "@powerhousedao/reactor-browser";
+import { AddDriveModal as AddDriveModal$1 } from "@powerhousedao/design-system/connect";
+import { jsx } from "react/jsx-runtime";
+import { t } from "i18next";
+import { requestPublicDriveFromReactor } from "document-drive";
+//#region src/components/modal/modals/AddDriveModal.tsx
+function AddDriveModal() {
+	const open = usePHModal()?.type === "addDrive";
+	const user = useUser();
+	const renown = useRenown();
+	const driveEditorModules = useDriveEditorModules();
+	const onAddLocalDrive = async (data) => {
+		try {
+			const app = driveEditorModules?.find((a) => a.id === data.appId);
+			const newDrive = await addDrive({
+				id: "",
+				slug: "",
+				global: {
+					name: data.name,
+					icon: null
+				},
+				local: {
+					availableOffline: data.availableOffline,
+					sharingType: data.sharingType.toLowerCase(),
+					listeners: [],
+					triggers: []
+				}
+			}, app?.id);
+			toast$1(t("notifications.addDriveSuccess"), { type: "connect-success" });
+			if (!newDrive) return;
+			setSelectedDrive(newDrive);
+		} catch (e) {
+			console.error(e);
+		}
+	};
+	const onAddRemoteDrive = async (data) => {
+		try {
+			const driveId = await addRemoteDrive(data.url, {}, data.id);
+			toast$1(t("notifications.addDriveSuccess"), { type: "connect-success" });
+			setSelectedDrive(driveId);
+		} catch (e) {
+			console.error(e);
+		}
+	};
+	async function onAddLocalDriveSubmit(data) {
+		await onAddLocalDrive(data);
+		closePHModal();
+	}
+	async function onAddRemoteDriveSubmit(data) {
+		await onAddRemoteDrive(data);
+		closePHModal();
+	}
+	const ready = !!driveEditorModules?.length;
+	return /* @__PURE__ */ jsx(AddDriveModal$1, {
+		open: open && ready,
+		onAddLocalDrive: onAddLocalDriveSubmit,
+		onAddRemoteDrive: onAddRemoteDriveSubmit,
+		requestPublicDrive: async (url) => {
+			try {
+				if (user) return requestPublicDriveFromReactor(url, { Authorization: `Bearer ${await renown?.getBearerToken?.({
+					expiresIn: 10,
+					aud: url
+				})}` });
+				return requestPublicDriveFromReactor(url);
+			} catch (error) {
+				console.error(error);
+				return requestPublicDriveFromReactor(url);
+			}
+		},
+		onOpenChange: (status) => {
+			if (!status) return closePHModal();
+		},
+		appOptions: driveEditorModules?.map((pkg) => ({
+			id: pkg.id,
+			name: pkg.name,
+			driveEditor: pkg.id
+		})) || []
+	});
+}
+//#endregion
+export { AddDriveModal };
+
+//# sourceMappingURL=AddDriveModal-7rTpxYpu.js.map

package/dist/AddDriveModal-7rTpxYpu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddDriveModal-7rTpxYpu.js","names":["ConnectAddLocalDriveModal"],"sources":["../src/components/modal/modals/AddDriveModal.tsx"],"sourcesContent":["import { toast } from \"@powerhousedao/connect/services\";\nimport type {\n  AddLocalDriveInput,\n  AddRemoteDriveInput,\n} from \"@powerhousedao/design-system/connect\";\nimport { AddDriveModal as ConnectAddLocalDriveModal } from \"@powerhousedao/design-system/connect\";\nimport {\n  addDrive,\n  addRemoteDrive,\n  closePHModal,\n  setSelectedDrive,\n  useDriveEditorModules,\n  usePHModal,\n  useRenown,\n  useUser,\n} from \"@powerhousedao/reactor-browser\";\nimport { requestPublicDriveFromReactor } from \"document-drive\";\nimport { t } from \"i18next\";\n\nexport function AddDriveModal() {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"addDrive\";\n  const user = useUser();\n  const renown = useRenown();\n  const driveEditorModules = useDriveEditorModules();\n  const onAddLocalDrive = async (data: AddLocalDriveInput) => {\n    try {\n      const app = driveEditorModules?.find((a) => a.id === data.appId);\n      const newDrive = await addDrive(\n        {\n          id: \"\",\n          slug: \"\",\n          global: {\n            name: data.name,\n            icon: null,\n          },\n          local: {\n            availableOffline: data.availableOffline,\n            sharingType: data.sharingType.toLowerCase(),\n            listeners: [],\n            triggers: [],\n          },\n        },\n        app?.id,\n      );\n\n      toast(t(\"notifications.addDriveSuccess\"), {\n        type: \"connect-success\",\n      });\n\n      if (!newDrive) {\n        return;\n      }\n\n      setSelectedDrive(newDrive);\n    } catch (e) {\n      console.error(e);\n    }\n  };\n\n  const onAddRemoteDrive = async (data: AddRemoteDriveInput) => {\n    try {\n      const driveId = await addRemoteDrive(data.url, {}, data.id);\n\n      toast(t(\"notifications.addDriveSuccess\"), {\n        type: \"connect-success\",\n      });\n\n      setSelectedDrive(driveId);\n    } catch (e) {\n      console.error(e);\n    }\n  };\n  async function onAddLocalDriveSubmit(data: AddLocalDriveInput) {\n    await onAddLocalDrive(data);\n    closePHModal();\n  }\n\n  async function onAddRemoteDriveSubmit(data: AddRemoteDriveInput) {\n    await onAddRemoteDrive(data);\n    closePHModal();\n  }\n\n  const ready = !!driveEditorModules?.length;\n\n  return (\n    <ConnectAddLocalDriveModal\n      open={open && ready}\n      onAddLocalDrive={onAddLocalDriveSubmit}\n      onAddRemoteDrive={onAddRemoteDriveSubmit}\n      requestPublicDrive={async (url: string) => {\n        try {\n          if (user) {\n            const authToken = await renown?.getBearerToken?.({\n              expiresIn: 10,\n              aud: url,\n            });\n            return requestPublicDriveFromReactor(url, {\n              Authorization: `Bearer ${authToken}`,\n            });\n          }\n          return requestPublicDriveFromReactor(url);\n        } catch (error) {\n          console.error(error);\n          return requestPublicDriveFromReactor(url);\n        }\n      }}\n      onOpenChange={(status) => {\n        if (!status) return closePHModal();\n      }}\n      appOptions={\n        driveEditorModules?.map((pkg) => ({\n          id: pkg.id,\n          name: pkg.name,\n          driveEditor: pkg.id,\n        })) || []\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;AAmBA,SAAgB,gBAAgB;CAE9B,MAAM,OADU,YAAY,EACN,SAAS;CAC/B,MAAM,OAAO,SAAS;CACtB,MAAM,SAAS,WAAW;CAC1B,MAAM,qBAAqB,uBAAuB;CAClD,MAAM,kBAAkB,OAAO,SAA6B;AAC1D,MAAI;GACF,MAAM,MAAM,oBAAoB,MAAM,MAAM,EAAE,OAAO,KAAK,MAAM;GAChE,MAAM,WAAW,MAAM,SACrB;IACE,IAAI;IACJ,MAAM;IACN,QAAQ;KACN,MAAM,KAAK;KACX,MAAM;KACP;IACD,OAAO;KACL,kBAAkB,KAAK;KACvB,aAAa,KAAK,YAAY,aAAa;KAC3C,WAAW,EAAE;KACb,UAAU,EAAE;KACb;IACF,EACD,KAAK,GACN;AAED,WAAM,EAAE,gCAAgC,EAAE,EACxC,MAAM,mBACP,CAAC;AAEF,OAAI,CAAC,SACH;AAGF,oBAAiB,SAAS;WACnB,GAAG;AACV,WAAQ,MAAM,EAAE;;;CAIpB,MAAM,mBAAmB,OAAO,SAA8B;AAC5D,MAAI;GACF,MAAM,UAAU,MAAM,eAAe,KAAK,KAAK,EAAE,EAAE,KAAK,GAAG;AAE3D,WAAM,EAAE,gCAAgC,EAAE,EACxC,MAAM,mBACP,CAAC;AAEF,oBAAiB,QAAQ;WAClB,GAAG;AACV,WAAQ,MAAM,EAAE;;;CAGpB,eAAe,sBAAsB,MAA0B;AAC7D,QAAM,gBAAgB,KAAK;AAC3B,gBAAc;;CAGhB,eAAe,uBAAuB,MAA2B;AAC/D,QAAM,iBAAiB,KAAK;AAC5B,gBAAc;;CAGhB,MAAM,QAAQ,CAAC,CAAC,oBAAoB;AAEpC,QACE,oBAACA,iBAAD;EACE,MAAM,QAAQ;EACd,iBAAiB;EACjB,kBAAkB;EAClB,oBAAoB,OAAO,QAAgB;AACzC,OAAI;AACF,QAAI,KAKF,QAAO,8BAA8B,KAAK,EACxC,eAAe,UALC,MAAM,QAAQ,iBAAiB;KAC/C,WAAW;KACX,KAAK;KACN,CAAC,IAGD,CAAC;AAEJ,WAAO,8BAA8B,IAAI;YAClC,OAAO;AACd,YAAQ,MAAM,MAAM;AACpB,WAAO,8BAA8B,IAAI;;;EAG7C,eAAe,WAAW;AACxB,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,YACE,oBAAoB,KAAK,SAAS;GAChC,IAAI,IAAI;GACR,MAAM,IAAI;GACV,aAAa,IAAI;GAClB,EAAE,IAAI,EAAE;EAEX,CAAA"}

package/dist/ClearStorageModal-DipDBfNw.js

@@ -0,0 +1,44 @@
+import { t as clearReactorStorage } from "./reactor-0MsEThFh.js";
+import { closePHModal, setSelectedDrive, setSelectedNode, showPHModal, usePHModal } from "@powerhousedao/reactor-browser";
+import { childLogger } from "document-model";
+import { useState } from "react";
+import { ConnectConfirmationModal } from "@powerhousedao/design-system/connect";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/modal/modals/ClearStorageModal.tsx
+const logger$1 = childLogger(["ClearStorage"]);
+function ClearStorageModal() {
+	const open = usePHModal()?.type === "clearStorage";
+	const { t } = useTranslation();
+	const [loading, setLoading] = useState(false);
+	function clearStorage() {
+		setLoading(true);
+		clearReactorStorage().then(() => {
+			logger$1.info("Storage cleared");
+			setSelectedDrive(void 0);
+			setSelectedNode(void 0);
+			window.location.reload();
+		}).catch((error) => {
+			logger$1.error("Error clearing storage: @error", error);
+			setLoading(false);
+		});
+	}
+	return /* @__PURE__ */ jsx(ConnectConfirmationModal, {
+		open,
+		header: t("modals.connectSettings.clearStorage.confirmation.title"),
+		title: t("modals.connectSettings.clearStorage.confirmation.title"),
+		body: t("modals.connectSettings.clearStorage.confirmation.body"),
+		cancelLabel: t("common.cancel"),
+		continueLabel: t("modals.connectSettings.clearStorage.confirmation.clearButton"),
+		onCancel: () => showPHModal({ type: "settings" }),
+		onContinue: clearStorage,
+		onOpenChange: (status) => {
+			if (!status) return closePHModal();
+		},
+		continueButtonProps: { disabled: loading }
+	});
+}
+//#endregion
+export { ClearStorageModal };
+
+//# sourceMappingURL=ClearStorageModal-DipDBfNw.js.map

package/dist/ClearStorageModal-DipDBfNw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearStorageModal-DipDBfNw.js","names":["logger"],"sources":["../src/components/modal/modals/ClearStorageModal.tsx"],"sourcesContent":["import { clearReactorStorage } from \"@powerhousedao/connect/store\";\nimport { ConnectConfirmationModal } from \"@powerhousedao/design-system/connect\";\nimport {\n  closePHModal,\n  setSelectedDrive,\n  setSelectedNode,\n  showPHModal,\n  usePHModal,\n} from \"@powerhousedao/reactor-browser\";\nimport { childLogger } from \"document-model\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nconst logger = childLogger([\"ClearStorage\"]);\n\nexport function ClearStorageModal() {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"clearStorage\";\n  const { t } = useTranslation();\n  const [loading, setLoading] = useState(false);\n\n  function clearStorage() {\n    setLoading(true);\n    clearReactorStorage()\n      .then(() => {\n        logger.info(\"Storage cleared\");\n        setSelectedDrive(undefined);\n        setSelectedNode(undefined);\n        window.location.reload();\n      })\n      .catch((error) => {\n        logger.error(\"Error clearing storage: @error\", error);\n        setLoading(false);\n      });\n  }\n\n  return (\n    <ConnectConfirmationModal\n      open={open}\n      header={t(\"modals.connectSettings.clearStorage.confirmation.title\")}\n      title={t(\"modals.connectSettings.clearStorage.confirmation.title\")}\n      body={t(\"modals.connectSettings.clearStorage.confirmation.body\")}\n      cancelLabel={t(\"common.cancel\")}\n      continueLabel={t(\n        \"modals.connectSettings.clearStorage.confirmation.clearButton\",\n      )}\n      onCancel={() => showPHModal({ type: \"settings\" })}\n      onContinue={clearStorage}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n      continueButtonProps={{\n        disabled: loading,\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAaA,MAAMA,WAAS,YAAY,CAAC,eAAe,CAAC;AAE5C,SAAgB,oBAAoB;CAElC,MAAM,OADU,YAAY,EACN,SAAS;CAC/B,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAE7C,SAAS,eAAe;AACtB,aAAW,KAAK;AAChB,uBAAqB,CAClB,WAAW;AACV,YAAO,KAAK,kBAAkB;AAC9B,oBAAiB,KAAA,EAAU;AAC3B,mBAAgB,KAAA,EAAU;AAC1B,UAAO,SAAS,QAAQ;IACxB,CACD,OAAO,UAAU;AAChB,YAAO,MAAM,kCAAkC,MAAM;AACrD,cAAW,MAAM;IACjB;;AAGN,QACE,oBAAC,0BAAD;EACQ;EACN,QAAQ,EAAE,yDAAyD;EACnE,OAAO,EAAE,yDAAyD;EAClE,MAAM,EAAE,wDAAwD;EAChE,aAAa,EAAE,gBAAgB;EAC/B,eAAe,EACb,+DACD;EACD,gBAAgB,YAAY,EAAE,MAAM,YAAY,CAAC;EACjD,YAAY;EACZ,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,qBAAqB,EACnB,UAAU,SACX;EACD,CAAA"}

package/dist/CookiesPolicyModal-Gae1QuhA.js

@@ -0,0 +1,30 @@
+import { closePHModal, usePHModal } from "@powerhousedao/reactor-browser";
+import { ReadRequiredModal } from "@powerhousedao/design-system/connect";
+import { Trans, useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/modal/modals/CookiesPolicyModal.tsx
+const CookiesPolicyModal = () => {
+	const open = usePHModal()?.type === "cookiesPolicy";
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(ReadRequiredModal, {
+		open,
+		header: t("modals.cookiesPolicy.title"),
+		body: /* @__PURE__ */ jsx(Trans, {
+			i18nKey: "modals.cookiesPolicy.body",
+			components: {
+				subtitle: /* @__PURE__ */ jsx("h2", { className: "mb-4 text-lg font-bold" }),
+				p: /* @__PURE__ */ jsx("p", { className: "mb-2" }),
+				list: /* @__PURE__ */ jsx("ul", { className: "mb-4 list-disc pl-6" }),
+				bullet: /* @__PURE__ */ jsx("li", {})
+			}
+		}),
+		bodyProps: { className: "text-left" },
+		closeLabel: "Close",
+		onContinue: () => closePHModal(),
+		overlayProps: { style: { zIndex: 1e4 } }
+	});
+};
+//#endregion
+export { CookiesPolicyModal };
+
+//# sourceMappingURL=CookiesPolicyModal-Gae1QuhA.js.map

package/dist/CookiesPolicyModal-Gae1QuhA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookiesPolicyModal-Gae1QuhA.js","names":[],"sources":["../src/components/modal/modals/CookiesPolicyModal.tsx"],"sourcesContent":["import { ReadRequiredModal } from \"@powerhousedao/design-system/connect\";\nimport { closePHModal, usePHModal } from \"@powerhousedao/reactor-browser\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nexport const CookiesPolicyModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"cookiesPolicy\";\n  const { t } = useTranslation();\n\n  return (\n    <ReadRequiredModal\n      open={open}\n      header={t(\"modals.cookiesPolicy.title\")}\n      body={\n        <Trans\n          i18nKey=\"modals.cookiesPolicy.body\"\n          components={{\n            subtitle: <h2 className=\"mb-4 text-lg font-bold\" />,\n            p: <p className=\"mb-2\" />,\n            list: <ul className=\"mb-4 list-disc pl-6\" />,\n            bullet: <li />,\n          }}\n        />\n      }\n      bodyProps={{ className: \"text-left\" }}\n      closeLabel=\"Close\"\n      onContinue={() => closePHModal()}\n      overlayProps={{ style: { zIndex: 10000 } }}\n    />\n  );\n};\n"],"mappings":";;;;;AAIA,MAAa,2BAAqC;CAEhD,MAAM,OADU,YAAY,EACN,SAAS;CAC/B,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,oBAAC,mBAAD;EACQ;EACN,QAAQ,EAAE,6BAA6B;EACvC,MACE,oBAAC,OAAD;GACE,SAAQ;GACR,YAAY;IACV,UAAU,oBAAC,MAAD,EAAI,WAAU,0BAA2B,CAAA;IACnD,GAAG,oBAAC,KAAD,EAAG,WAAU,QAAS,CAAA;IACzB,MAAM,oBAAC,MAAD,EAAI,WAAU,uBAAwB,CAAA;IAC5C,QAAQ,oBAAC,MAAD,EAAM,CAAA;IACf;GACD,CAAA;EAEJ,WAAW,EAAE,WAAW,aAAa;EACrC,YAAW;EACX,kBAAkB,cAAc;EAChC,cAAc,EAAE,OAAO,EAAE,QAAQ,KAAO,EAAE;EAC1C,CAAA"}

package/dist/CreateDocumentModal-5i6rmv3C.js

@@ -0,0 +1,28 @@
+import { addDocument, closePHModal, setSelectedNode, useDocumentModelModuleById, usePHModal, useParentFolderForSelectedNode, useSelectedDriveSafe, useSelectedFolder } from "@powerhousedao/reactor-browser";
+import { CreateDocumentModal as CreateDocumentModal$1 } from "@powerhousedao/design-system/connect";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/modal/modals/CreateDocumentModal.tsx
+const CreateDocumentModal = () => {
+	const phModal = usePHModal();
+	const open = phModal?.type === "createDocument";
+	const documentModel = useDocumentModelModuleById(open ? phModal.documentType : void 0);
+	const [selectedDrive] = useSelectedDriveSafe();
+	const selectedFolder = useSelectedFolder();
+	const parentFolder = useParentFolderForSelectedNode();
+	const onCreateDocument = async (documentName) => {
+		closePHModal();
+		if (!selectedDrive || !documentModel) return;
+		setSelectedNode(await addDocument(selectedDrive.header.id, documentName || `New ${documentModel.documentModel.global.name}`, documentModel.documentModel.global.id, selectedFolder?.id ?? parentFolder?.id));
+	};
+	return /* @__PURE__ */ jsx(CreateDocumentModal$1, {
+		open,
+		onContinue: onCreateDocument,
+		onOpenChange: (status) => {
+			if (!status) return closePHModal();
+		}
+	});
+};
+//#endregion
+export { CreateDocumentModal };
+
+//# sourceMappingURL=CreateDocumentModal-5i6rmv3C.js.map

package/dist/CreateDocumentModal-5i6rmv3C.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateDocumentModal-5i6rmv3C.js","names":["ConnectCreateDocumentModal"],"sources":["../src/components/modal/modals/CreateDocumentModal.tsx"],"sourcesContent":["import { CreateDocumentModal as ConnectCreateDocumentModal } from \"@powerhousedao/design-system/connect\";\nimport {\n  addDocument,\n  closePHModal,\n  setSelectedNode,\n  useDocumentModelModuleById,\n  useParentFolderForSelectedNode,\n  usePHModal,\n  useSelectedDriveSafe,\n  useSelectedFolder,\n} from \"@powerhousedao/reactor-browser\";\n\nexport const CreateDocumentModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"createDocument\";\n  const documentType = open ? phModal.documentType : undefined;\n  const documentModel = useDocumentModelModuleById(documentType);\n  const [selectedDrive] = useSelectedDriveSafe();\n  const selectedFolder = useSelectedFolder();\n  const parentFolder = useParentFolderForSelectedNode();\n\n  const onCreateDocument = async (documentName: string) => {\n    closePHModal();\n    if (!selectedDrive || !documentModel) return;\n\n    const node = await addDocument(\n      selectedDrive.header.id,\n      documentName || `New ${documentModel.documentModel.global.name}`,\n      documentModel.documentModel.global.id,\n      selectedFolder?.id ?? parentFolder?.id,\n    );\n    setSelectedNode(node);\n  };\n\n  return (\n    <ConnectCreateDocumentModal\n      open={open}\n      onContinue={onCreateDocument}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n    />\n  );\n};\n"],"mappings":";;;;AAYA,MAAa,4BAAsC;CACjD,MAAM,UAAU,YAAY;CAC5B,MAAM,OAAO,SAAS,SAAS;CAE/B,MAAM,gBAAgB,2BADD,OAAO,QAAQ,eAAe,KAAA,EACW;CAC9D,MAAM,CAAC,iBAAiB,sBAAsB;CAC9C,MAAM,iBAAiB,mBAAmB;CAC1C,MAAM,eAAe,gCAAgC;CAErD,MAAM,mBAAmB,OAAO,iBAAyB;AACvD,gBAAc;AACd,MAAI,CAAC,iBAAiB,CAAC,cAAe;AAQtC,kBANa,MAAM,YACjB,cAAc,OAAO,IACrB,gBAAgB,OAAO,cAAc,cAAc,OAAO,QAC1D,cAAc,cAAc,OAAO,IACnC,gBAAgB,MAAM,cAAc,GACrC,CACoB;;AAGvB,QACE,oBAACA,uBAAD;EACQ;EACN,YAAY;EACZ,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,CAAA"}

package/dist/DebugSettingsModal-BDtsGB5P.js

@@ -0,0 +1,289 @@
+import { t as connectConfig } from "./connect.config-CUbxYkCy.js";
+import { t as serviceWorkerManager } from "./registerServiceWorker-fSbJUcrq.js";
+import { addTrigger, closePHModal, registerNewPullResponderTrigger, removeTrigger, useDrives, usePHModal } from "@powerhousedao/reactor-browser";
+import { useEffect, useState } from "react";
+import { Combobox, FormInput } from "@powerhousedao/design-system/connect";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Icon, Modal, PowerhouseButton } from "@powerhousedao/design-system";
+import { generateId } from "@powerhousedao/shared/document-model";
+//#region src/components/modal/modals/DebugSettingsModal.tsx
+const DebugSettingsModal = () => {
+	const open = usePHModal()?.type === "debugSettings";
+	const autoRegisterPullResponder = localStorage.getItem("AUTO_REGISTER_PULL_RESPONDER") !== "false";
+	const [appVersion, setAppVersion] = useState(connectConfig.appVersion);
+	const [serviceWorkerDebugMode, setServiceWorkerDebugMode] = useState({
+		label: serviceWorkerManager.debug ? "Enabled" : "Disabled",
+		value: serviceWorkerManager.debug
+	});
+	const [selectedDrive, setSelectedDrive] = useState();
+	const [selectedDriveTrigger, setSelectedDriveTrigger] = useState(null);
+	const [driveUrl, setDriveUrl] = useState("");
+	const [autoRegister, setAutoRegister] = useState({
+		label: autoRegisterPullResponder ? "Enabled" : "Disabled",
+		value: autoRegisterPullResponder ? "true" : "false"
+	});
+	const drives = useDrives();
+	useEffect(() => {
+		serviceWorkerManager.setDebug(serviceWorkerDebugMode.value);
+	}, [serviceWorkerDebugMode]);
+	const driveTriggers = drives?.find((drive) => drive.header.id === selectedDrive)?.state.local.triggers || [];
+	const disableUrlButtons = !selectedDrive || driveUrl === "";
+	const removeTriggerHandler = async () => {
+		if (!selectedDriveTrigger || !selectedDrive) return;
+		await removeTrigger(selectedDrive, selectedDriveTrigger.value);
+		setSelectedDriveTrigger(null);
+	};
+	const addTriggerHandler = async (invalid = false) => {
+		if (!driveUrl || driveUrl === "" || !selectedDrive) return;
+		if (!invalid) {
+			const pullResponderTrigger = await registerNewPullResponderTrigger(selectedDrive, driveUrl, { pullInterval: 3e3 });
+			if (!pullResponderTrigger) return;
+			await addTrigger(selectedDrive, pullResponderTrigger);
+			setDriveUrl("");
+			return;
+		}
+		const triggerId = generateId();
+		await addTrigger(selectedDrive, {
+			id: `invalid-trigger-${triggerId}`,
+			type: "PullResponder",
+			data: {
+				interval: "3000",
+				listenerId: `invalid-listener-${triggerId}`,
+				url: driveUrl
+			}
+		});
+		setDriveUrl("");
+	};
+	const handleDisableAutoResiterPullResponder = (selectedOption) => {
+		setAutoRegister(selectedOption);
+		localStorage.setItem("AUTO_REGISTER_PULL_RESPONDER", selectedOption.value);
+	};
+	return /* @__PURE__ */ jsx(Modal, {
+		open,
+		onOpenChange: (status) => {
+			if (!status) return closePHModal();
+		},
+		contentProps: { className: "rounded-2xl" },
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "w-[700px] rounded-2xl p-6",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "mb-6 flex justify-between",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "text-xl font-bold",
+						children: "Debug Tools"
+					}), /* @__PURE__ */ jsx("button", {
+						id: "close-modal",
+						onClick: () => closePHModal(),
+						children: /* @__PURE__ */ jsx(Icon, {
+							name: "Xmark",
+							size: 28
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex text-sm font-bold",
+					children: [/* @__PURE__ */ jsx(Icon, {
+						name: "Ring",
+						size: 22
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "ml-2",
+						children: ["App Version: ", connectConfig.appVersion]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-4 flex text-sm font-bold",
+					children: [/* @__PURE__ */ jsx(Icon, {
+						name: "Hdd",
+						size: 22
+					}), /* @__PURE__ */ jsx("span", {
+						className: "ml-2",
+						children: "Drive Tools:"
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+					htmlFor: "selectedDrive",
+					className: "text-xs",
+					children: "Selected Drive:"
+				}), /* @__PURE__ */ jsx(Combobox, {
+					id: "selectedDrive",
+					onChange: (value) => {
+						if (!value || !(typeof value === "object") || !("value" in value)) {
+							setSelectedDrive(void 0);
+							setSelectedDriveTrigger(null);
+							return;
+						}
+						setSelectedDrive(value.value);
+						setSelectedDriveTrigger(null);
+					},
+					options: drives?.map((drive) => ({
+						label: drive.header.name,
+						value: drive.header.id
+					}))
+				})] }),
+				/* @__PURE__ */ jsx("div", {
+					className: "mt-2 flex items-end justify-between pl-4",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "w-[400px]",
+						children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "autoRegisterPullResponder",
+							className: "text-xs",
+							children: "Auto register pull responder:"
+						}), /* @__PURE__ */ jsx(Combobox, {
+							id: "autoRegisterPullResponder",
+							onChange: (value) => {
+								handleDisableAutoResiterPullResponder(value);
+							},
+							value: autoRegister,
+							options: [{
+								label: "Enabled",
+								value: "true"
+							}, {
+								label: "Disabled",
+								value: "false"
+							}]
+						})]
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-2 flex items-end justify-between pl-4",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "w-[400px]",
+						children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "driveTrigger",
+							className: "text-xs",
+							children: "Drive trigger:"
+						}), /* @__PURE__ */ jsx(Combobox, {
+							id: "driveTrigger",
+							onChange: (value) => {
+								setSelectedDriveTrigger(value);
+							},
+							value: selectedDriveTrigger,
+							options: driveTriggers.map((trigger) => ({
+								label: `${trigger.id} - ${trigger.type}`,
+								value: trigger.id
+							}))
+						})]
+					}), /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(PowerhouseButton, {
+						onClick: removeTriggerHandler,
+						color: !selectedDriveTrigger ? "light" : "red",
+						disabled: !selectedDriveTrigger,
+						size: "small",
+						children: "Remove Trigger"
+					}) })]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-2 flex items-end justify-between pl-4",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "w-[400px]",
+						children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "driveUrl",
+							className: "text-xs",
+							children: "Add drive trigger:"
+						}), /* @__PURE__ */ jsx(FormInput, {
+							containerClassName: "p-1 bg-white border border-gray-200 rounded-md text-sm",
+							inputClassName: "text-xs font-normal",
+							id: "driveUrl",
+							icon: /* @__PURE__ */ jsx("div", {
+								className: "flex h-full items-center text-xs",
+								children: "URL:"
+							}),
+							value: driveUrl,
+							onChange: (element) => setDriveUrl(element.target.value)
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "mb-1 flex items-center justify-center",
+						children: [/* @__PURE__ */ jsx(PowerhouseButton, {
+							className: "mr-2",
+							color: disableUrlButtons ? "light" : "blue",
+							size: "small",
+							disabled: disableUrlButtons,
+							onClick: () => addTriggerHandler(),
+							children: "Add Trigger"
+						}), /* @__PURE__ */ jsx(PowerhouseButton, {
+							color: disableUrlButtons ? "light" : "red",
+							size: "small",
+							disabled: disableUrlButtons,
+							onClick: () => addTriggerHandler(true),
+							children: "Add Invalid Trigger"
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-4 flex text-sm font-bold",
+					children: [/* @__PURE__ */ jsx(Icon, {
+						name: "Gear",
+						size: 22
+					}), /* @__PURE__ */ jsx("span", {
+						className: "ml-2",
+						children: "Service Worker Tools:"
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "mt-2 flex items-end justify-between pl-4",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "w-[400px]",
+						children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "serviceWorkerDebugMode",
+							className: "text-xs",
+							children: "Service Worker Debug Mode:"
+						}), /* @__PURE__ */ jsx(Combobox, {
+							id: "serviceWorkerDebugMode",
+							onChange: (value) => {
+								setServiceWorkerDebugMode(value);
+							},
+							value: serviceWorkerDebugMode,
+							options: [{
+								label: "Enabled",
+								value: true
+							}, {
+								label: "Disabled",
+								value: false
+							}]
+						})]
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-2 flex items-end justify-between pl-4",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "w-[400px]",
+						children: [/* @__PURE__ */ jsx("label", {
+							htmlFor: "appVersion",
+							className: "text-xs",
+							children: "Set invalid app version:"
+						}), /* @__PURE__ */ jsx(FormInput, {
+							containerClassName: "p-1 bg-white border border-gray-200 rounded-md text-sm",
+							inputClassName: "text-xs font-normal",
+							id: "appVersion",
+							icon: /* @__PURE__ */ jsx("div", {
+								className: "flex h-full items-center text-xs",
+								children: "Version:"
+							}),
+							value: appVersion,
+							onChange: (element) => setAppVersion(element.target.value)
+						})]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "mb-1 flex items-center justify-center",
+						children: /* @__PURE__ */ jsx(PowerhouseButton, {
+							color: appVersion === "" ? "light" : "red",
+							size: "small",
+							disabled: appVersion === "",
+							onClick: () => {
+								serviceWorkerManager.sendMessage({
+									type: "SET_APP_VERSION",
+									version: appVersion
+								});
+								setAppVersion("");
+							},
+							children: "Add Invalid App Version"
+						})
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { DebugSettingsModal };
+
+//# sourceMappingURL=DebugSettingsModal-BDtsGB5P.js.map

package/dist/DebugSettingsModal-BDtsGB5P.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebugSettingsModal-BDtsGB5P.js","names":[],"sources":["../src/components/modal/modals/DebugSettingsModal.tsx"],"sourcesContent":["import { connectConfig } from \"@powerhousedao/connect/config\";\nimport { serviceWorkerManager } from \"@powerhousedao/connect/utils\";\nimport { Icon, Modal, PowerhouseButton } from \"@powerhousedao/design-system\";\nimport { Combobox, FormInput } from \"@powerhousedao/design-system/connect\";\nimport {\n  addTrigger,\n  closePHModal,\n  registerNewPullResponderTrigger,\n  removeTrigger,\n  useDrives,\n  usePHModal,\n} from \"@powerhousedao/reactor-browser\";\nimport { generateId } from \"@powerhousedao/shared/document-model\";\nimport { useEffect, useState } from \"react\";\n\ntype ComboboxOption = {\n  label: string;\n  value: string;\n};\n\nexport const DebugSettingsModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"debugSettings\";\n  const autoRegisterPullResponder =\n    localStorage.getItem(\"AUTO_REGISTER_PULL_RESPONDER\") !== \"false\";\n\n  const [appVersion, setAppVersion] = useState(connectConfig.appVersion);\n  const [serviceWorkerDebugMode, setServiceWorkerDebugMode] = useState({\n    label: serviceWorkerManager.debug ? \"Enabled\" : \"Disabled\",\n    value: serviceWorkerManager.debug,\n  });\n  const [selectedDrive, setSelectedDrive] = useState<string>();\n  const [selectedDriveTrigger, setSelectedDriveTrigger] =\n    useState<ComboboxOption | null>(null);\n  const [driveUrl, setDriveUrl] = useState(\"\");\n  const [autoRegister, setAutoRegister] = useState<ComboboxOption>({\n    label: autoRegisterPullResponder ? \"Enabled\" : \"Disabled\",\n    value: autoRegisterPullResponder ? \"true\" : \"false\",\n  });\n  const drives = useDrives();\n\n  useEffect(() => {\n    serviceWorkerManager.setDebug(serviceWorkerDebugMode.value);\n  }, [serviceWorkerDebugMode]);\n\n  const driveTriggers =\n    drives?.find((drive) => drive.header.id === selectedDrive)?.state.local\n      .triggers || [];\n\n  const isEmptyURL = driveUrl === \"\";\n  const disableUrlButtons = !selectedDrive || isEmptyURL;\n\n  const removeTriggerHandler = async () => {\n    if (!selectedDriveTrigger || !selectedDrive) return;\n\n    await removeTrigger(selectedDrive, selectedDriveTrigger.value);\n    setSelectedDriveTrigger(null);\n  };\n\n  const addTriggerHandler = async (invalid = false) => {\n    if (!driveUrl || driveUrl === \"\" || !selectedDrive) return;\n\n    if (!invalid) {\n      const pullResponderTrigger = await registerNewPullResponderTrigger(\n        selectedDrive,\n        driveUrl,\n        { pullInterval: 3000 },\n      );\n      if (!pullResponderTrigger) return;\n      await addTrigger(selectedDrive, pullResponderTrigger);\n      setDriveUrl(\"\");\n\n      return;\n    }\n\n    const triggerId = generateId();\n\n    await addTrigger(selectedDrive, {\n      id: `invalid-trigger-${triggerId}`,\n      type: \"PullResponder\",\n      data: {\n        interval: \"3000\",\n        listenerId: `invalid-listener-${triggerId}`,\n        url: driveUrl,\n      },\n    });\n    setDriveUrl(\"\");\n  };\n\n  const handleDisableAutoResiterPullResponder = (\n    selectedOption: ComboboxOption,\n  ) => {\n    setAutoRegister(selectedOption);\n    localStorage.setItem(\"AUTO_REGISTER_PULL_RESPONDER\", selectedOption.value);\n  };\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={(status) => {\n        if (!status) return closePHModal();\n      }}\n      contentProps={{\n        className: \"rounded-2xl\",\n      }}\n    >\n      <div className=\"w-[700px] rounded-2xl p-6\">\n        <div className=\"mb-6 flex justify-between\">\n          <div className=\"text-xl font-bold\">Debug Tools</div>\n          <button id=\"close-modal\" onClick={() => closePHModal()}>\n            <Icon name=\"Xmark\" size={28} />\n          </button>\n        </div>\n\n        <div className=\"flex text-sm font-bold\">\n          <Icon name=\"Ring\" size={22} />\n          <span className=\"ml-2\">App Version: {connectConfig.appVersion}</span>\n        </div>\n\n        <div className=\"mt-4 flex text-sm font-bold\">\n          <Icon name=\"Hdd\" size={22} />\n          <span className=\"ml-2\">Drive Tools:</span>\n        </div>\n\n        <div>\n          <label htmlFor=\"selectedDrive\" className=\"text-xs\">\n            Selected Drive:\n          </label>\n          <Combobox\n            id=\"selectedDrive\"\n            onChange={(value) => {\n              if (\n                !value ||\n                !(typeof value === \"object\") ||\n                !(\"value\" in value)\n              ) {\n                setSelectedDrive(undefined);\n                setSelectedDriveTrigger(null);\n                return;\n              }\n\n              setSelectedDrive(value.value as string);\n              setSelectedDriveTrigger(null);\n            }}\n            options={drives?.map((drive) => ({\n              label: drive.header.name,\n              value: drive.header.id,\n            }))}\n          />\n        </div>\n\n        <div className=\"mt-2 flex items-end justify-between pl-4\">\n          <div className=\"w-[400px]\">\n            <label htmlFor=\"autoRegisterPullResponder\" className=\"text-xs\">\n              Auto register pull responder:\n            </label>\n            <Combobox\n              id=\"autoRegisterPullResponder\"\n              onChange={(value) => {\n                handleDisableAutoResiterPullResponder(value as ComboboxOption);\n              }}\n              value={autoRegister}\n              options={[\n                { label: \"Enabled\", value: \"true\" },\n                { label: \"Disabled\", value: \"false\" },\n              ]}\n            />\n          </div>\n        </div>\n\n        <div className=\"mt-2 flex items-end justify-between pl-4\">\n          <div className=\"w-[400px]\">\n            <label htmlFor=\"driveTrigger\" className=\"text-xs\">\n              Drive trigger:\n            </label>\n            <Combobox\n              id=\"driveTrigger\"\n              onChange={(value) => {\n                setSelectedDriveTrigger(value as ComboboxOption);\n              }}\n              value={selectedDriveTrigger}\n              options={driveTriggers.map((trigger) => ({\n                label: `${trigger.id} - ${trigger.type}`,\n                value: trigger.id,\n              }))}\n            />\n          </div>\n          <div>\n            <PowerhouseButton\n              onClick={removeTriggerHandler}\n              color={!selectedDriveTrigger ? \"light\" : \"red\"}\n              disabled={!selectedDriveTrigger}\n              size=\"small\"\n            >\n              Remove Trigger\n            </PowerhouseButton>\n          </div>\n        </div>\n\n        <div className=\"mt-2 flex items-end justify-between pl-4\">\n          <div className=\"w-[400px]\">\n            <label htmlFor=\"driveUrl\" className=\"text-xs\">\n              Add drive trigger:\n            </label>\n            <FormInput\n              containerClassName=\"p-1 bg-white border border-gray-200 rounded-md text-sm\"\n              inputClassName=\"text-xs font-normal\"\n              id=\"driveUrl\"\n              icon={\n                <div className=\"flex h-full items-center text-xs\">URL:</div>\n              }\n              value={driveUrl}\n              onChange={(element) => setDriveUrl(element.target.value)}\n            />\n          </div>\n          <div className=\"mb-1 flex items-center justify-center\">\n            <PowerhouseButton\n              className=\"mr-2\"\n              color={disableUrlButtons ? \"light\" : \"blue\"}\n              size=\"small\"\n              disabled={disableUrlButtons}\n              onClick={() => addTriggerHandler()}\n            >\n              Add Trigger\n            </PowerhouseButton>\n            <PowerhouseButton\n              color={disableUrlButtons ? \"light\" : \"red\"}\n              size=\"small\"\n              disabled={disableUrlButtons}\n              onClick={() => addTriggerHandler(true)}\n            >\n              Add Invalid Trigger\n            </PowerhouseButton>\n          </div>\n        </div>\n\n        <div className=\"mt-4 flex text-sm font-bold\">\n          <Icon name=\"Gear\" size={22} />\n          <span className=\"ml-2\">Service Worker Tools:</span>\n        </div>\n\n        <div className=\"mt-2 flex items-end justify-between pl-4\">\n          <div className=\"w-[400px]\">\n            <label htmlFor=\"serviceWorkerDebugMode\" className=\"text-xs\">\n              Service Worker Debug Mode:\n            </label>\n            <Combobox\n              id=\"serviceWorkerDebugMode\"\n              onChange={(value) => {\n                setServiceWorkerDebugMode(\n                  value as typeof serviceWorkerDebugMode,\n                );\n              }}\n              value={serviceWorkerDebugMode}\n              options={[\n                { label: \"Enabled\", value: true },\n                { label: \"Disabled\", value: false },\n              ]}\n            />\n          </div>\n        </div>\n\n        <div className=\"mt-2 flex items-end justify-between pl-4\">\n          <div className=\"w-[400px]\">\n            <label htmlFor=\"appVersion\" className=\"text-xs\">\n              Set invalid app version:\n            </label>\n            <FormInput\n              containerClassName=\"p-1 bg-white border border-gray-200 rounded-md text-sm\"\n              inputClassName=\"text-xs font-normal\"\n              id=\"appVersion\"\n              icon={\n                <div className=\"flex h-full items-center text-xs\">Version:</div>\n              }\n              value={appVersion}\n              onChange={(element) => setAppVersion(element.target.value)}\n            />\n          </div>\n          <div className=\"mb-1 flex items-center justify-center\">\n            <PowerhouseButton\n              color={appVersion === \"\" ? \"light\" : \"red\"}\n              size=\"small\"\n              disabled={appVersion === \"\"}\n              onClick={() => {\n                // @ts-expect-error todo add send message method to service worker manager class\n                serviceWorkerManager.sendMessage({\n                  type: \"SET_APP_VERSION\",\n                  version: appVersion,\n                });\n                setAppVersion(\"\");\n              }}\n            >\n              Add Invalid App Version\n            </PowerhouseButton>\n          </div>\n        </div>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":"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"}

package/dist/DeleteDriveModal-BbAx_yXt.js

@@ -0,0 +1,40 @@
+import { t as toast$1 } from "./toast-iD-70hL8.js";
+import { closePHModal, deleteDrive, setSelectedDrive, useDriveById, useDrives, usePHModal } from "@powerhousedao/reactor-browser";
+import { ConnectDeleteDriveModal } from "@powerhousedao/design-system/connect";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/modal/modals/DeleteDriveModal.tsx
+const DeleteDriveModal = () => {
+	const phModal = usePHModal();
+	const open = phModal?.type === "deleteDrive";
+	const driveId = open ? phModal.driveId : void 0;
+	const [drive] = useDriveById(driveId);
+	const drives = useDrives();
+	if (!drive) return null;
+	async function onDeleteDrive() {
+		if (!driveId) return;
+		await deleteDrive(driveId);
+		setSelectedDrive(drives?.[0]);
+		closePHModal();
+		toast$1(t("notifications.deleteDriveSuccess"), { type: "connect-deleted" });
+	}
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(ConnectDeleteDriveModal, {
+		open,
+		driveName: drive.header.name,
+		onCancel: closePHModal,
+		header: t("modals.deleteDrive.title", { label: drive.header.name }),
+		body: t("modals.deleteDrive.body"),
+		inputPlaceholder: t("modals.deleteDrive.inputPlaceholder"),
+		cancelLabel: t("common.cancel"),
+		continueLabel: t("common.delete"),
+		onContinue: () => onDeleteDrive(),
+		onOpenChange: (status) => {
+			if (!status) return closePHModal();
+		}
+	});
+};
+//#endregion
+export { DeleteDriveModal };
+
+//# sourceMappingURL=DeleteDriveModal-BbAx_yXt.js.map

package/dist/DeleteDriveModal-BbAx_yXt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteDriveModal-BbAx_yXt.js","names":[],"sources":["../src/components/modal/modals/DeleteDriveModal.tsx"],"sourcesContent":["import { toast } from \"@powerhousedao/connect/services\";\nimport { ConnectDeleteDriveModal } from \"@powerhousedao/design-system/connect\";\nimport {\n  closePHModal,\n  deleteDrive,\n  setSelectedDrive,\n  useDriveById,\n  useDrives,\n  usePHModal,\n} from \"@powerhousedao/reactor-browser\";\nimport { useTranslation } from \"react-i18next\";\n\nexport const DeleteDriveModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"deleteDrive\";\n  const driveId = open ? phModal.driveId : undefined;\n  const [drive] = useDriveById(driveId);\n  const drives = useDrives();\n  if (!drive) {\n    return null;\n  }\n  async function onDeleteDrive() {\n    if (!driveId) {\n      return;\n    }\n    await deleteDrive(driveId);\n\n    setSelectedDrive(drives?.[0]);\n    closePHModal();\n\n    toast(t(\"notifications.deleteDriveSuccess\"), {\n      type: \"connect-deleted\",\n    });\n  }\n\n  const { t } = useTranslation();\n\n  return (\n    <ConnectDeleteDriveModal\n      open={open}\n      driveName={drive.header.name}\n      onCancel={closePHModal}\n      header={t(\"modals.deleteDrive.title\", { label: drive.header.name })}\n      body={t(\"modals.deleteDrive.body\")}\n      inputPlaceholder={t(\"modals.deleteDrive.inputPlaceholder\")}\n      cancelLabel={t(\"common.cancel\")}\n      continueLabel={t(\"common.delete\")}\n      onContinue={() => onDeleteDrive()}\n      onOpenChange={(status: boolean) => {\n        if (!status) return closePHModal();\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;;AAYA,MAAa,yBAAmC;CAC9C,MAAM,UAAU,YAAY;CAC5B,MAAM,OAAO,SAAS,SAAS;CAC/B,MAAM,UAAU,OAAO,QAAQ,UAAU,KAAA;CACzC,MAAM,CAAC,SAAS,aAAa,QAAQ;CACrC,MAAM,SAAS,WAAW;AAC1B,KAAI,CAAC,MACH,QAAO;CAET,eAAe,gBAAgB;AAC7B,MAAI,CAAC,QACH;AAEF,QAAM,YAAY,QAAQ;AAE1B,mBAAiB,SAAS,GAAG;AAC7B,gBAAc;AAEd,UAAM,EAAE,mCAAmC,EAAE,EAC3C,MAAM,mBACP,CAAC;;CAGJ,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,oBAAC,yBAAD;EACQ;EACN,WAAW,MAAM,OAAO;EACxB,UAAU;EACV,QAAQ,EAAE,4BAA4B,EAAE,OAAO,MAAM,OAAO,MAAM,CAAC;EACnE,MAAM,EAAE,0BAA0B;EAClC,kBAAkB,EAAE,sCAAsC;EAC1D,aAAa,EAAE,gBAAgB;EAC/B,eAAe,EAAE,gBAAgB;EACjC,kBAAkB,eAAe;EACjC,eAAe,WAAoB;AACjC,OAAI,CAAC,OAAQ,QAAO,cAAc;;EAEpC,CAAA"}

package/dist/DeleteItemModal-CkWegLlh.js

@@ -0,0 +1,39 @@
+import { t as toast$1 } from "./toast-iD-70hL8.js";
+import { closePHModal, deleteNode, setSelectedNode, useNodeById, useNodeParentFolderById, usePHModal, useSelectedDriveId } from "@powerhousedao/reactor-browser";
+import "react";
+import { ConnectDeleteItemModal } from "@powerhousedao/design-system/connect";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/modal/modals/DeleteItemModal.tsx
+const DeleteItemModal = () => {
+	const phModal = usePHModal();
+	const open = phModal?.type === "deleteItem";
+	const id = open ? phModal.id : void 0;
+	const { t } = useTranslation();
+	const node = useNodeById(id);
+	const name = node?.name;
+	const kind = node?.kind;
+	const selectedDriveId = useSelectedDriveId();
+	const nodeParentFolder = useNodeParentFolderById(node?.parentFolder);
+	async function onDelete() {
+		if (!selectedDriveId || !id) return;
+		closePHModal();
+		const i18nKey = kind === "FOLDER" ? "notifications.deleteFolderSuccess" : "notifications.fileDeleteSuccess";
+		await deleteNode(selectedDriveId, id);
+		setSelectedNode(nodeParentFolder);
+		toast$1(t(i18nKey), { type: "connect-deleted" });
+	}
+	return /* @__PURE__ */ jsx(ConnectDeleteItemModal, {
+		open,
+		onDelete: () => onDelete(),
+		onCancel: () => closePHModal(),
+		header: t(`modals.deleteItem.${kind?.toLowerCase()}.header`, { item: name }),
+		body: t(`modals.deleteItem.${kind?.toLowerCase()}.body`),
+		cancelLabel: t("common.cancel"),
+		deleteLabel: t("common.delete")
+	});
+};
+//#endregion
+export { DeleteItemModal };
+
+//# sourceMappingURL=DeleteItemModal-CkWegLlh.js.map

package/dist/DeleteItemModal-CkWegLlh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteItemModal-CkWegLlh.js","names":[],"sources":["../src/components/modal/modals/DeleteItemModal.tsx"],"sourcesContent":["import { toast } from \"@powerhousedao/connect/services\";\nimport { ConnectDeleteItemModal } from \"@powerhousedao/design-system/connect\";\nimport {\n  closePHModal,\n  deleteNode,\n  setSelectedNode,\n  useNodeById,\n  useNodeParentFolderById,\n  usePHModal,\n  useSelectedDriveId,\n} from \"@powerhousedao/reactor-browser\";\nimport React from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nexport const DeleteItemModal: React.FC = () => {\n  const phModal = usePHModal();\n  const open = phModal?.type === \"deleteItem\";\n  const id = open ? phModal.id : undefined;\n  const { t } = useTranslation();\n  const node = useNodeById(id);\n  const name = node?.name;\n  const kind = node?.kind;\n  const selectedDriveId = useSelectedDriveId();\n  const nodeParentFolder = useNodeParentFolderById(node?.parentFolder);\n  async function onDelete() {\n    if (!selectedDriveId || !id) {\n      return;\n    }\n    closePHModal();\n\n    const i18nKey =\n      kind === \"FOLDER\"\n        ? \"notifications.deleteFolderSuccess\"\n        : \"notifications.fileDeleteSuccess\";\n\n    await deleteNode(selectedDriveId, id);\n\n    setSelectedNode(nodeParentFolder);\n\n    toast(t(i18nKey), { type: \"connect-deleted\" });\n  }\n\n  return (\n    <ConnectDeleteItemModal\n      open={open}\n      onDelete={() => onDelete()}\n      onCancel={() => closePHModal()}\n      header={t(`modals.deleteItem.${kind?.toLowerCase()}.header`, {\n        item: name,\n      })}\n      body={t(`modals.deleteItem.${kind?.toLowerCase()}.body`)}\n      cancelLabel={t(\"common.cancel\")}\n      deleteLabel={t(\"common.delete\")}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAcA,MAAa,wBAAkC;CAC7C,MAAM,UAAU,YAAY;CAC5B,MAAM,OAAO,SAAS,SAAS;CAC/B,MAAM,KAAK,OAAO,QAAQ,KAAK,KAAA;CAC/B,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,OAAO,YAAY,GAAG;CAC5B,MAAM,OAAO,MAAM;CACnB,MAAM,OAAO,MAAM;CACnB,MAAM,kBAAkB,oBAAoB;CAC5C,MAAM,mBAAmB,wBAAwB,MAAM,aAAa;CACpE,eAAe,WAAW;AACxB,MAAI,CAAC,mBAAmB,CAAC,GACvB;AAEF,gBAAc;EAEd,MAAM,UACJ,SAAS,WACL,sCACA;AAEN,QAAM,WAAW,iBAAiB,GAAG;AAErC,kBAAgB,iBAAiB;AAEjC,UAAM,EAAE,QAAQ,EAAE,EAAE,MAAM,mBAAmB,CAAC;;AAGhD,QACE,oBAAC,wBAAD;EACQ;EACN,gBAAgB,UAAU;EAC1B,gBAAgB,cAAc;EAC9B,QAAQ,EAAE,qBAAqB,MAAM,aAAa,CAAC,UAAU,EAC3D,MAAM,MACP,CAAC;EACF,MAAM,EAAE,qBAAqB,MAAM,aAAa,CAAC,OAAO;EACxD,aAAa,EAAE,gBAAgB;EAC/B,aAAa,EAAE,gBAAgB;EAC/B,CAAA"}