@plutonhq/core-frontend 0.1.21 → 0.1.22

package/dist-lib/components/Storage/AddStorage/AddStorage.module.scss.js

@@ -1,34 +1,50 @@
-const t = "_loader_B52fX", o = "_field_zaDNz", e = "_fieldErrorLabel_d9vjx", a = "_label_QEGc3", n = "_input_wJkqZ", c = "_inputHasError_8YtvI", d = "_storageType_0wVcu", s = "_createButton_gxr85", r = "_advancedOptions_xjBKO", _ = "_advancedButton_Wm1YO", l = "_advancedButtonActive_w9I6E", u = "_authSettings_ethz1", i = "_oauthDoc_cCDGb", v = "_codeBlock_8rMRx", B = {
-  loader: t,
-  field: o,
+const t = "_addStorage_OIwtX", o = "_loader_hFNvR", n = "_field_vxLnx", e = "_fieldErrorLabel_JQpkc", a = "_label_JAV7R", c = "_input_30oZl", r = "_inputHasError_mu8Ps", s = "_storageType_9j8NF", u = "_createButton_N2zgD", _ = "_advancedOptions_Vi5K5", d = "_advancedButton_O4koz", i = "_advancedButtonActive_cxq7u", h = "_authSettings_BE6ir", l = "_oauthDoc_8suty", B = "_codeBlock_tpOVA", p = "_oauthContainer_eLxGx", v = "_success_ZETFH", g = "_error_mS7QY", A = "_oauthButton_MhjWw", E = "_oauthAuthorizeBtn_mw4J6", f = "_oauthInnerBtn_5DQud", x = "_oauthProgress_9x8Q3", S = {
+  addStorage: t,
+  loader: o,
+  field: n,
   fieldErrorLabel: e,
   label: a,
-  input: n,
-  inputHasError: c,
-  storageType: d,
-  createButton: s,
-  advancedOptions: r,
-  advancedButton: _,
-  advancedButtonActive: l,
-  authSettings: u,
-  oauthDoc: i,
-  codeBlock: v
+  input: c,
+  inputHasError: r,
+  storageType: s,
+  createButton: u,
+  advancedOptions: _,
+  advancedButton: d,
+  advancedButtonActive: i,
+  authSettings: h,
+  oauthDoc: l,
+  codeBlock: B,
+  oauthContainer: p,
+  success: v,
+  error: g,
+  oauthButton: A,
+  oauthAuthorizeBtn: E,
+  oauthInnerBtn: f,
+  oauthProgress: x
 };
 export {
-  _ as advancedButton,
-  l as advancedButtonActive,
-  r as advancedOptions,
-  u as authSettings,
-  v as codeBlock,
-  s as createButton,
-  B as default,
-  o as field,
+  t as addStorage,
+  d as advancedButton,
+  i as advancedButtonActive,
+  _ as advancedOptions,
+  h as authSettings,
+  B as codeBlock,
+  u as createButton,
+  S as default,
+  g as error,
+  n as field,
   e as fieldErrorLabel,
-  n as input,
-  c as inputHasError,
+  c as input,
+  r as inputHasError,
   a as label,
-  t as loader,
-  i as oauthDoc,
-  d as storageType
+  o as loader,
+  E as oauthAuthorizeBtn,
+  A as oauthButton,
+  p as oauthContainer,
+  l as oauthDoc,
+  f as oauthInnerBtn,
+  x as oauthProgress,
+  s as storageType,
+  v as success
 };
 //# sourceMappingURL=AddStorage.module.scss.js.map

package/dist-lib/components/Storage/AddStorage/AddStorage.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddStorage.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AddStorage.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist-lib/components/Storage/StorageAuthSettings/StorageAuthSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorageAuthSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Storage/StorageAuthSettings/StorageAuthSettings.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAM9D,UAAU,wBAAwB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IACpD,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,CAAC,WAAW,EAAE,wBAAwB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,QAAA,MAAM,mBAAmB,GAAI,oGAS1B,wBAAwB,4CA8F1B,CAAC;AACF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"StorageAuthSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Storage/StorageAuthSettings/StorageAuthSettings.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAO9D,UAAU,wBAAwB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IACpD,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,CAAC,WAAW,EAAE,wBAAwB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACtE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAID,QAAA,MAAM,mBAAmB,GAAI,oGAS1B,wBAAwB,4CAgO1B,CAAC;AACF,eAAe,mBAAmB,CAAC"}

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

