@plutonhq/core-frontend 0.0.1

package/dist/components/Storage/AddStorage/AddStorage.module.scss

@@ -0,0 +1,168 @@
+.addStorage {
+   position: relative;
+
+   & > div {
+      top: 10%;
+   }
+}
+
+.loader {
+   position: absolute;
+   z-index: 9;
+   width: 100%;
+   height: 100%;
+   left: 0;
+   top: 0;
+   background-color: var(--content-background-color);
+   opacity: 0.7;
+   cursor: default;
+   display: flex;
+   justify-content: center;
+   align-items: center;
+}
+
+.field {
+   margin-bottom: 20px;
+   width: 100%;
+   position: relative;
+   .fieldErrorLabel {
+      position: absolute;
+      right: 10px;
+      top: 15px;
+      background-color: var(--error-bg-active);
+      color: var(--error-active-text);
+      padding: 1px 12px;
+      border-radius: 20px;
+      font-size: 0.75rem;
+      letter-spacing: 0.2px;
+      z-index: 2;
+   }
+}
+
+.label {
+   font-weight: 600;
+   display: block;
+   margin-bottom: 8px;
+   font-size: 0.75rem;
+}
+
+.input {
+   width: 100%;
+   border: 1px solid var(--field-line-color);
+   background-color: var(--content-background-color);
+   padding: 12px;
+   font-size: 0.75rem;
+   border-radius: 6px;
+   box-sizing: border-box;
+   &:focus {
+      outline: none;
+      border: 1px solid var(--line-active-color);
+   }
+   &.inputHasError {
+      border-color: var(--error-bg-color-active);
+   }
+   &:disabled {
+      background-color: var(--light-grey);
+      cursor: not-allowed;
+   }
+}
+
+.storageType {
+   width: 100%;
+   background-color: var(--light-grey);
+   border: 1px solid var(--line-color);
+   border-radius: 6px;
+   padding: 8px 12px;
+   cursor: not-allowed;
+   color: var(--content-text-color);
+   box-sizing: border-box;
+   img {
+      max-height: 18px;
+      width: auto;
+      margin-right: 5px;
+      vertical-align: middle;
+   }
+}
+
+.createButton {
+   width: 100%;
+   background: var(--primary-color);
+   padding: 12px;
+   font-size: 0.75rem;
+   border-radius: 6px;
+   color: var(--primary-text-color);
+}
+
+.advancedOptions {
+   padding: 20px;
+   border: 1px solid var(--line-color);
+   border-top: 0;
+   border-radius: 0 0 6px 6px;
+   input[class^='_input'] {
+      width: 100%;
+   }
+}
+.advancedButton {
+   display: flex;
+   width: 100%;
+   cursor: pointer;
+   justify-content: space-between;
+   font-weight: 500;
+   position: relative;
+   padding: 10px;
+   border: 1px solid var(--line-color);
+   border-radius: 6px 6px;
+   box-sizing: border-box;
+   user-select: none;
+
+   &:hover {
+      color: var(--primary-color);
+   }
+   &.advancedButtonActive {
+      border-radius: 6px 6px 0 0;
+   }
+}
+
+.authSettings {
+   margin-bottom: 20px;
+}
+
+.oauthDoc {
+   background-color: var(--background-color);
+   border: 1px solid var(--line-color);
+   border-radius: 6px;
+   box-sizing: border-box;
+   padding: 12px;
+   word-break: break-all;
+   h4 {
+      font-weight: 600;
+      margin: 0;
+      position: relative;
+      user-select: none;
+      cursor: pointer;
+      button {
+         position: absolute;
+         right: 0px;
+         color: var(--icon-color);
+      }
+   }
+   code {
+      background-color: rgba(0, 0, 0, 0.1);
+      color: var(--content-text-color);
+      padding: 2px 6px;
+      border-radius: 6px;
+   }
+   .codeBlock {
+      background-color: #333;
+      color: #ccc;
+      padding: 10px;
+      width: 100%;
+      display: block;
+      border-radius: 6px;
+      box-sizing: border-box;
+      margin: 10px 0;
+      strong {
+         color: var(--rt-color-success);
+      }
+   }
+}

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

