@sparrowengg/integrations-templates-frontend 1.9.70 → 1.9.72

package/dist/cjs/_virtual/index10.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var reactIs = {exports: {}};
+var lib = {};
 
-exports.__module = reactIs;
+exports.__exports = lib;
 //# sourceMappingURL=index10.js.map

package/dist/cjs/_virtual/index9.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var lib = {};
+var reactIs = {exports: {}};
 
-exports.__exports = lib;
+exports.__module = reactIs;
 //# sourceMappingURL=index9.js.map

package/dist/cjs/commons/components/edit-confirmation.js

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var alertDialog = require('../../node_modules/@sparrowengg/twigs-react/dist/es/alert-dialog/alert-dialog.js');
+var button = require('../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
+
+const EditConfirmation = ({
+  name,
+  description,
+  onConfirm,
+  onCancel
+}) => {
+  const [isDeleteIconHover, setIsDeleteIconHover] = React.useState(false);
+  const [isLoading, setIsLoading] = React.useState(false);
+  return /* @__PURE__ */ React.createElement(alertDialog.AlertDialog, { open: true }, /* @__PURE__ */ React.createElement(
+    alertDialog.AlertDialogContent,
+    {
+      onOpenAutoFocus: (e) => e.preventDefault(),
+      className: "dm-sans",
+      css: {
+        button: {
+          borderRadius: "8px"
+        }
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      alertDialog.AlertDialogTitle,
+      {
+        css: {
+          display: "flex",
+          justifyContent: "space-between",
+          border: "none !important",
+          padding: "24px $12 8px $12 !important"
+        }
+      },
+      name
+    ),
+    /* @__PURE__ */ React.createElement(
+      alertDialog.AlertDialogDescription,
+      {
+        css: {
+          overflowWrap: "break-word",
+          padding: "0px $12 0px $12 !important",
+          fontSize: "$sm",
+          fontWeight: "400",
+          lineHeight: "20px",
+          letterSpacing: "0px",
+          color: "$neutral800",
+          margin: "0 !important"
+        }
+      },
+      description
+    ),
+    /* @__PURE__ */ React.createElement(alertDialog.AlertDialogActions, { css: { gap: "$6" } }, /* @__PURE__ */ React.createElement(alertDialog.AlertDialogCancel, { asChild: true, onClick: onCancel }, /* @__PURE__ */ React.createElement(button.Button, { color: "default", variant: "solid", size: "lg" }, "Cancel")), /* @__PURE__ */ React.createElement(alertDialog.AlertDialogAction, { asChild: true }, /* @__PURE__ */ React.createElement(
+      button.Button,
+      {
+        loading: isLoading,
+        onMouseEnter: () => setIsDeleteIconHover(true),
+        onMouseLeave: () => setIsDeleteIconHover(false),
+        color: isDeleteIconHover ? "secondary" : "default",
+        size: "lg",
+        onClick: async () => {
+          setIsLoading(true);
+          await onConfirm();
+          setIsLoading(false);
+        }
+      },
+      "Confirm"
+    )))
+  ));
+};
+
+exports.default = EditConfirmation;
+//# sourceMappingURL=edit-confirmation.js.map

package/dist/cjs/commons/components/edit-confirmation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-confirmation.js","sources":["../../../../src/commons/components/edit-confirmation.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n  AlertDialog,\n  AlertDialogContent,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogActions,\n  AlertDialogCancel,\n  AlertDialogAction,\n  Button,\n} from \"@sparrowengg/twigs-react\";\ntype ConfirmationModalProps = {\n  name: string;\n  description: string;\n  onConfirm: () => void | Promise<void>;\n  onCancel: () => void;\n};\nconst EditConfirmation: React.FC<ConfirmationModalProps> = ({\n  name,\n  description,\n  onConfirm,\n  onCancel,\n}) => {\n  const [isDeleteIconHover, setIsDeleteIconHover] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n  return (\n    <AlertDialog open={true}>\n      <AlertDialogContent\n        onOpenAutoFocus={(e) => e.preventDefault()}\n        className=\"dm-sans\"\n        css={{\n          button: {\n            borderRadius: \"8px\",\n          },\n        }}\n      >\n        <AlertDialogTitle\n          css={{\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            border: \"none !important\",\n            padding: \"24px $12 8px $12 !important\",\n          }}\n        >\n          {name}\n        </AlertDialogTitle>\n\n        <AlertDialogDescription\n          css={{\n            overflowWrap: \"break-word\",\n            padding: \"0px $12 0px $12 !important\",\n            fontSize: \"$sm\",\n            fontWeight: \"400\",\n            lineHeight: \"20px\",\n            letterSpacing: \"0px\",\n            color: \"$neutral800\",\n            margin: \"0 !important\",\n          }}\n        >\n          {description}\n        </AlertDialogDescription>\n\n        <AlertDialogActions css={{ gap: \"$6\" }}>\n          <AlertDialogCancel asChild onClick={onCancel}>\n            <Button color=\"default\" variant=\"solid\" size=\"lg\">\n              Cancel\n            </Button>\n          </AlertDialogCancel>\n\n          <AlertDialogAction asChild>\n            <Button\n              loading={isLoading}\n              onMouseEnter={() => setIsDeleteIconHover(true)}\n              onMouseLeave={() => setIsDeleteIconHover(false)}\n              color={isDeleteIconHover ? \"secondary\" : \"default\"}\n              size=\"lg\"\n              onClick={async () => {\n                setIsLoading(true)\n                await onConfirm()\n                setIsLoading(false)\n              }}\n            >\n              Confirm\n            </Button>\n          </AlertDialogAction>\n        </AlertDialogActions>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n};\nexport default EditConfirmation;\n"],"names":["useState","AlertDialog","AlertDialogContent","AlertDialogTitle","AlertDialogDescription","AlertDialogActions","AlertDialogCancel","Button","AlertDialogAction"],"mappings":";;;;;;;;AAiBA,MAAM,mBAAqD,CAAC;AAAA,EAC1D,IAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAIA,eAAS,KAAK,CAAA,CAAA;AAChE,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,KAAK,CAAA,CAAA;AAChD,EACE,uBAAA,KAAA,CAAA,aAAA,CAACC,uBAAY,EAAA,EAAA,IAAA,EAAM,IACjB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,8BAAA;AAAA,IAAA;AAAA,MACC,eAAiB,EAAA,CAAC,CAAM,KAAA,CAAA,CAAE,cAAe,EAAA;AAAA,MACzC,SAAU,EAAA,SAAA;AAAA,MACV,GAAK,EAAA;AAAA,QACH,MAAQ,EAAA;AAAA,UACN,YAAc,EAAA,KAAA;AAAA,SAChB;AAAA,OACF;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAACC,4BAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA;AAAA,UACH,OAAS,EAAA,MAAA;AAAA,UACT,cAAgB,EAAA,eAAA;AAAA,UAChB,MAAQ,EAAA,iBAAA;AAAA,UACR,OAAS,EAAA,6BAAA;AAAA,SACX;AAAA,OAAA;AAAA,MAEC,IAAA;AAAA,KACH;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAACC,kCAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA;AAAA,UACH,YAAc,EAAA,YAAA;AAAA,UACd,OAAS,EAAA,4BAAA;AAAA,UACT,QAAU,EAAA,KAAA;AAAA,UACV,UAAY,EAAA,KAAA;AAAA,UACZ,UAAY,EAAA,MAAA;AAAA,UACZ,aAAe,EAAA,KAAA;AAAA,UACf,KAAO,EAAA,aAAA;AAAA,UACP,MAAQ,EAAA,cAAA;AAAA,SACV;AAAA,OAAA;AAAA,MAEC,WAAA;AAAA,KACH;AAAA,oBAEA,KAAA,CAAA,aAAA,CAACC,8BAAmB,EAAA,EAAA,GAAA,EAAK,EAAE,GAAA,EAAK,IAAK,EAAA,EAAA,kBAClC,KAAA,CAAA,aAAA,CAAAC,6BAAA,EAAA,EAAkB,OAAO,EAAA,IAAA,EAAC,OAAS,EAAA,QAAA,EAAA,kBACjC,KAAA,CAAA,aAAA,CAAAC,aAAA,EAAA,EAAO,KAAM,EAAA,SAAA,EAAU,OAAQ,EAAA,OAAA,EAAQ,IAAK,EAAA,IAAA,EAAA,EAAK,QAElD,CACF,CAEA,kBAAA,KAAA,CAAA,aAAA,CAACC,6BAAkB,EAAA,EAAA,OAAA,EAAO,IACxB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAACD,aAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA,SAAA;AAAA,QACT,YAAA,EAAc,MAAM,oBAAA,CAAqB,IAAI,CAAA;AAAA,QAC7C,YAAA,EAAc,MAAM,oBAAA,CAAqB,KAAK,CAAA;AAAA,QAC9C,KAAA,EAAO,oBAAoB,WAAc,GAAA,SAAA;AAAA,QACzC,IAAK,EAAA,IAAA;AAAA,QACL,SAAS,YAAY;AACnB,UAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,UAAA,MAAM,SAAU,EAAA,CAAA;AAChB,UAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,SACpB;AAAA,OAAA;AAAA,MACD,SAAA;AAAA,KAGH,CACF,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/integration-template/components/dashboard.js