@@ -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

@@ -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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"}
+{"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":";;;;;;;AAqBA,MAAMA,IAAsB,CAAC;AAAA,EAC1B,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AACH,MAAgC;AAC7B,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAI,GAC/C,CAACC,GAAcC,CAAe,IAAIF,EAAS,EAAK,GAGhD,CAACG,GAAaC,CAAc,IAAIJ,EAAsB,MAAM,GAC5D,CAACK,GAAeC,CAAgB,IAAIN,EAAwB,IAAI,GAChE,CAACO,GAASC,CAAU,IAAIR,EAAwB,IAAI,GACpD,CAACS,GAAWC,CAAY,IAAIV,EAAwB,IAAI,GACxDW,IAAaC,EAA8C,IAAI,GAE/DC,IAAe,OAAe,mBAC9BC,IAAYD,MAAgB,YAAYA,MAAgB;AAE9D,UAAQ,IAAI,wBAAwBtB,GAAQE,GAAWC,CAAe,GAEtEqB,EAAU,MAAM;AACb,IAAI,CAACrB,KAAmBD,EAAU,SAAS,KACxCI,EAAiBJ,EAAU,CAAC,CAAC;AAAA,EAEnC,GAAG,CAACA,GAAWC,GAAiBG,CAAgB,CAAC,GAGjDkB,EAAU,MACA,MAAM;AACV,IAAIJ,EAAW,WACZ,cAAcA,EAAW,OAAO;AAAA,EAEtC,GACA,CAAA,CAAE;AAEL,QAAMK,IAAcC,EAAY,MAAM;AACnC,IAAIN,EAAW,YACZ,cAAcA,EAAW,OAAO,GAChCA,EAAW,UAAU;AAAA,EAE3B,GAAG,CAAA,CAAE,GAECO,IAAsBD,EAAY,YAAY;AACjD,IAAAb,EAAe,aAAa,GAC5BI,EAAW,IAAI,GACfE,EAAa,IAAI;AAEjB,QAAI;AACD,YAAM,EAAE,WAAAS,EAAA,IAAc,MAAMC,EAAsB9B,CAAW;AAC7D,MAAAgB,EAAiBa,CAAS,GAG1BR,EAAW,UAAU,YAAY,YAAY;AAC1C,YAAI;AACD,gBAAMU,IAAS,MAAMC,EAA0BH,CAAS;AAExD,UAAIE,EAAO,WACRb,EAAWa,EAAO,OAAO,GAGxBA,EAAO,WAAW,aAAaA,EAAO,SACvCL,EAAA,GACAZ,EAAe,SAAS,GACxBR,EAAS,EAAE,GAAGJ,GAAU,OAAO6B,EAAO,OAAO,KACrCA,EAAO,WAAW,YAC1BL,EAAA,GACAZ,EAAe,OAAO,GACtBM,EAAaW,EAAO,SAAS,sBAAsB;AAAA,QAEzD,SAASE,GAAU;AAChB,UAAAP,EAAA,GACAZ,EAAe,OAAO,GACtBM,GAAaa,KAAA,gBAAAA,EAAK,YAAW,sCAAsC;AAAA,QACtE;AAAA,MACH,GAAG,GAAI;AAAA,IACV,SAASA,GAAU;AAChB,MAAAnB,EAAe,OAAO,GACtBM,GAAaa,KAAA,gBAAAA,EAAK,YAAW,+BAA+B;AAAA,IAC/D;AAAA,EACH,GAAG,CAACjC,GAAaE,GAAUI,GAAUoB,CAAW,CAAC,GAE3CQ,IAAwBP,EAAY,YAAY;AAEnD,QADAD,EAAA,GACIX;AACD,UAAI;AACD,cAAMoB,EAAuBpB,CAAa;AAAA,MAC7C,QAAQ;AAAA,MAER;AAEH,IAAAD,EAAe,MAAM,GACrBE,EAAiB,IAAI,GACrBE,EAAW,IAAI,GACfE,EAAa,IAAI;AAAA,EACpB,GAAG,CAACL,GAAeW,CAAW,CAAC;AAE/B,SACG,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAQ,cACrB,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,WAAW,GAAGC,EAAQ,cAAc,KAAK7B,IAAe6B,EAAQ,uBAAuB,EAAE;AAAA,QACzF,SAAS,MAAM5B,EAAgB,CAACD,CAAY;AAAA,QAE5C,UAAA;AAAA,UAAA,gBAAA8B,EAACC,GAAA,EAAK,MAAM,kBAAkB,MAAM,IAAI;AAAA,UACxC,gBAAAD,EAAC,QAAA,EAAM,UAAAtC,MAAgB,UAAU,wBAAwB,0BAAyB;AAAA,UAClF,gBAAAsC,EAACC,GAAA,EAAK,MAAM/B,IAAe,aAAa,aAAA,CAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAExDA,KACE,gBAAA4B,EAAC,OAAA,EAAI,WAAWC,EAAQ,iBACpB,UAAA;AAAA,MAAA7B,KAAgBL,EAAU,SAAS,uBAChC,OAAA,EAAI,WAAWkC,EAAQ,OACrB,UAAA,gBAAAC;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,YAAYpC;AAAA,UACZ,SAAS;AAAA,YACN,EAAE,OAAO,gBAAgB,OAAO,SAAS,UAAUD,EAAU,SAAS,OAAO,MAAM,GAAA;AAAA,YACnF,EAAE,OAAO,aAAa,OAAO,YAAY,UAAUA,EAAU,SAAS,UAAU,MAAM,GAAA;AAAA,YACtF,EAAE,OAAO,cAAc,OAAO,UAAU,UAAUA,EAAU,SAAS,QAAQ,MAAM,GAAA;AAAA,UAAM;AAAA,UAE5F,MACG;AAAA;AAAA;AAAA,UAEH,UAAU,CAACsC,MAAmBlC,EAAiBkC,CAAM;AAAA,QAAA;AAAA,MAAA,GAE3D;AAAA,MAEH,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,QAAQzC,EAAO,OAAO,CAAC0C,MAAMA,EAAE,kBAAkBvC,CAAe;AAAA,UAChE,UAAAF;AAAA,UACA,UAAU,CAAC0C,MAAgBtC,EAASsC,CAAW;AAAA,UAC/C,QAAAvC;AAAA,QAAA;AAAA,MAAA;AAAA,MAGFD,MAAoB,WAAWoB,KAAaX,MAAgB,4BACzD,OAAA,EAAI,WAAWwB,EAAQ,aACrB,4BAAC,UAAA,EAAO,WAAWA,EAAQ,mBAAmB,SAAST,GACpD,UAAA;AAAA,QAAA,gBAAAU,EAACC,GAAA,EAAK,MAAM,OAAO,MAAM,IAAI;AAAA,QAAE;AAAA,MAAA,EAAA,CAClC,EAAA,CACH;AAAA,MAGFnC,MAAoB,WAAWoB,KAAaX,MAAgB,UAC1D,gBAAAuB,EAAC,OAAA,EAAI,WAAW,GAAGC,EAAQ,cAAc,IAAIA,EAAQxB,CAAW,CAAC,IAC7D,UAAA;AAAA,QAAAA,MAAgB,iBACd,gBAAAuB,EAAC,OAAA,EAAI,WAAWC,EAAQ,eACrB,UAAA;AAAA,UAAA,gBAAAD,EAAC,KAAA,EACE,UAAA;AAAA,YAAA,gBAAAE,EAAC,YAAO,UAAA,+BAAA,CAA4B;AAAA,8BACnC,MAAA,EAAG;AAAA,YAAE;AAAA,UAAA,GACT;AAAA,UACCrB,uBACG,KAAA,EAAE,UAAA;AAAA,YAAA;AAAA,YAC0C;AAAA,YAC1C,gBAAAqB,EAAC,OAAE,MAAMrB,GAAS,QAAO,UAAS,KAAI,uBAAsB,UAAA,0BAAA,CAE5D;AAAA,YAAI;AAAA,UAAA,GAEP;AAAA,4BAEF,UAAA,EAAO,WAAWoB,EAAQ,eAAe,SAASH,GAAuB,UAAA,SAAA,CAE1E;AAAA,QAAA,GACH;AAAA,QAEFrB,MAAgB,aACd,gBAAAyB,EAAC,OAAA,EAAI,WAAWD,EAAQ,eACrB,4BAAC,KAAA,EACE,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAK,MAAM,SAAS,MAAM,IAAI;AAAA,UAAE;AAAA,UAAC,gBAAAD,EAAC,YAAO,UAAA,4BAAA,CAAyB;AAAA,UAAS;AAAA,QAAA,EAAA,CAC/E,EAAA,CACH;AAAA,QAEFzB,MAAgB,WACd,gBAAAuB,EAAC,OAAA,EAAI,WAAWC,EAAQ,eACrB,UAAA;AAAA,UAAA,gBAAAD,EAAC,KAAA,EACE,UAAA;AAAA,YAAA,gBAAAE,EAAC,YAAO,UAAA,wBAAA,CAAqB;AAAA,YAAS;AAAA,YAAEnB;AAAA,UAAA,GAC3C;AAAA,4BACC,UAAA,EAAO,WAAWkB,EAAQ,eAAe,SAAST,GAChD,UAAA;AAAA,YAAA,gBAAAU,EAACC,GAAA,EAAK,MAAM,OAAO,MAAM,IAAI;AAAA,YAAE;AAAA,UAAA,EAAA,CAClC;AAAA,QAAA,EAAA,CACH;AAAA,MAAA,GAEN;AAAA,MAGFnC,MAAoB,WAAW,CAACoB,uBAC7B,OAAA,EAAI,WAAWa,EAAQ,UACrB,UAAA;AAAA,QAAA,gBAAAD,EAAC,QAAG,SAAS,MAAMxB,EAAgB,CAACD,CAAY,GAC7C,UAAA;AAAA,UAAA,gBAAA2B,EAACC,GAAA,EAAK,MAAM,OAAO,MAAM,IAAI;AAAA,UAAE;AAAA,UAC/B,gBAAAD,EAAC,YACE,UAAA,gBAAAA,EAACC,GAAA,EAAK,MAAM5B,IAAe,aAAa,cAAc,EAAA,CACzD;AAAA,QAAA,GACH;AAAA,QACCA,KACE,gBAAAyB,EAAAS,GAAA,EACG,UAAA;AAAA,UAAA,gBAAAT,EAAC,KAAA,EACE,UAAA;AAAA,YAAA,gBAAAE,EAAC,YAAO,UAAA,UAAA,CAAO;AAAA,YAAS;AAAA,YAA8B;AAAA,8BACrD,KAAA,EAAE,MAAK,iCAAgC,QAAO,UAAS,UAAA,kBAExD;AAAA,YAAK;AAAA,YAAI;AAAA,YAC4B,gBAAAF,EAAC,QAAA,EAAK,WAAWC,EAAQ,WAAW,UAAA;AAAA,cAAA;AAAA,cAAkBrC;AAAA,YAAA,EAAA,CAAY;AAAA,UAAA,GAC1G;AAAA,4BACC,KAAA,EACE,UAAA;AAAA,YAAA,gBAAAsC,EAAC,YAAO,UAAA,UAAA,CAAO;AAAA,YAAS;AAAA,YAAuF;AAAA,YAC9GtC;AAAA,YAAY;AAAA,UAAA,GAChB;AAAA,4BACC,KAAA,EACE,UAAA;AAAA,YAAA,gBAAAsC,EAAC,YAAO,UAAA,UAAA,CAAO;AAAA,YAAS;AAAA,YACxB,gBAAAF,EAAC,QAAA,EAAK,WAAWC,EAAQ,WACrB,UAAA;AAAA,cAAA;AAAA,cACD,gBAAAC,EAAC,YAAQ,UAAA,kDAAA,CAAkD;AAAA,cAC1D;AAAA,YAAA,GACJ;AAAA,YAAO;AAAA,YACiB,gBAAAA,EAAC,UAAM,UAAA,OAAA,CAAO;AAAA,YAAO;AAAA,YAAK,gBAAAA,EAAC,UAAM,UAAA,OAAA,CAAO;AAAA,YAAO;AAAA,YAAM;AAAA,YAC7E,gBAAAA,EAAC,UAAM,UAAA,kDAAA,CAAkD;AAAA,UAAA,GAC5D;AAAA,4BACC,KAAA,EACE,UAAA;AAAA,YAAA,gBAAAA,EAAC,YAAO,UAAA,UAAA,CAAO;AAAA,YAAS;AAAA,YAAiC,gBAAAA,EAAC,YAAO,UAAA,qBAAA,CAAkB;AAAA,YAAS;AAAA,UAAA,GAC/F;AAAA,4BACC,KAAA,EACE,UAAA;AAAA,YAAA,gBAAAA,EAAC,YAAO,UAAA,UAAA,CAAO;AAAA,YAAS;AAAA,UAAA,EAAA,CAC3B;AAAA,QAAA,EAAA,CACH;AAAA,MAAA,EAAA,CAEN;AAAA,IAAA,EAAA,CAEN;AAAA,EAAA,GAEN;AAEN;"}

