@bigbinary/neeto-molecules 1.1.78 → 1.2.0-beta2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.1.78",
+  "version": "1.2.0-beta2",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -9,7 +9,7 @@
     "prepare": "husky install",
     "sync_with_wheel": "./.scripts/sync_with_wheel.sh",
     "test": "TZ=UTC jest --runInBand",
-    "bundle": "NODE_ENV=production rollup -c rollup.config.js && yarn build:jsdoc",
+    "bundle": "NODE_ENV=production yarn build:jsdoc && rollup -c rollup.config.js",
     "build": "NODE_ENV=production storybook build",
     "serve": "node .storybook/db",
     "watch": "rollup -c rollup.config.js --watch",
@@ -34,6 +34,7 @@
   "exports": {
     "./*": {
       "import": "./dist/*.js",
+      "require": "./dist/cjs/*.js",
       "types": "./types/*.d.ts"
     }
   },
@@ -45,7 +46,7 @@
     "countries-list": "^2.6.1",
     "framer-motion": "^4.1.17",
     "ip-num": "^1.5.0",
-    "libphonenumber-js": "^1.10.26",
+    "libphonenumber-js": "1.11.2",
     "mousetrap": "^1.6.5",
     "mousetrap-global-bind": "^1.1.0",
     "papaparse": "^5.4.0",
@@ -67,14 +68,15 @@
     "@bigbinary/babel-preset-neeto": "^1.0.3",
     "@bigbinary/eslint-plugin-neeto": "^1.1.14",
     "@bigbinary/neeto-audit-frontend": "2.0.1",
-    "@bigbinary/neeto-cist": "^1.0.5",
-    "@bigbinary/neeto-commons-frontend": "3.0.9",
+    "@bigbinary/neeto-cist": "^1.0.6",
+    "@bigbinary/neeto-commons-frontend": "^3.1.11",
     "@bigbinary/neeto-editor": "^1.28.36",
-    "@bigbinary/neeto-filters-frontend": "^2.11.15",
-    "@bigbinary/neeto-icons": "^1.14.0",
-    "@bigbinary/neeto-molecules": "^1.0.5",
+    "@bigbinary/neeto-filters-frontend": "3.3.1",
+    "@bigbinary/neeto-hotkeys": "1.0.4",
+    "@bigbinary/neeto-icons": "latest",
+    "@bigbinary/neeto-team-members-frontend": "2.13.1",
     "@bigbinary/neeto-time-zones": "^0.5.0",
-    "@bigbinary/neetoui": "^5.2.32",
+    "@bigbinary/neetoui": "^6.5.8",
     "@faker-js/faker": "7.6.0",
     "@fullcalendar/core": "^6.1.8",
     "@fullcalendar/daygrid": "^6.1.8",
@@ -96,7 +98,7 @@
     "@storybook/react-webpack5": "^7.5.3",
     "@svgr/rollup": "^6.2.1",
     "@svgr/webpack": "^6.5.1",
-    "@tailwindcss/line-clamp": "^0.4.4",
+    "@tanstack/react-query": "5.40.0",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "^14.0.0",
     "@testing-library/react-hooks": "^8.0.0",
@@ -117,7 +119,8 @@
     "browserify": "^17.0.0",
     "classnames": "^2.3.2",
     "css-loader": "4.3.0",
-    "dayjs": "1.11.1",
+    "dayjs": "1.11.10",
+    "emoji-mart": "^5.5.2",
     "eslint": "8.14.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-cypress": "2.12.1",
@@ -137,6 +140,7 @@
     "husky": "^7.0.4",
     "i18next": "^22.5.1",
     "jest": "27.5.1",
+    "jest-canvas-mock": "^2.5.2",
     "js-logger": "^1.6.1",
     "json-server": "0.17.1",
     "lint-staged": "^12.3.7",
@@ -154,31 +158,35 @@
     "react-dom": "^18.2.0",
     "react-helmet": "^6.1.0",
     "react-i18next": "^12.3.1",