@@ -63,7 +63,7 @@ const Dashboard = ({
       alignItems: "center"
     },
     /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$2" }, /* @__PURE__ */ React.createElement(heading.Heading, { size: "h5" }, integrationName), /* @__PURE__ */ React.createElement(text.Text, { size: "sm", css: { color: "$neutral700" } }, dashboardDescription)),
-    /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$4" }, hasMultiAccounts && /* @__PURE__ */ React.createElement(button.Button, { size: "lg", color: "default", leftIcon: /* @__PURE__ */ React.createElement(plus.PlusIcon, null) }, "Add Account"), hasDropdownComponents.mapping && !hasDropdownComponents.trigger ? /* @__PURE__ */ React.createElement(button.Button, { size: "lg", color: "primary", leftIcon: /* @__PURE__ */ React.createElement(plus.PlusIcon, null), onClick: () => handleConfigurationType("MAPPING") }, "New Mapping") : null, hasDropdownComponents.trigger && hasDropdownComponents.mapping ? /* @__PURE__ */ React.createElement(dropdown.DropdownMenu, null, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$4" }, hasMultiAccounts && /* @__PURE__ */ React.createElement(button.Button, { size: "lg", color: "default", leftIcon: /* @__PURE__ */ React.createElement(plus.PlusIcon, null) }, "Add Account"), hasDropdownComponents.mapping && !hasDropdownComponents.trigger ? /* @__PURE__ */ React.createElement(button.Button, { size: "lg", color: "primary", disabled: !mappingEnabled, leftIcon: /* @__PURE__ */ React.createElement(plus.PlusIcon, null), onClick: () => handleConfigurationType("MAPPING") }, "New Mapping") : null, hasDropdownComponents.trigger && hasDropdownComponents.mapping ? /* @__PURE__ */ React.createElement(dropdown.DropdownMenu, null, /* @__PURE__ */ React.createElement(
       tooltip.Tooltip,
       {
         content: !triggerEnabled && !mappingEnabled ? "You have reached the maximum limit for creating triggers/mappings" : ""