package/dist-lib/services/storage.d.ts

@@ -29,5 +29,15 @@ export declare function deleteStorage(id: string): Promise<any>;
 export declare function useDeleteStorage(): import("@tanstack/react-query").UseMutationResult<any, Error, string, unknown>;
 export declare function verifyStorage(id: string): Promise<any>;
 export declare function useVerifyStorage(): import("@tanstack/react-query").UseMutationResult<any, Error, string, unknown>;
+export declare function startStorageAuthorize(type: string): Promise<{
+    sessionId: string;
+}>;
+export declare function getStorageAuthorizeStatus(sessionId: string): Promise<{
+    status: 'pending' | 'success' | 'error';
+    token?: string;
+    error?: string;
+    authUrl?: string;
+}>;
+export declare function cancelStorageAuthorize(sessionId: string): Promise<void>;
 export {};
 //# sourceMappingURL=storage.d.ts.map

package/dist-lib/services/storage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../src/services/storage.ts"],"names":[],"mappings":"AAGA,UAAU,iBAAiB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IACvD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AACD,UAAU,oBAAoB;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE;QAEH,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;QACvD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;QACpD,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;KAClB,CAAC;CACJ;AAGD,wBAAsB,oBAAoB,iBAYzC;AAED,wBAAgB,uBAAuB,+DAOtC;AAGD,wBAAsB,cAAc,iBAYnC;AAED,wBAAgB,cAAc,+DAO7B;AAGD,wBAAsB,UAAU,CAAC,EAAE,EAAE,MAAM,gBAY1C;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,8DAOvC;AAGD,wBAAsB,UAAU,CAAC,UAAU,EAAE,iBAAiB,gBAa7D;AAED,wBAAgB,aAAa,8FAS5B;AAGD,wBAAsB,aAAa,CAAC,cAAc,EAAE,oBAAoB,gBAavE;AAED,wBAAgB,gBAAgB,iGAU/B;AAGD,wBAAsB,aAAa,CAAC,EAAE,EAAE,MAAM,gBAY7C;AAED,wBAAgB,gBAAgB,mFAU/B;AAGD,wBAAsB,aAAa,CAAC,EAAE,EAAE,MAAM,gBAY7C;AAED,wBAAgB,gBAAgB,mFAQ/B"}
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../src/services/storage.ts"],"names":[],"mappings":"AAGA,UAAU,iBAAiB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IACvD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AACD,UAAU,oBAAoB;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE;QAEH,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;QACvD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;QACpD,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;KAClB,CAAC;CACJ;AAGD,wBAAsB,oBAAoB,iBAYzC;AAED,wBAAgB,uBAAuB,+DAOtC;AAGD,wBAAsB,cAAc,iBAYnC;AAED,wBAAgB,cAAc,+DAO7B;AAGD,wBAAsB,UAAU,CAAC,EAAE,EAAE,MAAM,gBAY1C;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,8DAOvC;AAGD,wBAAsB,UAAU,CAAC,UAAU,EAAE,iBAAiB,gBAa7D;AAED,wBAAgB,aAAa,8FAS5B;AAGD,wBAAsB,aAAa,CAAC,cAAc,EAAE,oBAAoB,gBAavE;AAED,wBAAgB,gBAAgB,iGAU/B;AAGD,wBAAsB,aAAa,CAAC,EAAE,EAAE,MAAM,gBAY7C;AAED,wBAAgB,gBAAgB,mFAU/B;AAGD,wBAAsB,aAAa,CAAC,EAAE,EAAE,MAAM,gBAY7C;AAED,wBAAgB,gBAAgB,mFAQ/B;AAGD,wBAAsB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC,CAaxF;AAED,wBAAsB,yBAAyB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IACzE,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAYD;AAED,wBAAsB,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAY7E"}

