npm - @plutonhq/core-frontend - Versions diffs - 0.1.21 → 0.1.23 - Mend

@plutonhq/core-frontend 0.1.21 → 0.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

package/dist-lib/components/Storage/StorageAuthSettings/StorageAuthSettings.js CHANGED Viewed

@@ -1,92 +1,158 @@
-import { jsxs as o, jsx as e, Fragment as b } from "react/jsx-runtime";
-import { useState as u, useEffect as v } from "react";
-import A from "../../common/form/Tristate/Tristate.js";
-import l from "../../common/Icon/Icon.js";
-import t from "../AddStorage/AddStorage.module.scss.js";
-import k from "../StorageSettings/StorageSettings.js";
-const P = ({
-  storageType: r,
-  fields: h,
-  settings: p,
-  authTypes: n,
-  currentAuthType: c,
-  errors: m,
-  onUpdate: f,
-  onAuthTypeChange: s
+import { jsxs as t, jsx as e, Fragment as D } from "react/jsx-runtime";
+import { useState as u, useRef as F, useEffect as U, useCallback as y } from "react";
+import R from "../../common/form/Tristate/Tristate.js";
+import i from "../../common/Icon/Icon.js";
+import o from "../AddStorage/AddStorage.module.scss.js";
+import $ from "../StorageSettings/StorageSettings.js";
+import { startStorageAuthorize as L, getStorageAuthorizeStatus as j, cancelStorageAuthorize as q } from "../../../services/storage.js";
+const M = ({
+  storageType: m,
+  fields: S,
+  settings: g,
+  authTypes: a,
+  currentAuthType: l,
+  errors: O,
+  onUpdate: w,
+  onAuthTypeChange: b
 }) => {
-  const [i, g] = u(!0), [d, w] = u(!1);
-  return console.log("availableAuthTypes :", h, n, c), v(() => {
-    !c && n.length > 0 && s(n[0]);
-  }, [n, c, s]), /* @__PURE__ */ o("div", { className: t.authSettings, children: [
-    /* @__PURE__ */ o(
+  const [p, B] = u(!0), [k, _] = u(!1), [s, c] = u("idle"), [A, N] = u(null), [I, v] = u(null), [E, f] = u(null), d = F(null), C = window.plutonInstallType, z = C === "binary" || C === "dev";
+  console.log("availableAuthTypes :", S, a, l), U(() => {
+    !l && a.length > 0 && b(a[0]);
+  }, [a, l, b]), U(() => () => {
+    d.current && clearInterval(d.current);
+  }, []);
+  const h = y(() => {
+    d.current && (clearInterval(d.current), d.current = null);
+  }, []), P = y(async () => {
+    c("authorizing"), v(null), f(null);
+    try {
+      const { sessionId: n } = await L(m);
+      N(n), d.current = setInterval(async () => {
+        try {
+          const r = await j(n);
+          r.authUrl && v(r.authUrl), r.status === "success" && r.token ? (h(), c("success"), w({ ...g, token: r.token })) : r.status === "error" && (h(), c("error"), f(r.error || "Authorization failed"));
+        } catch (r) {
+          h(), c("error"), f((r == null ? void 0 : r.message) || "Failed to check authorization status");
+        }
+      }, 2e3);
+    } catch (n) {
+      c("error"), f((n == null ? void 0 : n.message) || "Failed to start authorization");
+    }
+  }, [m, g, w, h]), x = y(async () => {
+    if (h(), A)
+      try {
+        await q(A);
+      } catch {
+      }
+    c("idle"), N(null), v(null), f(null);
+  }, [A, h]);
+  return /* @__PURE__ */ t("div", { className: o.authSettings, children: [
+    /* @__PURE__ */ t(
       "div",
       {
-        className: `${t.advancedButton}  ${i ? t.advancedButtonActive : ""}`,
-        onClick: () => g(!i),
+        className: `${o.advancedButton}  ${p ? o.advancedButtonActive : ""}`,
+        onClick: () => B(!p),
         children: [
-          /* @__PURE__ */ e(l, { type: "authentication", size: 14 }),
-          /* @__PURE__ */ e("span", { children: r === "local" ? "Local Storage Setup" : "Account Authentication" }),
-          /* @__PURE__ */ e(l, { type: i ? "caret-up" : "caret-down" })
+          /* @__PURE__ */ e(i, { type: "authentication", size: 14 }),
+          /* @__PURE__ */ e("span", { children: m === "local" ? "Local Storage Setup" : "Account Authentication" }),
+          /* @__PURE__ */ e(i, { type: p ? "caret-up" : "caret-down" })
         ]
       }
     ),
-    i && /* @__PURE__ */ o("div", { className: t.advancedOptions, children: [
-      i && n.length > 1 && /* @__PURE__ */ e("div", { className: t.field, children: /* @__PURE__ */ e(
-        A,
+    p && /* @__PURE__ */ t("div", { className: o.advancedOptions, children: [
+      p && a.length > 1 && /* @__PURE__ */ e("div", { className: o.field, children: /* @__PURE__ */ e(
+        R,
         {
           label: "Authentication Type",
           inline: !0,
-          fieldValue: c,
+          fieldValue: l,
           options: [
-            { label: "User (oAuth)", value: "oauth", disabled: n.includes("oauth") === !1 },
-            { label: "User/Pass", value: "password", disabled: n.includes("password") === !1 },
-            { label: "App/Client", value: "client", disabled: n.includes("client") === !1 }
+            { label: "User (oAuth)", value: "oauth", disabled: a.includes("oauth") === !1 },
+            { label: "User/Pass", value: "password", disabled: a.includes("password") === !1 },
+            { label: "App/Client", value: "client", disabled: a.includes("client") === !1 }
           ],
           hint: `User (oAuth): Use the generated Link to login to your account and authorize the App.
  Username/Password: Your own Username/Password will be used to backup.
  App/Client: Provide App/Client keys that can be found in your cloud storage account dashboard`,
-          onUpdate: (a) => s(a)
+          onUpdate: (n) => b(n)
         }
       ) }),
       /* @__PURE__ */ e(
-        k,
+        $,
         {
-          fields: h.filter((a) => a.authFieldType === c),
-          settings: p,
-          onUpdate: (a) => f(a),
-          errors: m
+          fields: S.filter((n) => n.authFieldType === l),
+          settings: g,
+          onUpdate: (n) => w(n),
+          errors: O
         }
       ),
-      c === "oauth" && /* @__PURE__ */ o("div", { className: t.oauthDoc, children: [
-        /* @__PURE__ */ o("h4", { onClick: () => w(!d), children: [
-          /* @__PURE__ */ e(l, { type: "key", size: 14 }),
+      l === "oauth" && z && s === "idle" && /* @__PURE__ */ e("div", { className: o.oauthButton, children: /* @__PURE__ */ t("button", { className: o.oauthAuthorizeBtn, onClick: P, children: [
+        /* @__PURE__ */ e(i, { type: "key", size: 14 }),
+        " Authorize & Get Access Token"
+      ] }) }),
+      l === "oauth" && z && s !== "idle" && /* @__PURE__ */ t("div", { className: `${o.oauthContainer} ${o[s]}`, children: [
+        s === "authorizing" && /* @__PURE__ */ t("div", { className: o.oauthProgress, children: [
+          /* @__PURE__ */ t("p", { children: [
+            /* @__PURE__ */ e("strong", { children: "Waiting for authorization..." }),
+            /* @__PURE__ */ e("br", {}),
+            "A browser window should have opened. Please authorize the connection in your browser."
+          ] }),
+          I && /* @__PURE__ */ t("p", { children: [
+            "If the browser didn't open automatically,",
+            " ",
+            /* @__PURE__ */ e("a", { href: I, target: "_blank", rel: "noopener noreferrer", children: "click here to authorize" }),
+            "."
+          ] }),
+          /* @__PURE__ */ e("button", { className: o.oauthInnerBtn, onClick: x, children: "Cancel" })
+        ] }),
+        s === "success" && /* @__PURE__ */ e("div", { className: o.oauthProgress, children: /* @__PURE__ */ t("p", { children: [
+          /* @__PURE__ */ e(i, { type: "check", size: 14 }),
+          " ",
+          /* @__PURE__ */ e("strong", { children: "Authorization successful!" }),
+          " Token has been automatically filled in."
+        ] }) }),
+        s === "error" && /* @__PURE__ */ t("div", { className: o.oauthProgress, children: [
+          /* @__PURE__ */ t("p", { children: [
+            /* @__PURE__ */ e("strong", { children: "Authorization failed:" }),
+            " ",
+            E
+          ] }),
+          /* @__PURE__ */ t("button", { className: o.oauthInnerBtn, onClick: P, children: [
+            /* @__PURE__ */ e(i, { type: "key", size: 14 }),
+            " Try Again"
+          ] })
+        ] })
+      ] }),
+      l === "oauth" && !z && /* @__PURE__ */ t("div", { className: o.oauthDoc, children: [
+        /* @__PURE__ */ t("h4", { onClick: () => _(!k), children: [
+          /* @__PURE__ */ e(i, { type: "key", size: 14 }),
           " Acquiring the OAuth Access Token",
-          /* @__PURE__ */ e("button", { children: /* @__PURE__ */ e(l, { type: d ? "caret-up" : "caret-down" }) })
+          /* @__PURE__ */ e("button", { children: /* @__PURE__ */ e(i, { type: k ? "caret-up" : "caret-down" }) })
         ] }),
-        d && /* @__PURE__ */ o(b, { children: [
-          /* @__PURE__ */ o("p", { children: [
+        k && /* @__PURE__ */ t(D, { children: [
+          /* @__PURE__ */ t("p", { children: [
             /* @__PURE__ */ e("strong", { children: "Step 1:" }),
             " On a machine with a browser,",
             " ",
             /* @__PURE__ */ e("a", { href: "https://rclone.org/downloads/", target: "_blank", children: "install rclone" }),
             " ",
             "and execute this command in the CLI: ",
-            /* @__PURE__ */ o("code", { className: t.codeBlock, children: [
+            /* @__PURE__ */ t("code", { className: o.codeBlock, children: [
               "rclone authorize ",
-              r
+              m
             ] })
           ] }),
-          /* @__PURE__ */ o("p", { children: [
+          /* @__PURE__ */ t("p", { children: [
             /* @__PURE__ */ e("strong", { children: "Step 2:" }),
             " A browser window will open where you will need to authorize Rclone to connect to your",
             " ",
-            r,
+            m,
             " account. Authorize the connection."
           ] }),
-          /* @__PURE__ */ o("p", { children: [
+          /* @__PURE__ */ t("p", { children: [
             /* @__PURE__ */ e("strong", { children: "Step 3:" }),
             " Once authorized, the cli where you ran the command, should display a message similar to this:",
-            /* @__PURE__ */ o("code", { className: t.codeBlock, children: [
+            /* @__PURE__ */ t("code", { className: o.codeBlock, children: [
               "Paste the following into your remote machine --->",
               /* @__PURE__ */ e("strong", { children: '{"access_token":"....","token_type":"bearer...}' }),
               "<---End paste"
@@ -99,13 +165,13 @@ const P = ({
             " ",
             /* @__PURE__ */ e("code", { children: '{"access_token":"....","token_type":"bearer...}' })
           ] }),
-          /* @__PURE__ */ o("p", { children: [
+          /* @__PURE__ */ t("p", { children: [
             /* @__PURE__ */ e("strong", { children: "Step 4:" }),
             " Paste the copied content in the ",
             /* @__PURE__ */ e("strong", { children: "OAuth Access Token" }),
             " field above."
           ] }),
-          /* @__PURE__ */ o("p", { children: [
+          /* @__PURE__ */ t("p", { children: [
             /* @__PURE__ */ e("strong", { children: "Step 5:" }),
             " If you no longer need Rclone, you can safely remove it from your system."
           ] })
@@ -115,6 +181,6 @@ const P = ({
   ] });
 };
 export {
-  P as default
+  M as default
 };
 //# sourceMappingURL=StorageAuthSettings.js.map

package/dist-lib/components/Storage/StorageAuthSettings/StorageAuthSettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StorageAuthSettings.js","sources":["../../../../src/components/Storage/StorageAuthSettings/StorageAuthSettings.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { storageOptionField } from '../../../@types/storages';\r\nimport Tristate from '../../common/form/Tristate/Tristate';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport classes from '../AddStorage/AddStorage.module.scss';\r\nimport StorageSettings from '../StorageSettings/StorageSettings';\r\n\r\ninterface StorageAuthSettingsProps {\r\n storageType: string;\r\n fields: storageOptionField[];\r\n settings: Record<string, string \| number \| boolean>;\r\n authTypes: string[];\r\n errors: Record<string, string>;\r\n currentAuthType: string;\r\n onUpdate: (newSettings: StorageAuthSettingsProps['settings']) => void;\r\n onAuthTypeChange: (authType: string) => void;\r\n}\r\n\r\nconst StorageAuthSettings = ({\r\n storageType,\r\n fields,\r\n settings,\r\n authTypes,\r\n currentAuthType,\r\n errors,\r\n onUpdate,\r\n onAuthTypeChange,\r\n}: StorageAuthSettingsProps) => {\r\n const [showAdvanced, setShowAdvanced] = useState(true);\r\n const [showOAuthDoc, setShowOAuthDoc] = useState(false);\r\n\r\n console.log('availableAuthTypes :', fields, authTypes, currentAuthType);\r\n\r\n useEffect(() => {\r\n if (!currentAuthType && authTypes.length > 0) {\r\n onAuthTypeChange(authTypes[0]);\r\n }\r\n }, [authTypes, currentAuthType, onAuthTypeChange]);\r\n\r\n return (\r\n <div className={classes.authSettings}>\r\n <div\r\n className={`${classes.advancedButton} ${showAdvanced ? classes.advancedButtonActive : ''}`}\r\n onClick={() => setShowAdvanced(!showAdvanced)}\r\n >\r\n <Icon type={'authentication'} size={14} />\r\n <span>{storageType === 'local' ? 'Local Storage Setup' : 'Account Authentication'}</span>\r\n <Icon type={showAdvanced ? 'caret-up' : 'caret-down'} />\r\n </div>\r\n {showAdvanced && (\r\n <div className={classes.advancedOptions}>\r\n {showAdvanced && authTypes.length > 1 && (\r\n <div className={classes.field}>\r\n <Tristate\r\n label={'Authentication Type'}\r\n inline={true}\r\n fieldValue={currentAuthType}\r\n options={[\r\n { label: 'User (oAuth)', value: 'oauth', disabled: authTypes.includes('oauth') === false },\r\n { label: 'User/Pass', value: 'password', disabled: authTypes.includes('password') === false },\r\n { label: 'App/Client', value: 'client', disabled: authTypes.includes('client') === false },\r\n ]}\r\n hint={\r\n 'User (oAuth): Use the generated Link to login to your account and authorize the App.\\n Username/Password: Your own Username/Password will be used to backup. \\n App/Client: Provide App/Client keys that can be found in your cloud storage account dashboard'\r\n }\r\n onUpdate={(newVal: string) => onAuthTypeChange(newVal)}\r\n />\r\n </div>\r\n )}\r\n\r\n <StorageSettings\r\n fields={fields.filter((f) => f.authFieldType === currentAuthType)}\r\n settings={settings}\r\n onUpdate={(newSettings) => onUpdate(newSettings)}\r\n errors={errors}\r\n />\r\n {currentAuthType === 'oauth' && (\r\n <div className={classes.oauthDoc}>\r\n <h4 onClick={() => setShowOAuthDoc(!showOAuthDoc)}>\r\n <Icon type={'key'} size={14} /> Acquiring the OAuth Access Token\r\n <button>\r\n <Icon type={showOAuthDoc ? 'caret-up' : 'caret-down'} />\r\n </button>\r\n </h4>\r\n {showOAuthDoc && (\r\n <>\r\n <p>\r\n <strong>Step 1:</strong> On a machine with a browser,{' '}\r\n <a href=\"https://rclone.org/downloads/\" target=\"_blank\">\r\n install rclone\r\n </a>{' '}\r\n and execute this command in the CLI: <code className={classes.codeBlock}>rclone authorize {storageType}</code>\r\n </p>\r\n <p>\r\n <strong>Step 2:</strong> A browser window will open where you will need to authorize Rclone to connect to your{' '}\r\n {storageType} account. Authorize the connection.\r\n </p>\r\n <p>\r\n <strong>Step 3:</strong> Once authorized, the cli where you ran the command, should display a message similar to this:\r\n <code className={classes.codeBlock}>\r\n {`Paste the following into your remote machine --->`}\r\n <strong>{`{\"access_token\":\"....\",\"token_type\":\"bearer...}`}</strong>\r\n {`<---End paste`}\r\n </code>\r\n Copy everything between <code>{`--->`}</code> and <code>{`<---`}</code>. Eg:{' '}\r\n <code>{`{\"access_token\":\"....\",\"token_type\":\"bearer...}`}</code>\r\n </p>\r\n <p>\r\n <strong>Step 4:</strong> Paste the copied content in the <strong>OAuth Access Token</strong> field above.\r\n </p>\r\n <p>\r\n <strong>Step 5:</strong> If you no longer need Rclone, you can safely remove it from your system.\r\n </p>\r\n </>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\nexport default StorageAuthSettings;\r\n"],"names":["StorageAuthSettings","storageType","fields","settings","authTypes","currentAuthType","errors","onUpdate","onAuthTypeChange","showAdvanced","setShowAdvanced","useState","showOAuthDoc","setShowOAuthDoc","useEffect","jsxs","classes","jsx","Icon","Tristate","newVal","StorageSettings","f","newSettings","Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"StorageAuthSettings.js","sources":["../../../../src/components/Storage/StorageAuthSettings/StorageAuthSettings.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\r\nimport { storageOptionField } from '../../../@types/storages';\r\nimport Tristate from '../../common/form/Tristate/Tristate';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport classes from '../AddStorage/AddStorage.module.scss';\r\nimport StorageSettings from '../StorageSettings/StorageSettings';\r\nimport { startStorageAuthorize, getStorageAuthorizeStatus, cancelStorageAuthorize } from '../../../services/storage';\r\n\r\ninterface StorageAuthSettingsProps {\r\n storageType: string;\r\n fields: storageOptionField[];\r\n settings: Record<string, string \| number \| boolean>;\r\n authTypes: string[];\r\n errors: Record<string, string>;\r\n currentAuthType: string;\r\n onUpdate: (newSettings: StorageAuthSettingsProps['settings']) => void;\r\n onAuthTypeChange: (authType: string) => void;\r\n}\r\n\r\ntype OAuthStatus = 'idle' \| 'authorizing' \| 'success' \| 'error';\r\n\r\nconst StorageAuthSettings = ({\r\n storageType,\r\n fields,\r\n settings,\r\n authTypes,\r\n currentAuthType,\r\n errors,\r\n onUpdate,\r\n onAuthTypeChange,\r\n}: StorageAuthSettingsProps) => {\r\n const [showAdvanced, setShowAdvanced] = useState(true);\r\n const [showOAuthDoc, setShowOAuthDoc] = useState(false);\r\n\r\n // OAuth auto-authorize state\r\n const [oauthStatus, setOauthStatus] = useState<OAuthStatus>('idle');\r\n const [authSessionId, setAuthSessionId] = useState<string \| null>(null);\r\n const [authUrl, setAuthUrl] = useState<string \| null>(null);\r\n const [authError, setAuthError] = useState<string \| null>(null);\r\n const pollingRef = useRef<ReturnType<typeof setInterval> \| null>(null);\r\n\r\n const installType = (window as any).plutonInstallType;\r\n const isDesktop = installType === 'binary' \|\| installType === 'dev';\r\n\r\n console.log('availableAuthTypes :', fields, authTypes, currentAuthType);\r\n\r\n useEffect(() => {\r\n if (!currentAuthType && authTypes.length > 0) {\r\n onAuthTypeChange(authTypes[0]);\r\n }\r\n }, [authTypes, currentAuthType, onAuthTypeChange]);\r\n\r\n // Cleanup polling on unmount\r\n useEffect(() => {\r\n return () => {\r\n if (pollingRef.current) {\r\n clearInterval(pollingRef.current);\r\n }\r\n };\r\n }, []);\r\n\r\n const stopPolling = useCallback(() => {\r\n if (pollingRef.current) {\r\n clearInterval(pollingRef.current);\r\n pollingRef.current = null;\r\n }\r\n }, []);\r\n\r\n const startOAuthAuthorize = useCallback(async () => {\r\n setOauthStatus('authorizing');\r\n setAuthUrl(null);\r\n setAuthError(null);\r\n\r\n try {\r\n const { sessionId } = await startStorageAuthorize(storageType);\r\n setAuthSessionId(sessionId);\r\n\r\n // Start polling every 2 seconds\r\n pollingRef.current = setInterval(async () => {\r\n try {\r\n const result = await getStorageAuthorizeStatus(sessionId);\r\n\r\n if (result.authUrl) {\r\n setAuthUrl(result.authUrl);\r\n }\r\n\r\n if (result.status === 'success' && result.token) {\r\n stopPolling();\r\n setOauthStatus('success');\r\n onUpdate({ ...settings, token: result.token });\r\n } else if (result.status === 'error') {\r\n stopPolling();\r\n setOauthStatus('error');\r\n setAuthError(result.error \|\| 'Authorization failed');\r\n }\r\n } catch (err: any) {\r\n stopPolling();\r\n setOauthStatus('error');\r\n setAuthError(err?.message \|\| 'Failed to check authorization status');\r\n }\r\n }, 2000);\r\n } catch (err: any) {\r\n setOauthStatus('error');\r\n setAuthError(err?.message \|\| 'Failed to start authorization');\r\n }\r\n }, [storageType, settings, onUpdate, stopPolling]);\r\n\r\n const handleCancelAuthorize = useCallback(async () => {\r\n stopPolling();\r\n if (authSessionId) {\r\n try {\r\n await cancelStorageAuthorize(authSessionId);\r\n } catch {\r\n // Ignore cancel errors\r\n }\r\n }\r\n setOauthStatus('idle');\r\n setAuthSessionId(null);\r\n setAuthUrl(null);\r\n setAuthError(null);\r\n }, [authSessionId, stopPolling]);\r\n\r\n return (\r\n <div className={classes.authSettings}>\r\n <div\r\n className={`${classes.advancedButton} ${showAdvanced ? classes.advancedButtonActive : ''}`}\r\n onClick={() => setShowAdvanced(!showAdvanced)}\r\n >\r\n <Icon type={'authentication'} size={14} />\r\n <span>{storageType === 'local' ? 'Local Storage Setup' : 'Account Authentication'}</span>\r\n <Icon type={showAdvanced ? 'caret-up' : 'caret-down'} />\r\n </div>\r\n {showAdvanced && (\r\n <div className={classes.advancedOptions}>\r\n {showAdvanced && authTypes.length > 1 && (\r\n <div className={classes.field}>\r\n <Tristate\r\n label={'Authentication Type'}\r\n inline={true}\r\n fieldValue={currentAuthType}\r\n options={[\r\n { label: 'User (oAuth)', value: 'oauth', disabled: authTypes.includes('oauth') === false },\r\n { label: 'User/Pass', value: 'password', disabled: authTypes.includes('password') === false },\r\n { label: 'App/Client', value: 'client', disabled: authTypes.includes('client') === false },\r\n ]}\r\n hint={\r\n 'User (oAuth): Use the generated Link to login to your account and authorize the App.\\n Username/Password: Your own Username/Password will be used to backup. \\n App/Client: Provide App/Client keys that can be found in your cloud storage account dashboard'\r\n }\r\n onUpdate={(newVal: string) => onAuthTypeChange(newVal)}\r\n />\r\n </div>\r\n )}\r\n <StorageSettings\r\n fields={fields.filter((f) => f.authFieldType === currentAuthType)}\r\n settings={settings}\r\n onUpdate={(newSettings) => onUpdate(newSettings)}\r\n errors={errors}\r\n />\r\n\r\n {currentAuthType === 'oauth' && isDesktop && oauthStatus === 'idle' && (\r\n <div className={classes.oauthButton}>\r\n <button className={classes.oauthAuthorizeBtn} onClick={startOAuthAuthorize}>\r\n <Icon type={'key'} size={14} /> Authorize & Get Access Token\r\n </button>\r\n </div>\r\n )}\r\n\r\n {currentAuthType === 'oauth' && isDesktop && oauthStatus !== 'idle' && (\r\n <div className={`${classes.oauthContainer} ${classes[oauthStatus]}`}>\r\n {oauthStatus === 'authorizing' && (\r\n <div className={classes.oauthProgress}>\r\n <p>\r\n <strong>Waiting for authorization...</strong>\r\n <br />A browser window should have opened. Please authorize the connection in your browser.\r\n </p>\r\n {authUrl && (\r\n <p>\r\n If the browser didn't open automatically,{' '}\r\n <a href={authUrl} target=\"_blank\" rel=\"noopener noreferrer\">\r\n click here to authorize\r\n </a>\r\n .\r\n </p>\r\n )}\r\n <button className={classes.oauthInnerBtn} onClick={handleCancelAuthorize}>\r\n Cancel\r\n </button>\r\n </div>\r\n )}\r\n {oauthStatus === 'success' && (\r\n <div className={classes.oauthProgress}>\r\n <p>\r\n <Icon type={'check'} size={14} /> <strong>Authorization successful!</strong> Token has been automatically filled in.\r\n </p>\r\n </div>\r\n )}\r\n {oauthStatus === 'error' && (\r\n <div className={classes.oauthProgress}>\r\n <p>\r\n <strong>Authorization failed:</strong> {authError}\r\n </p>\r\n <button className={classes.oauthInnerBtn} onClick={startOAuthAuthorize}>\r\n <Icon type={'key'} size={14} /> Try Again\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n\r\n {currentAuthType === 'oauth' && !isDesktop && (\r\n <div className={classes.oauthDoc}>\r\n <h4 onClick={() => setShowOAuthDoc(!showOAuthDoc)}>\r\n <Icon type={'key'} size={14} /> Acquiring the OAuth Access Token\r\n <button>\r\n <Icon type={showOAuthDoc ? 'caret-up' : 'caret-down'} />\r\n </button>\r\n </h4>\r\n {showOAuthDoc && (\r\n <>\r\n <p>\r\n <strong>Step 1:</strong> On a machine with a browser,{' '}\r\n <a href=\"https://rclone.org/downloads/\" target=\"_blank\">\r\n install rclone\r\n </a>{' '}\r\n and execute this command in the CLI: <code className={classes.codeBlock}>rclone authorize {storageType}</code>\r\n </p>\r\n <p>\r\n <strong>Step 2:</strong> A browser window will open where you will need to authorize Rclone to connect to your{' '}\r\n {storageType} account. Authorize the connection.\r\n </p>\r\n <p>\r\n <strong>Step 3:</strong> Once authorized, the cli where you ran the command, should display a message similar to this:\r\n <code className={classes.codeBlock}>\r\n {`Paste the following into your remote machine --->`}\r\n <strong>{`{\"access_token\":\"....\",\"token_type\":\"bearer...}`}</strong>\r\n {`<---End paste`}\r\n </code>\r\n Copy everything between <code>{`--->`}</code> and <code>{`<---`}</code>. Eg:{' '}\r\n <code>{`{\"access_token\":\"....\",\"token_type\":\"bearer...}`}</code>\r\n </p>\r\n <p>\r\n <strong>Step 4:</strong> Paste the copied content in the <strong>OAuth Access Token</strong> field above.\r\n </p>\r\n <p>\r\n <strong>Step 5:</strong> If you no longer need Rclone, you can safely remove it from your system.\r\n </p>\r\n </>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\nexport default StorageAuthSettings;\r\n"],"names":["StorageAuthSettings","storageType","fields","settings","authTypes","currentAuthType","errors","onUpdate","onAuthTypeChange","showAdvanced","setShowAdvanced","useState","showOAuthDoc","setShowOAuthDoc","oauthStatus","setOauthStatus","authSessionId","setAuthSessionId","authUrl","setAuthUrl","authError","setAuthError","pollingRef","useRef","installType","isDesktop","useEffect","stopPolling","useCallback","startOAuthAuthorize","sessionId","startStorageAuthorize","result","getStorageAuthorizeStatus","err","handleCancelAuthorize","cancelStorageAuthorize","jsxs","classes","jsx","Icon","Tristate","newVal","StorageSettings","f","newSettings","Fragment"],"mappings":"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"}

package/dist-lib/components/common/Icon/Icon.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/common/Icon/Icon.tsx"],"names":[],"mappings":"AAEA,KAAK,SAAS,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAOF,QAAA,MAAM,IAAI,GAAI,uCAAuE,SAAS,~~4CAw9C7F~~,CAAC;AAmBF,eAAe,IAAI,CAAC"}
1	+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/common/Icon/Icon.tsx"],"names":[],"mappings":"AAEA,KAAK,SAAS,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAOF,QAAA,MAAM,IAAI,GAAI,uCAAuE,SAAS,4CAw+C7F,CAAC;AAmBF,eAAe,IAAI,CAAC"}

package/dist-lib/components/common/Icon/Icon.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as a } from "react/jsx-runtime";
-const r = ({ type: c, color: l = "currentColor", size: h = 16, title: d = "", classes: t = "" }) => /* @__PURE__ */ e("span", { className: `icon ${t}`, title: d, children: [
+const r = ({ type: c, color: l = "currentColor", size: h = 16, title: t = "", classes: d = "" }) => /* @__PURE__ */ e("span", { className: `icon ${d}`, title: t, children: [
   c === "logo" && /* @__PURE__ */ a(i, { size: h, viewBox: "0 0 120 120", children: /* @__PURE__ */ a(
     "path",
     {
@@ -1364,6 +1364,20 @@ const r = ({ type: c, color: l = "currentColor", size: h = 16, title: d = "", cl
       fill: "#338574",
       d: "M11 1H1c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1M9.5 9h-4c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h4c.28 0 .5.22.5.5s-.22.5-.5.5m-7 .12a.62.62 0 0 1-.44-.18a.63.63 0 0 1 0-.88L4.12 6L2.06 3.94a.63.63 0 0 1 0-.88c.24-.24.64-.24.88 0L5.09 5.2c.44.44.44 1.15 0 1.59L2.94 8.94a.62.62 0 0 1-.44.18"
     }
+  ) }),
+  c === "discord" && /* @__PURE__ */ a(i, { size: h, viewBox: "0 0 256 199", children: /* @__PURE__ */ a(
+    "path",
+    {
+      fill: "#5865f2",
+      d: "M216.856 16.597A208.5 208.5 0 0 0 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046q-29.538-4.442-58.533 0c-1.832-4.4-4.55-9.933-6.846-14.046a207.8 207.8 0 0 0-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161 161 0 0 0 79.735 175.3a136.4 136.4 0 0 1-21.846-10.632a109 109 0 0 0 5.356-4.237c42.122 19.702 87.89 19.702 129.51 0a132 132 0 0 0 5.355 4.237a136 136 0 0 1-21.886 10.653c4.006 8.02 8.638 15.67 13.873 22.848c21.142-6.58 42.646-16.637 64.815-33.213c5.316-56.288-9.08-105.09-38.056-148.36M85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2s23.236 11.804 23.015 26.2c.02 14.375-10.148 26.18-23.015 26.18m85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2c0 14.375-10.148 26.18-23.015 26.18"
+    }
+  ) }),
+  c === "webhook" && /* @__PURE__ */ a(i, { size: h, viewBox: "0 0 24 24", children: /* @__PURE__ */ a(
+    "path",
+    {
+      fill: l,
+      d: "M7 21q-2.075 0-3.537-1.463T2 16q0-1.4.675-2.537t1.8-1.788q.525-.3 1.025.013t.5.862q0 .275-.112.5t-.313.325q-.7.375-1.137 1.075T4 16q0 1.25.875 2.125T7 19t2.125-.875T10 16q0-.425.238-.712T10.9 15h4.975q.2-.225.488-.363T17 14.5q.625 0 1.063.438T18.5 16t-.437 1.063T17 17.5q-.35 0-.638-.137T15.876 17H11.9q-.35 1.725-1.713 2.863T7 21m0-3.5q-.625 0-1.062-.437T5.5 16q0-.55.35-.95t.85-.525l2.35-3.9q-.725-.675-1.138-1.612T7.5 7q0-2.075 1.463-3.537T12.5 2q1.75 0 3.088 1.063T17.35 5.75q.125.475-.175.863t-.8.387q-.325 0-.612-.238t-.388-.587q-.275-.95-1.05-1.562T12.5 4q-1.25 0-2.125.875T9.5 7q0 .825.413 1.513T10.974 9.6q.35.2.438.5t-.088.6l-2.9 4.85q.05.125.063.225T8.5 16q0 .625-.437 1.063T7 17.5M17 21q-.65 0-1.263-.162T14.6 20.4q-.675-.375-.537-1.137t1.012-.763q.125 0 .275.05t.275.125q.325.175.663.25T17 19q1.25 0 2.125-.875T20 16t-.875-2.125T17 13q-.25 0-.475.038t-.45.112q-.4.125-.75.013t-.525-.388l-2.575-4.3q-.525-.1-.875-.5T11 7q0-.625.438-1.062T12.5 5.5t1.063.438T14 7v.213q0 .087-.05.212l2.175 3.65q.2-.05.425-.062T17 11q2.075 0 3.538 1.463T22 16t-1.463 3.538T17 21"
+    }
   ) })
 ] }), i = ({ children: c, viewBox: l, size: h }) => /* @__PURE__ */ a(
   "svg",