@plutonhq/core-frontend 0.0.1

package/dist/components/Settings/IntegrationSettings/IntegrationSettings.module.scss

@@ -0,0 +1,38 @@
+.integrations {
+   width: 100%;
+   .tabs {
+      display: flex;
+      list-style-type: none;
+      margin: 0;
+      padding: 0;
+      gap: 10px;
+      margin-bottom: 20px;
+      li {
+         padding: 5px 15px;
+         border-radius: 6px;
+         font-size: 0.75rem;
+         font-weight: 500;
+         cursor: pointer;
+         &.tabActive {
+            color: var(--primary-color);
+            background: var(--background-color);
+         }
+      }
+   }
+   .field {
+      width: 420px;
+      margin-bottom: 20px;
+      position: relative;
+   }
+   .validateBtn {
+      color: var(--primary-color);
+      background: var(--background-color);
+      padding: 10px;
+      border-radius: 6px;
+      width: 100%;
+      transition: all 0.12s linear;
+      &:hover {
+         filter: contrast(0.95);
+      }
+   }
+}

package/dist/components/Settings/IntegrationSettings/IntegrationSettings.module.scss.js

@@ -0,0 +1,12 @@
+const t = "IntegrationSettings-module__integrations___mAghJ", n = "IntegrationSettings-module__field___W0k8x", e = "IntegrationSettings-module__validateBtn___Zo78X", i = {
+  integrations: t,
+  field: n,
+  validateBtn: e
+};
+export {
+  i as default,
+  n as field,
+  t as integrations,
+  e as validateBtn
+};
+//# sourceMappingURL=IntegrationSettings.module.scss.js.map

package/dist/components/Settings/IntegrationSettings/IntegrationSettings.module.scss.js.map

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

package/dist/components/Settings/IntegrationSettings/SMTPSettings.d.ts

@@ -0,0 +1,9 @@
+import { SmtpSettingsType } from '../../../@types/settings';
+interface SMTPSettingsProps {
+    settings: SmtpSettingsType;
+    onUpdate: (settings: SmtpSettingsType) => void;
+    showTestModal: (type: 'smtp') => void;
+}
+declare const SMTPSettings: ({ settings, onUpdate, showTestModal }: SMTPSettingsProps) => import("react/jsx-runtime").JSX.Element;
+export default SMTPSettings;
+//# sourceMappingURL=SMTPSettings.d.ts.map

package/dist/components/Settings/IntegrationSettings/SMTPSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SMTPSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Settings/IntegrationSettings/SMTPSettings.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,UAAU,iBAAiB;IACxB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,QAAA,MAAM,YAAY,GAAI,uCAAuC,iBAAiB,4CAiF7E,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Settings/IntegrationSettings/SMTPSettings.js

