@bigbinary/neeto-molecules 1.0.94 → 1.0.96

package/src/translations/en.json

@@ -256,7 +256,15 @@
       "connected": "Connected",
       "manage": "Manage",
       "disconnect": "Disconnect",
-      "connect": "Connect"
+      "connect": "Connect",
+      "tryAgain": "Try again",
+      "tooltip": {
+        "integrationNotAvailable": "This integration is not available right now."
+      },
+      "tags": {
+        "connected": "Connected",
+        "expired": "Expired"
+      }
     },
     "ipRestriction": {
       "switchLabel": "Enable IP restriction",
@@ -265,6 +273,7 @@
       "ipStart": "IP start",
       "ipEnd": "IP end",
       "actions": "Actions",
+      "addNew": "Add new IP range",
       "allowedIpRangeConfirmationTitle": "allowed IP range",
       "allowedIpRangeConfirmation": "You are permanently deleting IP range <strong>{{ipStart}}</strong> to <strong>{{ipEnd}}</strong>. This can't be undone.",
       "validations": {
@@ -275,7 +284,7 @@
         "ipEndRequired": "IP end is required"
       },
       "currentIpTitle": "Your current IP is",
-      "currentIpDescription": "Your current IP will be added to the allowed IP range by default.",
+      "currentIpDescription": "and it will be added to the allowed IP range by default.",
       "warningMessage": "Please be careful enabling this feature. There have been cases where the IP address assigned to people at home is dynamic. After a few days, the IP changed and those people were unable to access neeto applications.\n\nIf you are using a VPN with a fixed range of IP addresses, you are a good candidate for this feature.\n\nIf you get locked out or if you run into any issue, then you can send an email to <strong>support@neeto.com</strong> with your organization name and subdomain.",
       "enableAlert": {
         "title": "Enable IP restriction?",

package/types/IntegrationCard.d.ts

@@ -31,15 +31,24 @@ import React, { ReactElement } from "react";
  * @endexample
 */
 const IntegrationCard: React.FC<{
+  icon: React.FC<IconProps>;
+  subIcons?: React.FC<IconProps>[];
   label: string;
   description: string;
-  Icon: React.FC<IconProps>;
   className?: string;
-  isConnected: boolean;
-  isStatusLoading?: boolean;
-  customDropdown?: React.ReactNode;
-  onDisconnect?: (...args: any[]) => any;
   onConnect: (...args: any[]) => any;
+  onDisconnect?: (...args: any[]) => any;
   onManage?: (...args: any[]) => any;
+  onClick?: (...args: any[]) => any;
+  isLoading?: boolean;
+  isConnected?: boolean;
+  isFailed?: boolean;
+  isExpired?: boolean;
+  disabled?: boolean;
+  hidden?: boolean;
+  hideDisconnect?: boolean;
+  tooltipProps?: Partial<TooltipProps>;
+  customDropdown?: React.ReactNode;
+  children?: React.ReactNode;
 }>;
 export default IntegrationCard;