-    "react-query": "^3.39.2",
     "react-router-dom": "^5.3.3",
     "react-syntax-highlighter": "^15.5.0",
     "react-toastify": "^9.0.8",
     "remark-gfm": "4.0.0",
+    "rfs": "^10.0.0",
     "rollup": "^2.76.0",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-cleaner": "^1.0.0",
+    "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-styles": "^4.0.0",
     "sass": "^1.58.1",
     "sass-loader": "10.0.2",
+    "shadow-dom-testing-library": "^1.11.2",
     "storybook": "^7.5.3",
     "storybook-dark-mode": "^3.0.1",
-    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
+    "tailwindcss": "^3.4.1",
     "yup": "^0.32.11",
-    "zustand": "^4.1.2"
+    "zustand": "4.3.2"
   },
   "peerDependencies": {
+    "@babel/runtime": "^7.19.0",
     "@bigbinary/neeto-cist": "latest",
     "@bigbinary/neeto-commons-frontend": "latest",
     "@bigbinary/neeto-editor": "latest",
     "@bigbinary/neeto-filters-frontend": "latest",
+    "@bigbinary/neeto-hotkeys": "1.0.4",
     "@bigbinary/neeto-icons": "latest",
-    "@bigbinary/neeto-molecules": "latest",
+    "@bigbinary/neeto-team-members-frontend": "latest",
     "@bigbinary/neeto-time-zones": "latest",
     "@bigbinary/neetoui": "latest",
     "@fullcalendar/core": "^6.1.8",
@@ -188,25 +196,28 @@
     "@fullcalendar/timegrid": "^6.1.8",
     "@hello-pangea/dnd": "^16.3.0",
     "@honeybadger-io/react": "2.0.1",
+    "@rails/activestorage": "^7.0.5",
+    "@tanstack/react-query": "5.40.0",
     "antd": "5.9.2",
     "axios": "^0.27.2",
     "classnames": "^2.3.2",
-    "dayjs": "1.11.1",
+    "dayjs": "1.11.10",
+    "emoji-mart": "^5.5.2",
     "formik": "2.4.5",
     "i18next": "^22.5.1",
     "js-logger": "^1.6.1",
+    "libphonenumber-js": "1.11.2",
     "ramda": "^0.29.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-helmet": "^6.1.0",
     "react-i18next": "^12.3.1",
-    "react-query": "^3.39.2",
     "react-router-dom": "^5.3.3",
     "react-syntax-highlighter": "^15.5.0",
     "react-toastify": "^9.0.8",
-    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
+    "tailwindcss": "^3.4.1",
     "webpack": "^5.75.0",
     "yup": "^0.32.11",
-    "zustand": "^4.1.2"
+    "zustand": "4.3.2"
   }
 }

package/src/translations/de.json

@@ -0,0 +1,7 @@
+{
+  "neetoMolecules": {
+    "common": {
+      "madeWith": "Gemacht mit <strong>{{productName, anyCase}}<strong>"
+    }
+  }
+}

package/src/translations/en.json