@@ -0,0 +1,73 @@
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { useState as i } from "react";
+import c from "../../common/form/Input/Input.js";
+import S from "../../common/Icon/Icon.js";
+import { isValidEmail as h } from "../../../utils/helpers.js";
+import d from "./IntegrationSettings.module.scss.js";
+const y = ({ settings: r, onUpdate: m, showTestModal: f }) => {
+  const [l, v] = i({
+    server: "",
+    port: "",
+    senderEmail: ""
+  }), u = (a) => {
+    a.preventDefault();
+    const o = { server: "", port: "", senderEmail: "" };
+    r != null && r.server || (o.server = "Server is required"), r != null && r.port || (o.port = "Port is required"), r != null && r.senderEmail ? h(r.senderEmail) || (o.senderEmail = "Invalid email") : o.senderEmail = "Sender Email is required", v(o), Object.values(o).some((E) => E !== "") || f("smtp");
+  };
+  return /* @__PURE__ */ p("div", { children: [
+    /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
+      c,
+      {
+        label: "SMTP Server*",
+        fieldValue: (r == null ? void 0 : r.server) || "",
+        onUpdate: (a) => m({ ...r, server: a }),
+        error: l == null ? void 0 : l.server
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
+      c,
+      {
+        label: "SMTP PORT*",
+        fieldValue: (r == null ? void 0 : r.port) || "",
+        onUpdate: (a) => m({ ...r, port: parseInt(a, 10) }),
+        error: l == null ? void 0 : l.port
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
+      c,
+      {
+        label: "Sender Email*",
+        type: "email",
+        fieldValue: (r == null ? void 0 : r.senderEmail) || "",
+        onUpdate: (a) => m({ ...r, senderEmail: a }),
+        error: l == null ? void 0 : l.senderEmail
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
+      c,
+      {
+        label: "SMTP Username",
+        fieldValue: (r == null ? void 0 : r.username) || "",
+        onUpdate: (a) => m({ ...r, username: a })
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ e(
+      c,
+      {
+        label: "SMTP Password",
+        fieldValue: (r == null ? void 0 : r.password) || "",
+        type: "password",
+        onUpdate: (a) => m({ ...r, password: a })
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: d.field, children: /* @__PURE__ */ p("button", { className: d.validateBtn, onClick: u, type: "button", children: [
+      /* @__PURE__ */ e(S, { type: "check", size: 10 }),
+      " ",
+      r != null && r.connected ? "Re-validate SMTP" : "Validate SMTP"
+    ] }) })
+  ] });
+};
+export {
+  y as default
+};
+//# sourceMappingURL=SMTPSettings.js.map

package/dist/components/Settings/IntegrationSettings/SMTPSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SMTPSettings.js","sources":["../../../../src/components/Settings/IntegrationSettings/SMTPSettings.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport Input from '../../common/form/Input/Input';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport { isValidEmail } from '../../../utils/helpers';\r\nimport { SmtpSettingsType } from '../../../@types/settings';\r\nimport classes from './IntegrationSettings.module.scss';\r\n\r\ninterface SMTPSettingsProps {\r\n   settings: SmtpSettingsType;\r\n   onUpdate: (settings: SmtpSettingsType) => void;\r\n   showTestModal: (type: 'smtp') => void;\r\n}\r\n\r\nconst SMTPSettings = ({ settings, onUpdate, showTestModal }: SMTPSettingsProps) => {\r\n   const [errorFields, setErrorFields] = useState<{ server: string; port: string; senderEmail: string }>({\r\n      server: '',\r\n      port: '',\r\n      senderEmail: '',\r\n   });\r\n\r\n   const validateSettings = (e: React.FormEvent) => {\r\n      e.preventDefault();\r\n\r\n      const newErrors = { server: '', port: '', senderEmail: '' };\r\n\r\n      if (!settings?.server) {\r\n         newErrors.server = 'Server is required';\r\n      }\r\n      if (!settings?.port) {\r\n         newErrors.port = 'Port is required';\r\n      }\r\n      if (!settings?.senderEmail) {\r\n         newErrors.senderEmail = 'Sender Email is required';\r\n      } else if (!isValidEmail(settings.senderEmail)) {\r\n         newErrors.senderEmail = 'Invalid email';\r\n      }\r\n\r\n      setErrorFields(newErrors);\r\n      const hasErrors = Object.values(newErrors).some((error) => error !== '');\r\n      if (!hasErrors) {\r\n         showTestModal('smtp');\r\n      }\r\n   };\r\n\r\n   return (\r\n      <div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"SMTP Server*\"\r\n               fieldValue={(settings?.server || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...settings, server: val })}\r\n               error={errorFields?.server}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"SMTP PORT*\"\r\n               fieldValue={(settings?.port || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...settings, port: parseInt(val, 10) })}\r\n               error={errorFields?.port}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"Sender Email*\"\r\n               type=\"email\"\r\n               fieldValue={(settings?.senderEmail || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...settings, senderEmail: val })}\r\n               error={errorFields?.senderEmail}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"SMTP Username\"\r\n               fieldValue={(settings?.username || '') as string}\r\n               onUpdate={(val) => onUpdate({ ...settings, username: val })}\r\n            />\r\n         </div>\r\n         <div className={classes.field}>\r\n            <Input\r\n               label=\"SMTP Password\"\r\n               fieldValue={(settings?.password || '') as string}\r\n               type=\"password\"\r\n               onUpdate={(val) => onUpdate({ ...settings, password: val })}\r\n            />\r\n         </div>\r\n\r\n         <div className={classes.field}>\r\n            <button className={classes.validateBtn} onClick={validateSettings} type=\"button\">\r\n               <Icon type=\"check\" size={10} /> {settings?.connected ? 'Re-validate SMTP' : 'Validate SMTP'}\r\n            </button>\r\n         </div>\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default SMTPSettings;\r\n"],"names":["SMTPSettings","settings","onUpdate","showTestModal","errorFields","setErrorFields","useState","validateSettings","e","newErrors","isValidEmail","error","jsx","classes","Input","val","jsxs","Icon"],"mappings":"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"}

package/dist/components/Skeleton/SkeletonItems.d.ts

@@ -0,0 +1,8 @@
+interface SkeletonItemsProps {
+    type?: 'plan' | 'storage' | 'source';
+    layout?: 'list' | 'grid';
+    count?: number;
+}
+declare const SkeletonItems: ({ type, layout, count }: SkeletonItemsProps) => import("react/jsx-runtime").JSX.Element;
+export default SkeletonItems;
+//# sourceMappingURL=SkeletonItems.d.ts.map

package/dist/components/Skeleton/SkeletonItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonItems.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/SkeletonItems.tsx"],"names":[],"mappings":"AAEA,UAAU,kBAAkB;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,aAAa,GAAI,yBAA+C,kBAAkB,4CAsBvF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Skeleton/SkeletonItems.js

@@ -0,0 +1,21 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import s from "./SkeletonItems.module.scss.js";
+const m = ({ type: l = "plan", layout: t = "list", count: a = 6 }) => /* @__PURE__ */ e("div", { className: `${s.skeletonItems} ${t === "grid" ? s.grid : s.list}`, children: Array.from({ length: a && t === "list" ? 3 : 6 }).map((n, d) => /* @__PURE__ */ i("div", { className: s.skeletonItem, children: [
+  /* @__PURE__ */ i("div", { className: s.leftContent, children: [
+    /* @__PURE__ */ e("div", { className: s.status }),
+    /* @__PURE__ */ i("div", { className: s.content, children: [
+      /* @__PURE__ */ e("div", { className: s.title }),
+      /* @__PURE__ */ e("div", { className: s.sources })
+    ] })
+  ] }),
+  /* @__PURE__ */ i("div", { className: s.rightContent, children: [
+    /* @__PURE__ */ e("div", {}),
+    /* @__PURE__ */ e("div", {}),
+    l === "plan" && /* @__PURE__ */ e("div", {}),
+    l === "plan" && /* @__PURE__ */ e("div", { className: s.history })
+  ] })
+] }, d)) });
+export {
+  m as default
+};
+//# sourceMappingURL=SkeletonItems.js.map

package/dist/components/Skeleton/SkeletonItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonItems.js","sources":["../../../src/components/Skeleton/SkeletonItems.tsx"],"sourcesContent":["import classes from './SkeletonItems.module.scss';\r\n\r\ninterface SkeletonItemsProps {\r\n   type?: 'plan' | 'storage' | 'source';\r\n   layout?: 'list' | 'grid';\r\n   count?: number;\r\n}\r\n\r\nconst SkeletonItems = ({ type = 'plan', layout = 'list', count = 6 }: SkeletonItemsProps) => {\r\n   return (\r\n      <div className={`${classes.skeletonItems} ${layout === 'grid' ? classes.grid : classes.list}`}>\r\n         {Array.from({ length: count ? (layout === 'list' ? 3 : 6) : 6 }).map((_, index) => (\r\n            <div key={index} className={classes.skeletonItem}>\r\n               <div className={classes.leftContent}>\r\n                  <div className={classes.status} />\r\n                  <div className={classes.content}>\r\n                     <div className={classes.title} />\r\n                     <div className={classes.sources} />\r\n                  </div>\r\n               </div>\r\n               <div className={classes.rightContent}>\r\n                  <div />\r\n                  <div />\r\n                  {type === 'plan' && <div />}\r\n                  {type === 'plan' && <div className={classes.history} />}\r\n               </div>\r\n            </div>\r\n         ))}\r\n      </div>\r\n   );\r\n};\r\n\r\nexport default SkeletonItems;\r\n"],"names":["SkeletonItems","type","layout","count","jsx","classes","_","index","jsxs"],"mappings":";;AAQA,MAAMA,IAAgB,CAAC,EAAE,MAAAC,IAAO,QAAQ,QAAAC,IAAS,QAAQ,OAAAC,IAAQ,QAE3D,gBAAAC,EAAC,OAAA,EAAI,WAAW,GAAGC,EAAQ,aAAa,IAAIH,MAAW,SAASG,EAAQ,OAAOA,EAAQ,IAAI,IACvF,gBAAM,KAAK,EAAE,QAAQF,KAASD,MAAW,SAAS,IAAS,GAAG,EAAE,IAAI,CAACI,GAAGC,MACtE,gBAAAC,EAAC,OAAA,EAAgB,WAAWH,EAAQ,cACjC,UAAA;AAAA,EAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWH,EAAQ,aACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,OAAA,CAAQ;AAAA,IAChC,gBAAAG,EAAC,OAAA,EAAI,WAAWH,EAAQ,SACrB,UAAA;AAAA,MAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,MAAA,CAAO;AAAA,MAC/B,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAQ,QAAA,CAAS;AAAA,IAAA,EAAA,CACpC;AAAA,EAAA,GACH;AAAA,EACA,gBAAAG,EAAC,OAAA,EAAI,WAAWH,EAAQ,cACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI;AAAA,sBACJ,OAAA,EAAI;AAAA,IACJH,MAAS,UAAU,gBAAAG,EAAC,OAAA,CAAA,CAAI;AAAA,IACxBH,MAAS,UAAU,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAQ,QAAA,CAAS;AAAA,EAAA,EAAA,CACxD;AAAA,KAbOE,CAcV,CACF,GACJ;"}

package/dist/components/Skeleton/SkeletonItems.module.scss

@@ -0,0 +1,162 @@
+.skeletonItems {
+   display: flex;
+   flex-direction: column;
+
+   .skeletonItem {
+      position: relative;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      padding: 10px;
+      margin-bottom: 20px;
+      min-height: 41px;
+      gap: 10px;
+      border-radius: 7px;
+      overflow: hidden;
+      background-color: var(--content-background-color);
+      color: var(--content-text-color-light);
+      box-shadow: 0 0 15px var(--content-shadow-color);
+      // transition: all 0.2s linear;
+      .leftContent {
+         flex-basis: 60%;
+         display: flex;
+         flex-direction: row;
+         align-items: center;
+         .status {
+            width: 28px;
+            height: 28px;
+            margin-right: 10px;
+            margin-left: 5px;
+            border-radius: 6px;
+            border-radius: 50%;
+            background-color: var(--background-color);
+         }
+         .content {
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+            .title {
+               width: 150px;
+               height: 13px;
+               background-color: var(--content-shadow-color);
+               margin-bottom: 8px;
+               border-radius: 6px;
+            }
+            .sources {
+               width: 110px;
+               height: 11px;
+               background-color: var(--background-color);
+               border-radius: 6px;
+            }
+         }
+      }
+      .rightContent {
+         display: flex;
+         flex-direction: row;
+         align-items: center;
+         flex-basis: 40%;
+         justify-content: right;
+         gap: 20px;
+         padding-right: 30px;
+         & > div {
+            width: 110px;
+            height: 14px;
+            border-radius: 6px;
+            background-color: var(--background-color);
+         }
+      }
+
+      &::before {
+         content: '';
+         position: absolute;
+         top: 0;
+         left: -100%; /* Start off-screen to the left */
+         width: 100%; /* Adjust width for desired shine length */
+         height: 100%;
+         background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
+         animation: shimmer 1.5s infinite linear; /* Apply the animation */
+      }
+   }
+   &.grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 15px;
+      .skeletonItem {
+         width: 100%;
+         flex-direction: column;
+         margin: 0;
+         align-items: flex-start;
+         box-sizing: border-box;
+         padding: 0;
+         gap: 0;
+         .leftContent {
+            width: 100%;
+            padding: 22px 15px;
+            box-sizing: border-box;
+            .status {
+               position: absolute;
+               right: 0;
+               margin-top: -15px;
+               transform: scale(0.8);
+            }
+            .content {
+               .sources {
+                  width: 190px;
+                  margin-top: 5px;
+               }
+            }
+         }
+         .rightContent {
+            flex-wrap: wrap;
+            justify-content: flex-start;
+            row-gap: 0;
+            column-gap: 12px;
+            padding-top: 12px;
+            margin-top: 5px;
+            font-size: 0.9em;
+            width: 100%;
+            box-sizing: border-box;
+            border-top: 1px solid var(--line-color);
+            background-color: var(--primary-color-lighter);
+            padding-right: 0;
+            & > div {
+               width: 60px;
+            }
+            .history {
+               width: 100%;
+               margin-top: 10px;
+               border-top: 1px solid var(--line-color);
+               background-color: var(--content-background-color);
+               padding: 12px;
+               border-radius: 0 0 6px 6px;
+            }
+         }
+      }
+   }
+}
+
+@keyframes shimmer {
+   0% {
+      left: -100%; /* Start position */
+   }
+   100% {
+      left: 100%; /* End position, moving across the container */
+   }
+}
+
+@media only screen and (max-width: 1024px) {
+   .skeletonItems.grid {
+      grid-template-columns: repeat(2, 1fr);
+   }
+}
+
+@media only screen and (max-width: 768px) {
+   .skeletonItems.grid {
+      grid-template-columns: repeat(1, 1fr);
+   }
+   .skeletonItem {
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 0;
+   }
+}

package/dist/components/Skeleton/SkeletonItems.module.scss.js

@@ -0,0 +1,26 @@
+const t = "SkeletonItems-module__skeletonItems___JKfV8", e = "SkeletonItems-module__skeletonItem___56yT7", o = "SkeletonItems-module__leftContent___Wivq9", s = "SkeletonItems-module__status___KOjwt", _ = "SkeletonItems-module__content___fQAEe", n = "SkeletonItems-module__title___fMNWv", l = "SkeletonItems-module__sources___bUWOg", m = "SkeletonItems-module__rightContent___5szGh", c = "SkeletonItems-module__grid___SBnBr", u = "SkeletonItems-module__history___tpe9V", k = {
+  skeletonItems: t,
+  skeletonItem: e,
+  leftContent: o,
+  status: s,
+  content: _,
+  title: n,
+  sources: l,
+  rightContent: m,
+  grid: c,
+  history: u
+};
+export {
+  _ as content,
+  k as default,
+  c as grid,
+  u as history,
+  o as leftContent,
+  m as rightContent,
+  e as skeletonItem,
+  t as skeletonItems,
+  l as sources,
+  s as status,
+  n as title
+};
+//# sourceMappingURL=SkeletonItems.module.scss.js.map

package/dist/components/Skeleton/SkeletonItems.module.scss.js.map

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

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

@@ -0,0 +1,6 @@
+type AddStorageProps = {
+    close: () => void;
+};
+declare const AddStorage: ({ close }: AddStorageProps) => import("react/jsx-runtime").JSX.Element;
+export default AddStorage;
+//# sourceMappingURL=AddStorage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddStorage.d.ts","sourceRoot":"","sources":["../../../../src/components/Storage/AddStorage/AddStorage.tsx"],"names":[],"mappings":"AAcA,KAAK,eAAe,GAAG;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,WAAW,eAAe,4CAmQ7C,CAAC;AACF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,186 @@
+import { jsx as t, jsxs as d, Fragment as I } from "react/jsx-runtime";
+import { useState as c, useMemo as E, useEffect as R } from "react";
+import { toast as k } from "react-toastify";
+import o from "./AddStorage.module.scss.js";
+import g from "../../common/Icon/Icon.js";
+import L from "../../common/form/Select/Select.js";
+import { useAddStorage as V, useGetAvailableStorages as G } from "../../../services/storage.js";
+import M from "../../common/SidePanel/SidePanel.js";
+import H from "../../common/form/TagsInput/TagsInput.js";
+import J from "../StorageSettings/StorageSettings.js";
+import { shouldDisplayStorageField as K } from "../../../utils/helpers.js";
+import Q from "../StorageAuthSettings/StorageAuthSettings.js";
+const ie = ({ close: C }) => {
+  const [u, m] = c({}), [h, w] = c(""), [r, z] = c(""), [y, $] = c(""), [S, x] = c(!1), [p, v] = c({}), [T, q] = c({}), [O, P] = c([]), j = V(), { data: b } = G(), i = (b == null ? void 0 : b.result) || {}, U = E(() => Object.keys(i).map((e) => ({
+    label: i[e].name,
+    value: e,
+    image: /* @__PURE__ */ t("img", { src: `providers/${e}.png` })
+  })).sort((e, a) => e.label.localeCompare(a.label)), [i]), f = E(() => {
+    var n;
+    const e = ((n = i[r]) == null ? void 0 : n.settings) || [], a = { required: [], optional: [] };
+    return e.forEach((s) => {
+      s.required ? a.required.push(s) : a.optional.push(s);
+    }), a;
+  }, [i, r]), A = E(() => {
+    var s, l;
+    const e = (s = i[r]) == null ? void 0 : s.authTypes;
+    return { fields: (((l = i[r]) == null ? void 0 : l.settings) || []).filter((N) => N.authFieldType), types: e };
+  }, [i, r]);
+  R(() => {
+    if (r) {
+      const e = {};
+      f.required.forEach((a) => {
+        e[a.value] = "";
+      }), v(e);
+    }
+  }, [r, f]), R(() => {
+    h && m((e) => {
+      const a = { ...e };
+      return delete a.title, a;
+    }), r && m((e) => {
+      const a = { ...e };
+      return delete a.storageType, a;
+    }), Object.entries(p).forEach(([e, a]) => {
+      a && m((n) => {
+        const s = { ...n };
+        return delete s[e], s;
+      });
+    }), console.log("storageCredentials :", p);
+  }, [h, r, p]);
+  const B = () => {
+    var n;
+    m({});
+    const e = {}, a = ((n = i[r]) == null ? void 0 : n.settings) || [];
+    if (a.forEach((s) => {
+      if (!s.required || !K(s, T, a)) return;
+      const l = !!s.authFieldType;
+      if (!(!l || s.authFieldType === y)) return;
+      const F = l ? p[s.value] : T[s.value];
+      (F == null || F === "") && (e[s.value] = "Required");
+    }), h || (e.title = "Required"), r || (e.storageType = "Required"), console.log("storageType :", r, y, p), console.log("errors :", e), Object.keys(e).length === 0) {
+      const s = {
+        name: h,
+        type: r,
+        settings: T,
+        credentials: p,
+        authType: y,
+        tags: O
+      };
+      console.log("payload :", s), j.mutate(s, {
+        onError: (l) => {
+          console.log("error :", l == null ? void 0 : l.message), k.error(l.message || "Error Adding Storage!");
+        },
+        onSuccess: (l) => {
+          console.log("Success :", l), k.success("Successfully Added Storage!", { autoClose: 5e3 }), C();
+        }
+      });
+    } else
+      m(e);
+  };
+  return /* @__PURE__ */ t(
+    M,
+    {
+      title: "Add New Remote Storage",
+      icon: /* @__PURE__ */ t(g, { type: "storages", size: 18 }),
+      close: C,
+      footer: /* @__PURE__ */ d(I, { children: [
+        /* @__PURE__ */ t("div", { className: o.footerLeft, children: /* @__PURE__ */ t("div", { className: o.summary }) }),
+        /* @__PURE__ */ t("div", { className: o.footerRight, children: /* @__PURE__ */ d("button", { className: o.createButton, onClick: () => B(), children: [
+          /* @__PURE__ */ t(g, { type: "check", size: 12 }),
+          " Add Storage"
+        ] }) })
+      ] }),
+      children: /* @__PURE__ */ d("div", { className: o.addStorageContent, children: [
+        j.isPending && /* @__PURE__ */ t("div", { className: o.loader, children: /* @__PURE__ */ t(g, { size: 36, type: "loading" }) }),
+        /* @__PURE__ */ d("div", { className: o.field, children: [
+          /* @__PURE__ */ d("label", { className: o.label, children: [
+            "Storage Name*",
+            /* @__PURE__ */ t("i", { "data-tooltip-id": "hintTooltip", "data-tooltip-content": "Storage name cannot be changed in future", "data-tooltip-place": "top", children: /* @__PURE__ */ t(g, { type: "help", size: 13 }) })
+          ] }),
+          u.title && /* @__PURE__ */ t("span", { className: o.fieldErrorLabel, children: u.title }),
+          /* @__PURE__ */ t(
+            "input",
+            {
+              className: `${o.input} ${u.title ? o.inputHasError : ""}`,
+              type: "text",
+              placeholder: "Give your Storage a Name",
+              value: h || "",
+              required: !0,
+              onChange: (e) => w(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ d("div", { className: o.field, children: [
+          /* @__PURE__ */ t("label", { className: o.label, children: "Storage Type*" }),
+          u.storageType && /* @__PURE__ */ t("span", { className: o.fieldErrorLabel, children: u.storageType }),
+          /* @__PURE__ */ t("div", { className: o.selectField, children: /* @__PURE__ */ t(
+            L,
+            {
+              options: [{ label: "Select Storage Type", value: "" }, ...U],
+              fieldValue: r,
+              onUpdate: (e) => {
+                var s;
+                v({}), q({}), z(e);
+                const n = (((s = i[e]) == null ? void 0 : s.fields) || []).reduce(
+                  (l, N) => ({
+                    ...l,
+                    [N.value]: ""
+                  }),
+                  {}
+                );
+                v(n);
+              },
+              size: "large",
+              full: !0,
+              search: !0,
+              error: u.storageType
+            }
+          ) })
+        ] }),
+        r && A.fields.length > 0 && /* @__PURE__ */ t(
+          Q,
+          {
+            storageType: r,
+            fields: A.fields,
+            authTypes: A.types,
+            settings: p,
+            onUpdate: (e) => v(e),
+            errors: u,
+            currentAuthType: y,
+            onAuthTypeChange: $
+          }
+        ),
+        Object.keys(f.optional).length > 0 && /* @__PURE__ */ d(
+          "div",
+          {
+            className: `${o.advancedButton} ${S ? o.advancedButtonActive : ""}`,
+            onClick: () => x(!S),
+            children: [
+              /* @__PURE__ */ t(g, { type: "settings" }),
+              /* @__PURE__ */ t("span", { children: "Advanced Options" }),
+              /* @__PURE__ */ t(g, { type: S ? "caret-up" : "caret-down" })
+            ]
+          }
+        ),
+        S && Object.keys(f.optional).length > 0 && /* @__PURE__ */ d("div", { className: o.advancedOptions, children: [
+          /* @__PURE__ */ t(
+            J,
+            {
+              fields: f.optional,
+              settings: T,
+              onUpdate: (e) => q(e)
+            }
+          ),
+          /* @__PURE__ */ d("div", { className: o.field, children: [
+            /* @__PURE__ */ t("label", { className: o.label, children: "Tags" }),
+            /* @__PURE__ */ t(H, { fieldValue: O, onUpdate: (e) => P(e) })
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  ie as default
+};
+//# sourceMappingURL=AddStorage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddStorage.js","sources":["../../../../src/components/Storage/AddStorage/AddStorage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport classes from './AddStorage.module.scss';\r\nimport Icon from '../../common/Icon/Icon';\r\nimport Select from '../../common/form/Select/Select';\r\nimport { useAddStorage, useGetAvailableStorages } from '../../../services/storage';\r\nimport SidePanel from '../../common/SidePanel/SidePanel';\r\nimport TagsInput from '../../common/form/TagsInput/TagsInput';\r\nimport { storageOptionField } from '../../../@types/storages';\r\nimport StorageSettings from '../StorageSettings/StorageSettings';\r\n// import { useGetDevice } from '../../../services/devices';\r\nimport { shouldDisplayStorageField } from '../../../utils/helpers';\r\nimport StorageAuthSettings from '../StorageAuthSettings/StorageAuthSettings';\r\n\r\ntype AddStorageProps = {\r\n   close: () => void;\r\n};\r\n\r\nconst AddStorage = ({ close }: AddStorageProps) => {\r\n   const [inputError, setInputError] = useState<Record<string, string>>({});\r\n   const [storageTitle, setStorageTitle] = useState('');\r\n   const [storageType, setStorageType] = useState('');\r\n   const [currentAuthType, setCurrentAuthType] = useState<string>('');\r\n   const [showAdvanced, setShowAdvanced] = useState(false);\r\n   const [storageCredentials, setStorageCredentials] = useState<Record<string, string | number | boolean>>({});\r\n   const [storageSettings, setStorageSettings] = useState<Record<string, string | number | boolean>>({});\r\n   const [storageTags, setStorageTags] = useState<string[]>([]);\r\n   const addStorageMutation = useAddStorage();\r\n   const { data } = useGetAvailableStorages();\r\n   // const { data: deviceData } = useGetDevice('main', true);\r\n   // const mainDeviceIsServer =\r\n   //    deviceData?.result?.os && deviceData?.result?.platform ? isServerEdition(deviceData.result.os, deviceData.result.platform) : false;\r\n   const storageProviders = data?.result || {};\r\n\r\n   const providersOptions = useMemo(() => {\r\n      return Object.keys(storageProviders)\r\n         .map((k) => ({\r\n            label: storageProviders[k as keyof typeof storageProviders].name,\r\n            value: k,\r\n            image: <img src={`providers/${k}.png`} />,\r\n         }))\r\n         .sort((a, b) => a.label.localeCompare(b.label));\r\n   }, [storageProviders]);\r\n\r\n   const storageFields = useMemo(() => {\r\n      const allFields: storageOptionField[] = storageProviders[storageType as keyof typeof storageProviders]?.settings || [];\r\n      const groupedFields = { required: [], optional: [] };\r\n\r\n      allFields.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\r\n      return groupedFields;\r\n   }, [storageProviders, storageType]);\r\n\r\n   const authFields = useMemo(() => {\r\n      const types: string[] = storageProviders[storageType as keyof typeof storageProviders]?.authTypes;\r\n      const allFields: storageOptionField[] = storageProviders[storageType as keyof typeof storageProviders]?.settings || [];\r\n      const authFields = allFields.filter((f) => f.authFieldType);\r\n\r\n      return { fields: authFields, types };\r\n   }, [storageProviders, storageType]);\r\n\r\n   // Initialize credentials when storage type changes\r\n   useEffect(() => {\r\n      if (storageType) {\r\n         const storageCreds: Record<string, string> = {};\r\n         storageFields.required.forEach((field: storageOptionField) => {\r\n            storageCreds[field.value] = '';\r\n         });\r\n         setStorageCredentials(storageCreds);\r\n      }\r\n   }, [storageType, storageFields]);\r\n\r\n   useEffect(() => {\r\n      if (storageTitle) {\r\n         setInputError((currentState) => {\r\n            const data = { ...currentState };\r\n            delete data['title'];\r\n            return data;\r\n         });\r\n      }\r\n      if (storageType) {\r\n         setInputError((currentState) => {\r\n            const data = { ...currentState };\r\n            delete data['storageType'];\r\n            return data;\r\n         });\r\n      }\r\n      Object.entries(storageCredentials).forEach(([key, value]) => {\r\n         if (value) {\r\n            setInputError((currentState) => {\r\n               const data = { ...currentState };\r\n               delete data[key];\r\n               return data;\r\n            });\r\n         }\r\n      });\r\n      console.log('storageCredentials :', storageCredentials);\r\n   }, [storageTitle, storageType, storageCredentials]);\r\n\r\n   const addStorage = () => {\r\n      setInputError({});\r\n      const errors: Record<string, string> = {};\r\n      // Get all fields for the selected storage type\r\n      const allFields: storageOptionField[] = storageProviders[storageType as keyof typeof storageProviders]?.settings || [];\r\n\r\n      // Validate required fields that are visible AND relevant to current auth type\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      if (!storageType) {\r\n         errors['storageType'] = 'Required';\r\n      }\r\n      console.log('storageType :', storageType, currentAuthType, storageCredentials);\r\n      console.log('errors :', errors);\r\n\r\n      if (Object.keys(errors).length === 0) {\r\n         const storagePayload = {\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         console.log('payload :', storagePayload);\r\n\r\n         addStorageMutation.mutate(storagePayload, {\r\n            onError: (error: Error) => {\r\n               console.log('error :', error?.message);\r\n               toast.error(error.message || `Error Adding Storage!`);\r\n            },\r\n            onSuccess: (data: any) => {\r\n               console.log('Success :', data);\r\n               toast.success(`Successfully Added Storage!`, { autoClose: 5000 });\r\n               close();\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=\"Add New Remote Storage\"\r\n         icon={<Icon type={'storages'} size={18} />}\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={() => addStorage()}>\r\n                     <Icon type=\"check\" size={12} /> Add Storage\r\n                  </button>\r\n               </div>\r\n            </>\r\n         }\r\n      >\r\n         <div className={classes.addStorageContent}>\r\n            {addStorageMutation.isPending && (\r\n               <div className={classes.loader}>\r\n                  <Icon size={36} type=\"loading\" />\r\n               </div>\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 in future'} 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} ${inputError['title'] ? classes.inputHasError : ''}`}\r\n                  type=\"text\"\r\n                  placeholder=\"Give your Storage a Name\"\r\n                  value={storageTitle || ''}\r\n                  required\r\n                  onChange={(e) => setStorageTitle(e.target.value)}\r\n               />\r\n            </div>\r\n            <div className={classes.field}>\r\n               <label className={classes.label}>Storage Type*</label>\r\n               {inputError['storageType'] && <span className={classes.fieldErrorLabel}>{inputError['storageType']}</span>}\r\n               <div className={classes.selectField}>\r\n                  <Select\r\n                     options={[{ label: 'Select Storage Type', value: '' }, ...providersOptions]}\r\n                     fieldValue={storageType}\r\n                     onUpdate={(val: string) => {\r\n                        setStorageCredentials({});\r\n                        setStorageSettings({});\r\n                        setStorageType(val);\r\n                        const fields = storageProviders[val as keyof typeof storageProviders]?.fields || [];\r\n                        const newCredentials = fields.reduce(\r\n                           (acc: any, field: { value: any }) => ({\r\n                              ...acc,\r\n                              [field.value]: '',\r\n                           }),\r\n                           {},\r\n                        );\r\n                        setStorageCredentials(newCredentials);\r\n                     }}\r\n                     size=\"large\"\r\n                     full={true}\r\n                     search={true}\r\n                     error={inputError['storageType']}\r\n                  />\r\n               </div>\r\n            </div>\r\n\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 AddStorage;\r\n"],"names":["AddStorage","close","inputError","setInputError","useState","storageTitle","setStorageTitle","storageType","setStorageType","currentAuthType","setCurrentAuthType","showAdvanced","setShowAdvanced","storageCredentials","setStorageCredentials","storageSettings","setStorageSettings","storageTags","setStorageTags","addStorageMutation","useAddStorage","data","useGetAvailableStorages","storageProviders","providersOptions","useMemo","k","jsx","a","b","storageFields","allFields","_a","groupedFields","field","authFields","types","_b","f","useEffect","storageCreds","currentState","key","value","addStorage","errors","fieldDef","shouldDisplayStorageField","isAuthField","fieldValue","storagePayload","error","toast","SidePanel","Icon","jsxs","Fragment","classes","Select","val","newCredentials","acc","StorageAuthSettings","newSettings","StorageSettings","TagsInput"],"mappings":"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"}