@@ -0,0 +1,34 @@
+const o = "AddStorage-module__loader___S-iBg", t = "AddStorage-module__field___X0CFQ", e = "AddStorage-module__fieldErrorLabel___fvRqq", d = "AddStorage-module__label___1bwDs", _ = "AddStorage-module__input___-lgKY", a = "AddStorage-module__inputHasError___--aeQ", n = "AddStorage-module__storageType___JemC-", c = "AddStorage-module__createButton___FITQ9", r = "AddStorage-module__advancedOptions___-dbE2", l = "AddStorage-module__advancedButton___HLFcy", u = "AddStorage-module__advancedButtonActive___E0gb9", s = "AddStorage-module__authSettings___5Vua9", g = "AddStorage-module__oauthDoc___cDim7", i = "AddStorage-module__codeBlock___x71oQ", S = {
+  loader: o,
+  field: t,
+  fieldErrorLabel: e,
+  label: d,
+  input: _,
+  inputHasError: a,
+  storageType: n,
+  createButton: c,
+  advancedOptions: r,
+  advancedButton: l,
+  advancedButtonActive: u,
+  authSettings: s,
+  oauthDoc: g,
+  codeBlock: i
+};
+export {
+  l as advancedButton,
+  u as advancedButtonActive,
+  r as advancedOptions,
+  s as authSettings,
+  i as codeBlock,
+  c as createButton,
+  S as default,
+  t as field,
+  e as fieldErrorLabel,
+  _ as input,
+  a as inputHasError,
+  d as label,
+  o as loader,
+  g as oauthDoc,
+  n as storageType
+};
+//# sourceMappingURL=AddStorage.module.scss.js.map

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

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

package/dist/components/Storage/EditStorage/EditStorage.d.ts

@@ -0,0 +1,8 @@
+import { Storage } from '../../../@types/storages';
+type EditStorageProps = {
+    close: () => void;
+    storage: Storage;
+};
+declare const EditStorage: ({ close, storage }: EditStorageProps) => import("react/jsx-runtime").JSX.Element;
+export default EditStorage;
+//# sourceMappingURL=EditStorage.d.ts.map

package/dist/components/Storage/EditStorage/EditStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditStorage.d.ts","sourceRoot":"","sources":["../../../../src/components/Storage/EditStorage/EditStorage.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,OAAO,EAAsB,MAAM,0BAA0B,CAAC;AAKvE,KAAK,gBAAgB,GAAG;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,oBAAoB,gBAAgB,4CAkMxD,CAAC;AACF,eAAe,WAAW,CAAC"}

package/dist/components/Storage/EditStorage/EditStorage.js