@@ -1,4 +1,10 @@
 {
+  "taxonomyDefaultLabels": {
+    "insightsEntity": {
+      "singular": "Form",
+      "plural": "Forms"
+    }
+  },
   "neetoMolecules": {
     "common": {
       "actions": {
@@ -20,7 +26,11 @@
         "resetToDefaults": "Reset to defaults",
         "proceed": "Proceed",
         "clone": "Clone",
-        "archive": "Archive"
+        "archive": "Archive",
+        "unArchive": "Unarchive",
+        "enable": "Enable",
+        "disable": "Disable",
+        "share": "Share"
       },
       "or": "or",
       "name": "name",
@@ -35,10 +45,19 @@
       },
       "download": "Download",
       "filter": "Filter",
-      "somethingWentWrong": "Something went wrong. Please try again."
+      "somethingWentWrong": "Something went wrong. Please try again.",
+      "currency": "Currency",
+      "emojiPicker": "Emoji picker",
+      "validations": {
+        "requiredField": "{{entity}} is a required field"
+      },
+      "madeWith": "Made with <strong>{{productName, anyCase}}</strong>",
+      "viewHelpArticle": "View help article",
+      "copied": "Copied",
+      "copyToClipboard": "Copy to clipboard"
     },
     "columns": {
-      "columns": "Columns",
+      "columns": "Show/hide columns",
       "noColumns": "No columns found!",
       "search": "Search columns"
     },
@@ -68,22 +87,28 @@
     },
     "sidebar": {
       "myProfile": "My profile",
-      "myOrganization": "My organization",
+      "myWorkspace": "My workspace",
       "logout": "Log out",
       "help": "Help",
+      "goBack": "Go back",
       "productSwitcher": "Product switcher",
       "neetoProducts": "neeto products",
       "helpLinks": {
-        "liveChat": "Live chat",
+        "liveChat": "Chat with support",
         "helpCenter": "Help center",
         "whatsNew": "What's new",
         "keyboardShortcuts": "Keyboard shortcuts",
         "helpArticles": "Help articles"
       },
       "showMenu": "Expand sidebar",
-      "hideMenu": "Collapse sidebar"
+      "hideMenu": "Collapse sidebar",
+      "themeSwitcher": {
+        "label": "Theme: {{selectedTheme, anyCase}}",
+        "light": "Light",
+        "dark": "Dark"
+      }
     },
-    "appSwitcher": {
+    "productSwitcher": {
       "noApps": "No apps found",
       "chooseNeetoProduct": "Choose your neeto product",
       "searchProducts": "Search products"
@@ -92,8 +117,8 @@
       "timezone": {
         "title": "Timezone mismatch",
         "message": "We have detected different timezones in your profile and browser. It's better to update profile with browser timezone, since {{entity}} uses that timezone for performing different date and time related functionalities.",
-        "userTimezone": "Timezone in your profile: {{entity}}",
-        "browserTimezone": "Timezone in your browser: {{entity}}",
+        "userTimezone": "Timezone in your profile: <strong>{{entity, anyCase}}</strong>",
+        "browserTimezone": "Timezone in your browser: <strong>{{entity, anyCase}}</strong>",
         "updateProfile": "Change timezone"
       }
     },
@@ -112,11 +137,12 @@
         },
         "instructions": {
           "placement": {
-            "selectedWidgets": "Place the embed code in your HTML file. This will embed <fontBold>{{widgetList, anyCase}}</fontBold> in your website.",
-            "noneOfThese": "Place the embed code in your HTML file. This will embed <fontBold>none of these</fontBold> in your website."
+            "selectedWidgets": "<p>Place the embed code in your HTML file. This will embed <fontBold>{{widgetList, anyCase}}</fontBold> in your website. <Link>View help article</Link> for more information.</p>",
+            "selectedChatWidget": "<p>Place the embed code in your HTML file. This will embed <fontBold>{{widgetList, anyCase}}</fontBold> in your website. Alternatively, for react applications you can use <widgetNpmLink>react-use-neeto-widget</widgetNpmLink> package to install the neetoChat widget. <Link>View help article</Link> for more information.</p>",
+            "noneOfThese": "<p>This will not embed <fontBold>any of the widgets</fontBold> in your website. <Link>View help article</Link> for more information.</p>"
           },
-          "userIdentity": "Specify user identity information. This information is used to classify neetoChat conversations and neetoReplay sessions.",
-          "sessionContext": "Save contextual data for the neetoReplay sessions. Sessions can be filtered by this data."
+          "userIdentity": "<p>Specify user identity information. This information is used to classify neetoChat conversations and neetoReplay sessions. <Link>View help article</Link> for more information.</p>",
+          "sessionContext": "<p>Save contextual data for the neetoReplay sessions. Sessions can be filtered by this data. <Link>View help article</Link> for more information.</p>"
         },
         "enabled": "{{productName}} widget enabled successfully",
         "disabled": "{{productName}} widget disabled successfully"
@@ -178,19 +204,20 @@
       "delete": "Delete custom domain?",
       "search": "Search custom domains",
       "notFound": "There are no custom domains to show.",