package/dist-lib/services/storage.js

@@ -1,7 +1,7 @@
-import { useQuery as a, useQueryClient as c, useMutation as s } from "@tanstack/react-query";
-import { API_URL as o } from "../utils/constants.js";
+import { useQuery as a, useQueryClient as c, useMutation as o } from "@tanstack/react-query";
+import { API_URL as s } from "../utils/constants.js";
 async function i() {
-  const e = new URL(`${o}/storages/available`), n = await (await fetch(e.toString(), {
+  const e = new URL(`${s}/storages/available`), n = await (await fetch(e.toString(), {
     method: "GET",
     credentials: "include"
   })).json();
@@ -18,7 +18,7 @@ function p() {
   });
 }
 async function u() {
-  const e = new URL(`${o}/storages`), n = await (await fetch(e.toString(), {
+  const e = new URL(`${s}/storages`), n = await (await fetch(e.toString(), {
     method: "GET",
     credentials: "include"
   })).json();
@@ -35,7 +35,7 @@ function S() {
   });
 }
 async function d(e) {
-  const r = new URL(`${o}/storages/${e}`), t = await (await fetch(r.toString(), {
+  const r = new URL(`${s}/storages/${e}`), t = await (await fetch(r.toString(), {
     method: "GET",
     credentials: "include"
   })).json();
@@ -52,7 +52,7 @@ function j(e) {
   });
 }
 async function l(e) {
-  const r = new Headers({ "Content-Type": "application/json", Accept: "application/json" }), t = await (await fetch(`${o}/storages`, {
+  const r = new Headers({ "Content-Type": "application/json", Accept: "application/json" }), t = await (await fetch(`${s}/storages`, {
     method: "POST",
     credentials: "include",
     headers: r,
@@ -64,7 +64,7 @@ async function l(e) {
 }
 function m() {
   const e = c();
-  return s({
+  return o({
     mutationFn: l,
     onSuccess: (r) => {
       console.log("# Storage Added! :", r), e.invalidateQueries({ queryKey: ["storages"] });
@@ -72,7 +72,7 @@ function m() {
   });
 }
 async function f(e) {
-  const r = new Headers({ "Content-Type": "application/json", Accept: "application/json" }), t = await (await fetch(`${o}/storages/${e.id}`, {
+  const r = new Headers({ "Content-Type": "application/json", Accept: "application/json" }), t = await (await fetch(`${s}/storages/${e.id}`, {
     method: "PUT",
     credentials: "include",
     headers: r,
@@ -84,7 +84,7 @@ async function f(e) {
 }
 function E() {
   const e = c();
-  return s({
+  return o({
     mutationFn: f,
     onSuccess: (r) => {
       console.log("# Storage Updated! :", r), e.invalidateQueries({ queryKey: ["storages"] });
@@ -92,7 +92,7 @@ function E() {
   });
 }
 async function g(e) {
-  const r = new Headers({ "Content-Type": "application/json", Accept: "application/json" }), t = await (await fetch(`${o}/storages/${e}`, {
+  const r = new Headers({ "Content-Type": "application/json", Accept: "application/json" }), t = await (await fetch(`${s}/storages/${e}`, {
     method: "DELETE",
     credentials: "include",
     headers: r
@@ -101,17 +101,17 @@ async function g(e) {
     throw new Error(t.error);
   return t;
 }
-function q() {
+function T() {
   const e = c();
-  return s({
+  return o({
     mutationFn: g,
     onSuccess: (r) => {
       console.log("# Storage Updated! :", r), e.invalidateQueries({ queryKey: ["storages"] });
     }
   });
 }
-async function y(e) {
-  const r = new Headers({ "Content-Type": "application/json", Accept: "application/json" }), t = await (await fetch(`${o}/storages/verify/${e}`, {
+async function h(e) {
+  const r = new Headers({ "Content-Type": "application/json", Accept: "application/json" }), t = await (await fetch(`${s}/storages/verify/${e}`, {
     method: "POST",
     credentials: "include",
     headers: r
@@ -120,28 +120,63 @@ async function y(e) {
     throw new Error(t.error);
   return t;
 }
-function T() {
-  return s({
-    mutationFn: y,
+function A() {
+  return o({
+    mutationFn: h,
     onSuccess: (e) => {
       console.log("# Storage Verfied! :", e);
     }
   });
 }
+async function $(e) {
+  const r = new Headers({ "Content-Type": "application/json", Accept: "application/json" }), t = await (await fetch(`${s}/storages/authorize`, {
+    method: "POST",
+    credentials: "include",
+    headers: r,
+    body: JSON.stringify({ type: e })
+  })).json();
+  if (!t.success)
+    throw new Error(t.error);
+  return t.result;
+}
+async function q(e) {
+  const r = new URL(`${s}/storages/authorize/status`);
+  r.searchParams.set("sessionId", e);
+  const t = await (await fetch(r.toString(), {
+    method: "GET",
+    credentials: "include"
+  })).json();
+  if (!t.success)
+    throw new Error(t.error);
+  return t.result;
+}
+async function O(e) {
+  const r = new Headers({ "Content-Type": "application/json", Accept: "application/json" }), t = await (await fetch(`${s}/storages/authorize/cancel`, {
+    method: "POST",
+    credentials: "include",
+    headers: r,
+    body: JSON.stringify({ sessionId: e })
+  })).json();
+  if (!t.success)
+    throw new Error(t.error);
+}
 export {
   l as addStorage,
+  O as cancelStorageAuthorize,
   g as deleteStorage,
   u as getAllStorages,
   i as getAvailableStorages,
   d as getStorage,
+  q as getStorageAuthorizeStatus,
+  $ as startStorageAuthorize,
   f as updateStorage,
   m as useAddStorage,
-  q as useDeleteStorage,
+  T as useDeleteStorage,
   p as useGetAvailableStorages,
   j as useGetStorage,
   S as useGetStorages,
   E as useUpdateStorage,
-  T as useVerifyStorage,
-  y as verifyStorage
+  A as useVerifyStorage,
+  h as verifyStorage
 };
 //# sourceMappingURL=storage.js.map