@@ -0,0 +1,149 @@
+import { jsx as e, jsxs as n, Fragment as O } from "react/jsx-runtime";
+import { useState as d, useEffect as R, useMemo as A } from "react";
+import { toast as C } from "react-toastify";
+import t from "../AddStorage/AddStorage.module.scss.js";
+import c from "../../common/Icon/Icon.js";
+import { useUpdateStorage as x, useGetStorage as z } from "../../../services/storage.js";
+import P from "../../common/SidePanel/SidePanel.js";
+import w from "../../common/form/TagsInput/TagsInput.js";
+import B from "../StorageSettings/StorageSettings.js";
+import I from "../StorageAuthSettings/StorageAuthSettings.js";
+import { shouldDisplayStorageField as G } from "../../../utils/helpers.js";
+const ee = ({ close: U, storage: s }) => {
+  const [h, F] = d({}), [p, k] = d(!1), [g, q] = d(() => s.authType || ""), [m, y] = d({}), [u, b] = d(() => s.settings), [E, $] = d(() => s.tags || []), S = x(), v = s.type, { data: o } = z(s.id);
+  R(() => {
+    o && o.success && o.result && o.result.credentials && y(o.result.credentials);
+  }, [o]);
+  const f = A(() => {
+    const a = { required: [], optional: [] };
+    return s.storageFields.forEach((r) => {
+      r.required ? a.required.push(r) : a.optional.push(r);
+    }), a;
+  }, [s.storageFields]), N = A(() => {
+    var i;
+    const a = ((i = o == null ? void 0 : o.result) == null ? void 0 : i.authTypes) || ["client"];
+    return { fields: s.storageFields.filter((l) => l.authFieldType), types: a };
+  }, [s.storageFields, o]), j = () => {
+    F({});
+    const a = {}, r = s.storageFields;
+    if (r.forEach((i) => {
+      if (!i.required || !G(i, u, r)) return;
+      const l = !!i.authFieldType;
+      if (!(!l || i.authFieldType === g)) return;
+      const T = l ? m[i.value] : u[i.value];
+      (T == null || T === "") && (a[i.value] = "Required");
+    }), console.log("errors :", a), Object.keys(a).length === 0) {
+      const i = {
+        id: s.id,
+        data: {
+          // name: storageTitle,
+          type: v,
+          settings: u,
+          credentials: m,
+          authType: g,
+          tags: E
+        }
+      };
+      console.log("payload :", i), S.mutate(i, {
+        onError: (l) => {
+          console.log("error :", l == null ? void 0 : l.message), C.error(`Error Updating Storage. Changes Reverted.
+Error Detail: ${l.message}`), y(o.result.credentials), b(o.result.settings);
+        },
+        onSuccess: (l) => {
+          console.log("Success :", l), C.success("Successfully Updated Storage!", { autoClose: 5e3 });
+        }
+      });
+    } else
+      F(a);
+  };
+  return /* @__PURE__ */ e(
+    P,
+    {
+      title: `Edit ${s.name}`,
+      icon: /* @__PURE__ */ e("img", { src: `providers/${s.type}.png` }),
+      close: U,
+      footer: /* @__PURE__ */ n(O, { children: [
+        /* @__PURE__ */ e("div", { className: t.footerLeft, children: /* @__PURE__ */ e("div", { className: t.summary }) }),
+        /* @__PURE__ */ e("div", { className: t.footerRight, children: /* @__PURE__ */ n("button", { className: t.createButton, onClick: () => j(), children: [
+          /* @__PURE__ */ e(c, { type: "check", size: 12 }),
+          " Update Storage"
+        ] }) })
+      ] }),
+      children: /* @__PURE__ */ n("div", { className: t.addStorageContent, children: [
+        (S.isPending || S.isPending) && /* @__PURE__ */ e("div", { className: t.loader, children: /* @__PURE__ */ e(c, { size: 36, type: "loading" }) }),
+        /* @__PURE__ */ n("div", { className: t.field, children: [
+          /* @__PURE__ */ n("label", { className: t.label, children: [
+            "Storage Name*",
+            /* @__PURE__ */ e("i", { "data-tooltip-id": "hintTooltip", "data-tooltip-content": "Storage name Cannot be changed", "data-tooltip-place": "top", children: /* @__PURE__ */ e(c, { type: "help", size: 13 }) })
+          ] }),
+          h.title && /* @__PURE__ */ e("span", { className: t.fieldErrorLabel, children: h.title }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: t.input,
+              type: "text",
+              placeholder: "Give your Storage a Name",
+              value: s.name || "",
+              required: !0,
+              disabled: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: t.field, children: [
+          /* @__PURE__ */ n("label", { className: t.label, children: [
+            "Storage Type*",
+            " ",
+            /* @__PURE__ */ e("i", { "data-tooltip-id": "hintTooltip", "data-tooltip-content": "Storage type cannot be changed", "data-tooltip-place": "top", children: /* @__PURE__ */ e(c, { type: "help", size: 13 }) })
+          ] }),
+          /* @__PURE__ */ n("div", { className: t.storageType, children: [
+            /* @__PURE__ */ e("img", { src: `providers/${s.type}.png` }),
+            s.storageTypeName
+          ] })
+        ] }),
+        v && N.fields.length > 0 && /* @__PURE__ */ e(
+          I,
+          {
+            storageType: v,
+            fields: N.fields,
+            authTypes: N.types,
+            settings: m,
+            onUpdate: (a) => y(a),
+            errors: h,
+            currentAuthType: g,
+            onAuthTypeChange: q
+          }
+        ),
+        Object.keys(f.optional).length > 0 && /* @__PURE__ */ n(
+          "div",
+          {
+            className: `${t.advancedButton} ${p ? t.advancedButtonActive : ""}`,
+            onClick: () => k(!p),
+            children: [
+              /* @__PURE__ */ e(c, { type: "settings" }),
+              /* @__PURE__ */ e("span", { children: "Advanced Options" }),
+              /* @__PURE__ */ e(c, { type: p ? "caret-up" : "caret-down" })
+            ]
+          }
+        ),
+        p && Object.keys(f.optional).length > 0 && /* @__PURE__ */ n("div", { className: t.advancedOptions, children: [
+          /* @__PURE__ */ e(
+            B,
+            {
+              fields: f.optional,
+              settings: u,
+              onUpdate: (a) => b(a)
+            }
+          ),
+          /* @__PURE__ */ n("div", { className: t.field, children: [
+            /* @__PURE__ */ e("label", { className: t.label, children: "Tags" }),
+            /* @__PURE__ */ e(w, { fieldValue: E, onUpdate: (a) => $(a) })
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  ee as default
+};
+//# sourceMappingURL=EditStorage.js.map

package/dist/components/Storage/EditStorage/EditStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditStorage.js","sources":["../../../../src/components/Storage/EditStorage/EditStorage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport classes from '../AddStorage/AddStorage.module.scss';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport { useGetStorage, useUpdateStorage } from '../../../services/storage';\r\nimport SidePanel from '../../common/SidePanel/SidePanel';\r\nimport TagsInput from '../../common/form/TagsInput/TagsInput';\r\nimport { Storage, storageOptionField } from '../../../@types/storages';\r\nimport StorageSettings from '../StorageSettings/StorageSettings';\r\nimport StorageAuthSettings from '../StorageAuthSettings/StorageAuthSettings';\r\nimport { shouldDisplayStorageField } from '../../../utils/helpers';\r\n\r\ntype EditStorageProps = {\r\n   close: () => void;\r\n   storage: Storage;\r\n};\r\n\r\nconst EditStorage = ({ close, storage }: EditStorageProps) => {\r\n   const [inputError, setInputError] = useState<Record<string, string>>({});\r\n   // const [storageTitle, setStorageTitle] = useState(() => storage.name)/;\r\n   const [showAdvanced, setShowAdvanced] = useState(false);\r\n   const [currentAuthType, setCurrentAuthType] = useState<string>(() => storage.authType || '');\r\n   const [storageCredentials, setStorageCredentials] = useState<Record<string, string | number | boolean>>({});\r\n   const [storageSettings, setStorageSettings] = useState<Record<string, string | number | boolean>>(() => storage.settings);\r\n   const [storageTags, setStorageTags] = useState<string[]>(() => storage.tags || []);\r\n\r\n   const updateStorageMutation = useUpdateStorage();\r\n   const storageType = storage.type;\r\n   const { data: storageData } = useGetStorage(storage.id);\r\n\r\n   useEffect(() => {\r\n      if (storageData && storageData.success && storageData.result && storageData.result.credentials) {\r\n         setStorageCredentials(storageData.result.credentials);\r\n      }\r\n   }, [storageData]);\r\n\r\n   const storageFields = useMemo(() => {\r\n      const groupedFields = { required: [], optional: [] };\r\n      storage.storageFields.forEach((field: storageOptionField) => {\r\n         if (field.required) {\r\n            (groupedFields.required as storageOptionField[]).push(field);\r\n         } else {\r\n            (groupedFields.optional as storageOptionField[]).push(field);\r\n         }\r\n      });\r\n      return groupedFields;\r\n   }, [storage.storageFields]);\r\n\r\n   const authFields = useMemo(() => {\r\n      const types: string[] = storageData?.result?.authTypes || ['client'];\r\n      const authFields = storage.storageFields.filter((f) => f.authFieldType);\r\n\r\n      return { fields: authFields, types };\r\n   }, [storage.storageFields, storageData]);\r\n\r\n   const updateStorage = () => {\r\n      setInputError({});\r\n      const errors: Record<string, string> = {};\r\n\r\n      // Validate required fields that are visible AND relevant to current auth type\r\n      const allFields = storage.storageFields;\r\n      allFields.forEach((fieldDef) => {\r\n         if (!fieldDef.required) return;\r\n\r\n         // Check if this field should be displayed based on conditions\r\n         if (!shouldDisplayStorageField(fieldDef, storageSettings, allFields)) return;\r\n\r\n         // Check if this field is relevant to the current auth type\r\n         const isAuthField = !!fieldDef.authFieldType;\r\n         const isRelevantAuthField = !isAuthField || fieldDef.authFieldType === currentAuthType;\r\n         if (!isRelevantAuthField) return;\r\n\r\n         // Get the field value from the appropriate state object\r\n         const fieldValue = isAuthField ? storageCredentials[fieldDef.value] : storageSettings[fieldDef.value];\r\n\r\n         // Check if the value is empty\r\n         const isEmpty = fieldValue === undefined || fieldValue === null || fieldValue === '';\r\n\r\n         if (isEmpty) {\r\n            errors[fieldDef.value] = 'Required';\r\n         }\r\n      });\r\n      // if (!storageTitle) {\r\n      //    errors['title'] = 'Required';\r\n      // }\r\n\r\n      console.log('errors :', errors);\r\n\r\n      if (Object.keys(errors).length === 0) {\r\n         const storagePayload = {\r\n            id: storage.id,\r\n            data: {\r\n               // name: storageTitle,\r\n               type: storageType,\r\n               settings: storageSettings,\r\n               credentials: storageCredentials,\r\n               authType: currentAuthType,\r\n               tags: storageTags,\r\n            },\r\n         };\r\n         console.log('payload :', storagePayload);\r\n         updateStorageMutation.mutate(storagePayload, {\r\n            onError: (error: Error) => {\r\n               console.log('error :', error?.message);\r\n               toast.error(`Error Updating Storage. Changes Reverted.\\nError Detail: ${error.message}`);\r\n               setStorageCredentials(storageData.result.credentials);\r\n               setStorageSettings(storageData.result.settings);\r\n            },\r\n            onSuccess: (data: any) => {\r\n               console.log('Success :', data);\r\n               toast.success(`Successfully Updated Storage!`, { autoClose: 5000 });\r\n            },\r\n         });\r\n      } else {\r\n         setInputError(errors);\r\n      }\r\n   };\r\n\r\n   return (\r\n      <SidePanel\r\n         title={`Edit ${storage.name}`}\r\n         icon={<img src={`providers/${storage.type}.png`} />}\r\n         close={close}\r\n         footer={\r\n            <>\r\n               <div className={classes.footerLeft}>\r\n                  <div className={classes.summary}></div>\r\n               </div>\r\n               <div className={classes.footerRight}>\r\n                  <button className={classes.createButton} onClick={() => updateStorage()}>\r\n                     <Icon type=\"check\" size={12} /> Update Storage\r\n                  </button>\r\n               </div>\r\n            </>\r\n         }\r\n      >\r\n         <div className={classes.addStorageContent}>\r\n            {(updateStorageMutation.isPending || updateStorageMutation.isPending) && (\r\n               <div className={classes.loader}>\r\n                  <Icon size={36} type=\"loading\" />\r\n               </div>\r\n            )}\r\n\r\n            <div className={classes.field}>\r\n               <label className={classes.label}>\r\n                  Storage Name*\r\n                  <i data-tooltip-id=\"hintTooltip\" data-tooltip-content={'Storage name Cannot be changed'} data-tooltip-place=\"top\">\r\n                     <Icon type=\"help\" size={13} />\r\n                  </i>\r\n               </label>\r\n               {inputError['title'] && <span className={classes.fieldErrorLabel}>{inputError['title']}</span>}\r\n               <input\r\n                  className={classes.input}\r\n                  type=\"text\"\r\n                  placeholder=\"Give your Storage a Name\"\r\n                  value={storage.name || ''}\r\n                  required\r\n                  // onChange={(e) => setStorageTitle(e.target.value)}\r\n                  disabled={true}\r\n               />\r\n            </div>\r\n            <div className={classes.field}>\r\n               <label className={classes.label}>\r\n                  Storage Type*{' '}\r\n                  <i data-tooltip-id=\"hintTooltip\" data-tooltip-content={'Storage type cannot be changed'} data-tooltip-place=\"top\">\r\n                     <Icon type=\"help\" size={13} />\r\n                  </i>\r\n               </label>\r\n               <div className={classes.storageType}>\r\n                  <img src={`providers/${storage.type}.png`} />\r\n                  {storage.storageTypeName}\r\n               </div>\r\n            </div>\r\n            {storageType && authFields.fields.length > 0 && (\r\n               <StorageAuthSettings\r\n                  storageType={storageType}\r\n                  fields={authFields.fields}\r\n                  authTypes={authFields.types}\r\n                  settings={storageCredentials}\r\n                  onUpdate={(newSettings) => setStorageCredentials(newSettings)}\r\n                  errors={inputError}\r\n                  currentAuthType={currentAuthType}\r\n                  onAuthTypeChange={setCurrentAuthType}\r\n               />\r\n            )}\r\n            {Object.keys(storageFields.optional).length > 0 && (\r\n               <div\r\n                  className={`${classes.advancedButton} ${showAdvanced ? classes.advancedButtonActive : ''}`}\r\n                  onClick={() => setShowAdvanced(!showAdvanced)}\r\n               >\r\n                  <Icon type={'settings'} />\r\n                  <span>Advanced Options</span>\r\n                  <Icon type={showAdvanced ? 'caret-up' : 'caret-down'} />\r\n               </div>\r\n            )}\r\n            {showAdvanced && Object.keys(storageFields.optional).length > 0 && (\r\n               <div className={classes.advancedOptions}>\r\n                  <StorageSettings\r\n                     fields={storageFields.optional}\r\n                     settings={storageSettings}\r\n                     onUpdate={(newSettings) => setStorageSettings(newSettings)}\r\n                  />\r\n                  <div className={classes.field}>\r\n                     <label className={classes.label}>Tags</label>\r\n                     <TagsInput fieldValue={storageTags} onUpdate={(val) => setStorageTags(val)} />\r\n                  </div>\r\n               </div>\r\n            )}\r\n         </div>\r\n      </SidePanel>\r\n   );\r\n};\r\nexport default EditStorage;\r\n"],"names":["EditStorage","close","storage","inputError","setInputError","useState","showAdvanced","setShowAdvanced","currentAuthType","setCurrentAuthType","storageCredentials","setStorageCredentials","storageSettings","setStorageSettings","storageTags","setStorageTags","updateStorageMutation","useUpdateStorage","storageType","storageData","useGetStorage","useEffect","storageFields","useMemo","groupedFields","field","authFields","types","_a","f","updateStorage","errors","allFields","fieldDef","shouldDisplayStorageField","isAuthField","fieldValue","storagePayload","error","toast","data","jsx","SidePanel","jsxs","Fragment","classes","Icon","StorageAuthSettings","newSettings","StorageSettings","TagsInput","val"],"mappings":"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"}

package/dist/components/Storage/StorageAuthSettings/StorageAuthSettings.d.ts

@@ -0,0 +1,14 @@
+import { storageOptionField } from '../../../@types/storages';
+interface StorageAuthSettingsProps {
+    storageType: string;
+    fields: storageOptionField[];
+    settings: Record<string, string | number | boolean>;
+    authTypes: string[];
+    errors: Record<string, string>;
+    currentAuthType: string;
+    onUpdate: (newSettings: StorageAuthSettingsProps['settings']) => void;
+    onAuthTypeChange: (authType: string) => void;
+}
+declare const StorageAuthSettings: ({ storageType, fields, settings, authTypes, currentAuthType, errors, onUpdate, onAuthTypeChange, }: StorageAuthSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default StorageAuthSettings;
+//# sourceMappingURL=StorageAuthSettings.d.ts.map

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

@@ -0,0 +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,4CA2F1B,CAAC;AACF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,116 @@
+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 n from "../AddStorage/AddStorage.module.scss.js";
+import k from "../StorageSettings/StorageSettings.js";
+const C = ({
+  storageType: s,
+  fields: h,
+  settings: p,
+  authTypes: t,
+  currentAuthType: i,
+  errors: m,
+  onUpdate: w,
+  onAuthTypeChange: d
+}) => {
+  const [a, g] = u(!0), [r, f] = u(!1);
+  return console.log("availableAuthTypes :", h, t, i), v(() => {
+    !i && t.length > 0 && d(t[0]);
+  }, [t, i, d]), /* @__PURE__ */ o("div", { className: n.authSettings, children: [
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: `${n.advancedButton}  ${a ? n.advancedButtonActive : ""}`,
+        onClick: () => g(!a),
+        children: [
+          /* @__PURE__ */ e(l, { type: "authentication", size: 14 }),
+          /* @__PURE__ */ e("span", { children: s === "local" ? "Local Storage Setup" : "Account Authentication" }),
+          /* @__PURE__ */ e(l, { type: a ? "caret-up" : "caret-down" })
+        ]
+      }
+    ),
+    a && /* @__PURE__ */ o("div", { className: n.advancedOptions, children: [
+      a && t.length > 1 && /* @__PURE__ */ e("div", { className: n.field, children: /* @__PURE__ */ e(
+        A,
+        {
+          label: "Authentication Type",
+          inline: !0,
+          fieldValue: i,
+          options: [
+            { label: "User (oAuth)", value: "oauth", disabled: t.includes("oauth") === !1 },
+            { label: "User/Pass", value: "password", disabled: t.includes("password") === !1 },
+            { label: "App/Client", value: "client", disabled: t.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: (c) => d(c)
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        k,
+        {
+          fields: h.filter((c) => c.authFieldType === i),
+          settings: p,
+          onUpdate: (c) => w(c),
+          errors: m
+        }
+      ),
+      i === "oauth" && /* @__PURE__ */ o("div", { className: n.oauthDoc, children: [
+        /* @__PURE__ */ o("h4", { onClick: () => f(!r), children: [
+          /* @__PURE__ */ e(l, { type: "key", size: 14 }),
+          " Acquiring the OAuth Access Token",
+          /* @__PURE__ */ e("button", { children: /* @__PURE__ */ e(l, { type: r ? "caret-up" : "caret-down" }) })
+        ] }),
+        r && /* @__PURE__ */ o(b, { children: [
+          /* @__PURE__ */ o("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: n.codeBlock, children: [
+              "rclone authorize ",
+              s
+            ] })
+          ] }),
+          /* @__PURE__ */ o("p", { children: [
+            /* @__PURE__ */ e("strong", { children: "Step 2:" }),
+            " A browser window will open where you will need to authorize Rclone to connect to your",
+            " ",
+            s,
+            " account. Authorize the connection."
+          ] }),
+          /* @__PURE__ */ o("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: n.codeBlock, children: [
+              "Paste the following into your remote machine --->",
+              /* @__PURE__ */ e("strong", { children: '{"access_token":"....","token_type":"bearer...}' }),
+              "<---End paste"
+            ] }),
+            "Copy everything between ",
+            /* @__PURE__ */ e("code", { children: "--->" }),
+            " and ",
+            /* @__PURE__ */ e("code", { children: "<---" }),
+            ". Eg:",
+            " ",
+            /* @__PURE__ */ e("code", { children: '{"access_token":"....","token_type":"bearer...}' })
+          ] }),
+          /* @__PURE__ */ o("p", { children: [
+            /* @__PURE__ */ e("strong", { children: "Step 4:" }),
+            " Paste the copied content in the ",
+            /* @__PURE__ */ e("strong", { children: "OAuth Access Token" }),
+            " field above."
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+export {
+  C as default
+};
+//# sourceMappingURL=StorageAuthSettings.js.map

package/dist/components/Storage/StorageAuthSettings/StorageAuthSettings.js.map

@@ -0,0 +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                        </>\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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"}

package/dist/components/Storage/StorageItem/StorageItem.d.ts

@@ -0,0 +1,8 @@
+import { Storage } from '../../../@types/storages';
+interface StorageItemProps {
+    storage: Storage;
+    layout: 'list' | 'grid';
+}
+declare const StorageItem: ({ storage, layout }: StorageItemProps) => import("react/jsx-runtime").JSX.Element;
+export default StorageItem;
+//# sourceMappingURL=StorageItem.d.ts.map

package/dist/components/Storage/StorageItem/StorageItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorageItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Storage/StorageItem/StorageItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAOnD,UAAU,gBAAgB;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,WAAW,GAAI,qBAAqB,gBAAgB,4CAoIzD,CAAC;AACF,eAAe,WAAW,CAAC"}