-      "placeholder": "Type domain here...",
+      "placeholder": "help.neeto.com",
       "cname": "CNAME",
-      "domainValidationCname": "Domain validation CNAME",
-      "label": "Enter custom domain",
+      "domainValidationCname": "domain validation CNAME",
+      "label": "Domain",
+      "learnMoreMessage": "Learn about <button>how to setup custom domains</button>",
       "validation": {
         "buttonLabel": {
           "domain": "Validate domain",
           "cnameAdded": "I’ve added CNAME records",
           "cnameCheck": "Validate CNAME record"
         },
-        "desc": "Please add following {{record}} record in your domain’s DNS dashboard. {{proxyMessage}}",
+        "desc": "Add the following {{record, anyCase}} record in your domain’s DNS. {{proxyMessage,anyCase}}",
         "record": "{{record, anyCase}} record {{type}}",
-        "proxyMessage": "Kindly avoid enabling proxy for the record."
+        "proxyMessage": "Do not enable proxy for the record."
       },
       "status": {
         "domain": {
@@ -205,13 +232,13 @@
         "failed": "Failed"
       },
       "messageBlock": {
-        "dnsStatus": "Typically, it will take 2 hours to 24 hours for the new custom domain to start working. Please refer our <a>help document</a> if you face any issue.",
+        "dnsStatus": "Typically, it will take 2 hours to 24 hours for the new custom domain to start working. Please refer our <Link>help document</Link> if you face any issue.",
         "cnameAddedTime": " You added CNAME records {{time}}"
       },
       "alertMessage": "You are permanently deleting the custom domain <strong>{{hostname}}</strong> and will no longer point to your default domain.  This can't be undone.",
       "formikValidation": {
-        "required": "Custom domain is required",
-        "valid": "Please add valid custom domain"
+        "required": "Domain is required",
+        "valid": "Please add valid domain or URL"
       }
     },
     "downloadMobileAppCallout": {
@@ -265,11 +292,11 @@
     "browserSupport": {
       "unsupportedBrowserVersion": {
         "title": "Unsupported version",
-        "description": "You are using {{browserName, anyCase}} {{browserVersion}}. neeto requires {{browserName, anyCase}} {{requiredMinBrowserVersion}} or later to perform reliably. <downloadLink></downloadLink><contactUs></contactUs>"
+        "description": "You are using {{browserName, anyCase}} {{browserVersion}}. We recommend {{browserName, anyCase}} {{requiredMinBrowserVersion}} or later for the application to perform reliably. <downloadLink></downloadLink><contactUs></contactUs>"
       },
       "unsupportedBrowser": {
         "title": "Unsupported browser",
-        "description": "You are using {{browserName, anyCase}} {{browserVersion}}. neeto requires a modern browser to perform reliably.<contactUs></contactUs>"
+        "description": "You are using {{browserName, anyCase}} {{browserVersion}}. We recommend a modern browser for the application to perform reliably.<contactUs></contactUs>"
       },
       "downloadLink": {
         "main": "Please <button>download and install</button> the latest browser."
@@ -335,15 +362,27 @@
       "resetDescription": "Are you sure you want to reset this form to the last published version? This cannot be undone.",
       "resetTitle": "Reset form"
     },
+    "optionFields": {
+      "defaultOptionsLabel": "Option",
+      "addOption": "Add option",
+      "addBulk": "Add bulk",
+      "optionName": "Option name",
+      "defaultOption": "Option",
+      "bulkOption": {
+        "title": "Bulk add options",
+        "label": "Enter options",
+        "helpText": "Separate options using commas or line breaks. <Link>View help article</Link> for more information."
+      }
+    },
     "publishBlock": {
       "viewDraftVersion": "View draft version",
-      "deleteDraftVersion": "Delete draft version. It'll not impact the published version",
+      "deleteDraftVersion": "Delete draft version. It'll not impact the published version.",
       "viewPublishedVersion": "View published version"
     },
     "shareViaLink": {
       "title": "Share link",
       "copyLink": "Copy link",
-      "open": "Open {{entity}}",
+      "view": "View {{entity}}",
       "regenerateUrl": {
         "title": "Regenerate link",
         "inputLabel": "Your current link is given below",
@@ -352,9 +391,9 @@
         "cancelButtonLabel": "Cancel"
       },
       "editUrl": {
-        "title": "Change link",
+        "title": "Customize link",
         "inputLabel": "Link",
-        "description": "Once this link is edited, the current link will stop working. This can't be undone.",
+        "description": "Once this link is changed, the current link will stop working.",
         "submitButtonLabel": "Submit",
         "cancelButtonLabel": "Cancel",
         "validationError": "Please enter a valid path without special characters, except '/', '-' and '_'."
@@ -367,7 +406,7 @@
         "linkedIn": "LinkedIn"
       },
       "requirements": {
-        "fileTypeAndSize": "Files must be in CSV format and no larger than {{limit}} MB.",
+        "fileTypeAndSize": "Files must be in CSV format and not larger than {{limit}} KB.",
         "shouldContainColumns": "Your CSV file should only contain <strong>Email</strong> column"
       },
       "bulkUpload": "Bulk Upload",
@@ -376,7 +415,7 @@
         "dropFileHere": "Drop the file here",
         "dragNDrop": "Drag and drop or <Button>Browse</Button> a file.",
         "supportedFormat": "Only <code>{{fileType, anyCase}}</code> files are supported.",
-        "supportedSize": "Maximum allowed file size is {{fileSize}} MB."
+        "supportedSize": "Maximum allowed file size is {{fileSize}} KB."
       }
     },
     "keyboardShortcuts": {
@@ -450,6 +489,41 @@
         "removeButton": "Remove"
       }
     },
