@bigbinary/neeto-integrations-frontend 1.5.0 → 2.1.0

package/package.json

@@ -1,25 +1,38 @@
 {
   "name": "@bigbinary/neeto-integrations-frontend",
-  "version": "1.5.0",
+  "version": "2.1.0",
   "description": "UI for integrations in neeto products",
   "author": "Abhijith Sheheer",
   "license": "UNLICENSED",
   "repository": "",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.js",
-  "typings": "types.d.ts",
+  "types": "types.d.ts",
   "engines": {
     "node": ">=18.12"
   },
   "files": [
     "dist",
-    "types.d.ts"
+    "types.d.ts",
+    "types",
+    "src/translations"
   ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "export": "./dist/index.cjs.js",
+      "types": "./types.d.ts"
+    },
+    "./*": {
+      "import": "./dist/*.js",
+      "require": "./dist/*.cjs.js",
+      "types": "./types/*.d.ts"
+    }
+  },
   "scripts": {
     "prepare": "husky install",
     "start": "NODE_ENV=development rm -rf dist && webpack-dev-server --mode development",
     "build": "NODE_ENV=production rollup -c rollup.config.js",
-    "build-preview": "NODE_ENV=production webpack"
+    "build-preview": "NODE_ENV=production webpack",
+    "release": "yarn build && yalc push --sig"
   },
   "lint-staged": {
     "{src,example}/**/*.{js,jsx,json}": [
@@ -135,9 +148,11 @@
     "antd": "4.24.3",
     "axios": "0.27.2",
     "classnames": "2.3.1",
+    "i18next": "21.7.0",
     "ramda": "0.29.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
+    "react-i18next": "11.16.8",
     "react-query": "3.39.2",
     "react-router-dom": "5.3.1",
     "react-toastify": "8.0.2",

package/src/translations/en.json

@@ -0,0 +1,50 @@
+{
+  "neetoIntegrations": {
+    "common": {
+      "continue": "Continue",
+      "connect": "Connect",
+      "connected": "Connected",
+      "manage": "Manage",
+      "disconnect": "Disconnect",
+      "finish": "Finish",
+      "required": "Required",
+      "delete": "Delete",
+      "tryAgain": "Try Again"
+    },
+    "tags": {
+      "connected": "Connected",
+      "expired": "Expired"
+    },
+    "tooltip": {
+      "integrationNotAvailable": "This integration is not available right now."
+    },
+    "demo": {
+      "title": "Check how it behaves",
+      "subtitle": "Watch the following video to understand how you can utilize this integration:",
+      "iFrameTitle": "Watch this video to utilize the integration"
+    },
+    "walkthroughModal": {
+      "header": "Check how it behaves",
+      "continue": "Continue"
+    },
+    "zapier": {
+      "apiKeys": "API Keys",
+      "copyApiKey": "Copy API Key to Clipboard",
+      "emptyText": "Generate an API Key to connect to the Zapier platform",
+      "generateApiKey": "Generate API Key",
+      "labelInputPlaceholder": "Enter a Label for the new API Key",
+      "tableColumns": {
+        "createdAt": "Created At",
+        "label": "Label"
+      },
+      "newApiKeyInstruction": "Here is your Zapier API Key. Make sure to copy the API Key now. It will not be made visible again.",
+      "tableTitle": "Previously Generated API Keys",
+      "deleteApiKey": {
+        "title": "Delete API Key?",
+        "message": "You are permanently deleting the API Key <strong>{{key}}</strong>. This can't be undone."
+      },
+      "walkthroughText": "Check how it behaves",
+      "helpDoc": "Help document"
+    }
+  }
+}

package/src/translations/index.js

@@ -0,0 +1 @@
+export { default as en } from "./en.json";

package/types/ZapierForm.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+
+type ZapierFormApiKey = {
+  [key: string]: string,
+}
+
+interface ZapierFormProps {
+  newlyCreatedApiKey: string;
+  videoUrl: string;
+  helpDocUrl: string;
+  apiKeys: ZapierFormApiKey[];
+  isGenerating: boolean;
+  isLoading: boolean;
+  isDeleting: boolean;
+  deleteApiKey: (...args: any[]) => any;
+  handleGenerateApiKey: (...args: any[]) => any;
+  setNewlyCreatedApiKey: (...args: any[]) => any;
+  setIsDemoModalOpen: (...args: any[]) => any;
+}
+
+const ZapierForm: React.FC<ZapierFormProps>;
+
+export default ZapierForm;

package/types.d.ts

@@ -6,7 +6,7 @@ declare global {
   declare module "assets/*"
 }
 
-export function Card(props: {
+interface CardProps {
   icon: React.FC<IconProps>;
   subIcons?: React.FC<IconProps>[];
   label: string;
@@ -25,10 +25,12 @@ export function Card(props: {
   hideDisconnect?: boolean;
   tooltipProps?: Partial<TooltipProps>;
   customDropDown?: React.ReactNode;
-  children?: ReactNode;
-}): JSX.Element;
+  children?: React.ReactNode;
+};
+
+export const Card: React.FC<CardProps>;
 
-export function Modal(props: {
+export function IntegrationModal(props: {
   isOpen: (...args: any[]) => any;
   onClose: (...args: any[]) => any;
   steps?: {
@@ -63,19 +65,6 @@ export function Demo(props: {
   children?: React.ReactNode;
 }): JSX.Element;
 
-export function ZapierForm(props: {
-  newlyCreatedApiKey: string;
-  videoUrl: string;
-  apiKeys: any[];
-  isGenerating: boolean;
-  isLoading: boolean;
-  isDeleting: boolean;
-  deleteApiKey: (...args: any[]) => any;
-  handleGenerateApiKey: (...args: any[]) => any;
-  setNewlyCreatedApiKey: (...args: any[]) => any;
-  setIsDemoModalOpen: (...args: any[]) => any;
-}): JSX.Element;
-
 export function WalkthroughModal(props: {
   videoUrl: string;
   isOpen: boolean;