+    "insights": {
+      "title": "Insights",
+      "others": "Others",
+      "metrics": {
+        "completionRate": "Completion rate",
+        "avgTimeToComplete": "Avg. time to complete",
+        "submissions": "Submissions",
+        "visits": "Visits",
+        "starts": "Starts"
+      },
+      "helpTexts": {
+        "avgTimeToComplete": "Avg. time updates only with time duration feature enabled."
+      },
+      "browsers": "browsers",
+      "os": "os",
+      "devices": "devices",
+      "mins": "Mins",
+      "dataInaccuracyWarning": "Insights for this {{taxonomies.insightsEntity.singular}} might not be accurate as this {{taxonomies.insightsEntity.singular}} was created before the insights feature was introduced.",
+      "labels": {
+        "devices": {
+          "desktop": "Desktop",
+          "mobile": "Mobile"
+        },
+        "os": {
+          "macos": "MacOS",
+          "windows": "Windows"
+        },
+        "browsers": {
+          "chrome": "Chrome",
+          "safari": "Safari"
+        },
+        "allTime": "All time",
+        "custom": "Custom"
+      }
+    },
     "themeSidebar": {
       "theme_one": "theme",
       "theme_other": "themes",
@@ -521,7 +595,8 @@
         "required": "{{entity}} is required",
         "invalidEmailAddress": "Please enter a valid email address",
         "messageRequired": "Message is required",
-        "subjectRequired": "Subject is required"
+        "subjectRequired": "Subject is required",
+        "maxEmails": "Maximum of {{count}} emails are allowed"
       },
       "fields": {
         "sendToEmailAddress": "'Send to' email address",
@@ -562,7 +637,11 @@
       "daily": "Daily"
     },
     "settingsPage": {
-      "noData": "No settings found"
+      "title": "Settings",
+      "noData": "No settings found",
+      "placeholder": {
+        "search": "Search settings"
+      }
     },
     "security": {
       "labels": {
@@ -638,6 +717,87 @@
           "pluralLabelRequired": "Plural label is a required field."
         }
       }
+    },
+    "publishYourItem": {
+      "title": "Publish your {{item}}"
+    },
+    "onboarding": {
+      "congratulations": "Congratulations!",
+      "getStarted": "Get started",
+      "startUsing": "Start using",
+      "helpLabel": "Help",
+      "letUsCustomize": "Let's customize {{appName, anyCase}} so that it meets your needs.",
+      "readyToUse": "Your {{appName, anyCase}} is ready to use.",
+      "helpScreen": {
+        "title": "Finding help articles & Chat support",
+        "welcomeToTitle": "Welcome to {{appName, anyCase}}",
+        "description": "If you have any questions at any time hover your profile picture at the bottom left corner of your screen. Now you can click on \"Help articles\" or  click on \"Chat with support\".",
+        "continueButton": "Continue",
+        "startUsingButton": "Start using {{appName, anyCase}}"
+      }
+    },
+    "moreDropdown": {
+      "tooltip": "Actions"
+    },
+    "productEmbed": {
+      "embedOptions": {
+        "title": "Embed options",
+        "description": "Configure embed options"
+      },
+      "backToShare": "Back to share",
+      "customization": {
+        "inline": {
+          "title": "Embed window customization",
+          "width": "Width",
+          "height": "Height",
+          "elementId": "Element id",
+          "sizeOfEmbedWindow": "Size of embed window"
+        },
+        "floatingPopup": {
+          "title": "Popup customization",
+          "showCalIcon": "Show icon",
+          "button": {
+            "text": "Button text",
+            "color": "Button color",
+            "pos": "Button position",
+            "textColor": "Button text color"
+          }
+        },
+        "elementPopup": {
+          "title": "Element popup",
+          "description": "Make sure to set the \"id\" attribute of the element in the host app with the following \"Element Id\" value",
+          "elementId": "Element Id",
+          "label": "I am a button that exists in your website",
+          "warning": "Please provide an \"id\" to see popup"
+        },
+        "queryParam": {
+          "label": "Query params",
+          "keyNamePlaceholder": "Enter key name",
+          "keyValuePlaceholder": "Enter key value",
+          "addQueryParam": "Add query param"
+        },
+        "position": {
+          "bottomLeft": "Bottom left",
+          "bottomRight": "Bottom right"
+        }
+      },
+      "tab": {
+        "html": "HTML",
+        "preview": "Preview"
+      },
+      "position": {
+        "bottomRight": "Bottom Right",
+        "bottomLeft": "Bottom Left"
+      }
+    },
+    "reactions": {
+      "content": "{{groupedNames, anyCase}} reacted."
+    },
+    "shareRecording": {
+      "title": "Share recording",
+      "checkboxLabel": "Start at",
+      "tooltipContent": "Copy link",
+      "successTooltipContent": "Link copied"
     }
   }
 }

package/src/translations/es.json

@@ -0,0 +1,7 @@
+{
+  "neetoMolecules": {
+    "common": {
+      "madeWith": "Hecho con <strong>{{productName, anyCase}}<strong>"
+    }
+  }
+}

package/src/translations/fr.json

@@ -0,0 +1,7 @@
+{
+  "neetoMolecules": {
+    "common": {
+      "madeWith": "Fabriqué avec <strong>{{productName, anyCase}}<strong>"
+    }
+  }
+}

package/src/translations/nl.json

@@ -0,0 +1,7 @@
+{
+  "neetoMolecules": {
+    "common": {
+      "madeWith": "Gemaakt met <strong>{{productName, anyCase}}<strong>"
+    }
+  }
+}

package/src/translations/pl.json

@@ -0,0 +1,7 @@
+{
+  "neetoMolecules": {
+    "common": {
+      "madeWith": "Wykonana z <strong>{{productName, anyCase}}<strong>"
+    }
+  }
+}

package/src/translations/pt.json

@@ -0,0 +1,7 @@
+{
+  "neetoMolecules": {
+    "common": {
+      "madeWith": "Feito com <strong>{{productName, anyCase}}<strong>"
+    }
+  }
+}

package/types/Breadcrumbs.d.ts

@@ -24,5 +24,6 @@ const Breadcrumbs: React.FC<{
     link: string;
   }[];
   hasTrailingSeparator?: boolean;
+  className?: string;
 }>;
 export default Breadcrumbs;