@bigbinary/neeto-molecules 3.15.50 → 3.15.52

package/dist/SessionEnvironment.js

@@ -34,8 +34,10 @@ import Close from '@bigbinary/neeto-icons/Close';
 import Input from '@bigbinary/neetoui/Input';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import 'formik';
-import { P as PhoneNumberInput } from './phone-number-CXCBroLh.js';
+import { P as PhoneNumberInput } from './phone-number-BxJMWmEj.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import '@bigbinary/neeto-commons-frontend/utils/general';
+import '@bigbinary/neeto-icons/Copy';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/regenerator';
 import 'i18next';
@@ -46,8 +48,6 @@ import 'axios';
 import { n } from './inject-css-DmrvuTKK.js';
 import '@bigbinary/neeto-icons/Help';
 import '@bigbinary/neetoui/Popover';
-import '@bigbinary/neeto-commons-frontend/utils/general';
-import '@bigbinary/neeto-icons/Copy';
 import './DateFormat.js';
 import '@bigbinary/neeto-commons-frontend/react-utils/useTimer';
 import '@bigbinary/neeto-commons-frontend/utils/datetime';

package/dist/cjs/PhoneNumber.js

@@ -4,12 +4,14 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var formik = require('formik');
-var phoneNumber = require('./phone-number-BN-c0rfv.js');
+var phoneNumber = require('./phone-number-DcpFFYZS.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Typography = require('@bigbinary/neetoui/Typography');
+var Button = require('@bigbinary/neetoui/Button');
+var CopyToClipboardButton = require('./CopyToClipboardButton.js');
 require('@tanstack/react-query');
 require('libphonenumber-js/min');
 require('@bigbinary/neetoui/Input');
@@ -24,6 +26,10 @@ require('@bigbinary/neeto-commons-frontend/utils');
 require('yup');
 require('axios');
 require('./inject-css-vQvjPR2x.js');
+require('@bigbinary/neeto-commons-frontend/utils/general');
+require('@bigbinary/neeto-icons/Copy');
+require('@bigbinary/neeto-icons/Check');
+require('react-i18next');
 
 var _excluded$1 = ["name"];
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -42,7 +48,7 @@ var FormikPhoneNumberInput = function FormikPhoneNumberInput(_ref) {
   }, props));
 };
 
-var _excluded = ["className", "defaultCountry", "value", "showEmoji", "children"];
+var _excluded = ["className", "defaultCountry", "value", "showEmoji", "children", "linkable", "linkPrefix", "showCopyButton"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PhoneNumber = function PhoneNumber(_ref) {
@@ -53,11 +59,18 @@ var PhoneNumber = function PhoneNumber(_ref) {
     _ref$showEmoji = _ref.showEmoji,
     showEmoji = _ref$showEmoji === void 0 ? false : _ref$showEmoji,
     children = _ref.children,
+    _ref$linkable = _ref.linkable,
+    linkable = _ref$linkable === void 0 ? false : _ref$linkable,
+    _ref$linkPrefix = _ref.linkPrefix,
+    linkPrefix = _ref$linkPrefix === void 0 ? "tel:" : _ref$linkPrefix,
+    _ref$showCopyButton = _ref.showCopyButton,
+    showCopyButton = _ref$showCopyButton === void 0 ? false : _ref$showCopyButton,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   if (neetoCist.isNotPresent(value) && neetoCist.isNotPresent(children)) return null;
   var _getPhoneData = phoneNumber.getPhoneData(value || children, defaultCountry),
     international = _getPhoneData.international,
     countryCode = _getPhoneData.countryCode;
+  var link = linkable ? "".concat(linkPrefix).concat(value) : undefined;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: classnames(["flex items-center space-x-2", className]),
     children: [/*#__PURE__*/jsxRuntime.jsx(phoneNumber.SingleValue, _objectSpread({}, _objectSpread({
@@ -66,8 +79,20 @@ var PhoneNumber = function PhoneNumber(_ref) {
     }, otherProps))), /*#__PURE__*/jsxRuntime.jsx(Typography, _objectSpread(_objectSpread({
       style: "body2"
     }, otherProps), {}, {
-      children: international
-    }))]
+      children: linkable ? /*#__PURE__*/jsxRuntime.jsx(Button, {
+        className: "neeto-molecules-phone-number truncate",
+        "data-cy": "phone-number-link",
+        "data-testid": "phone-number-link",
+        href: link,
+        style: "link",
+        children: international
+      }) : international
+    })), showCopyButton && /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
+      className: "flex-shrink-0",
+      size: "small",
+      style: "text",
+      value: international
+    })]
   });
 };
 var PhoneNumber$1 = /*#__PURE__*/React.memo(PhoneNumber);

package/dist/cjs/PhoneNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumber.js","sources":["../../src/components/PhoneNumber/FormikPhoneNumberInput.jsx","../../src/components/PhoneNumber/PhoneNumber.jsx"],"sourcesContent":["import { useField } from \"formik\";\n\nimport PhoneNumberInput from \"./PhoneNumberInput\";\n\nconst FormikPhoneNumberInput = ({ name, ...props }) => {\n  const [field, meta, { setValue }] = useField(name);\n\n  return (\n    <PhoneNumberInput\n      {...field}\n      error={meta.touched ? meta.error : \"\"}\n      onChange={setValue}\n      {...props}\n    />\n  );\n};\n\nexport default FormikPhoneNumberInput;\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport SingleValue from \"./CountryPicker/SingleValue\";\nimport { getPhoneData } from \"./utils\";\n\nconst PhoneNumber = ({\n  className,\n  defaultCountry = \"IN\",\n  value,\n  showEmoji = false,\n  children,\n  ...otherProps\n}) => {\n  if (isNotPresent(value) && isNotPresent(children)) return null;\n\n  const { international, countryCode } = getPhoneData(\n    value || children,\n    defaultCountry\n  );\n\n  return (\n    <div className={classnames([\"flex items-center space-x-2\", className])}>\n      <SingleValue {...{ countryCode, showEmoji, ...otherProps }} />\n      <Typography style=\"body2\" {...otherProps}>\n        {international}\n      </Typography>\n    </div>\n  );\n};\nexport default memo(PhoneNumber);\n"],"names":["FormikPhoneNumberInput","_ref","name","props","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","setValue","_jsx","PhoneNumberInput","_objectSpread","error","touched","onChange","PhoneNumber","className","_ref$defaultCountry","defaultCountry","value","_ref$showEmoji","showEmoji","children","otherProps","isNotPresent","_getPhoneData","getPhoneData","international","countryCode","_jsxs","classnames","SingleValue","Typography","style","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAA2B;AAAA,EAAA,IAArBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,WAAA,CAAA,CAAA;AAC9C,EAAA,IAAAC,SAAA,GAAoCC,eAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA3CI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;IAAII,QAAQ,GAAAJ,UAAA,CAAA,CAAA,CAAA,CAARI,QAAQ,CAAA;EAE9B,oBACEC,cAAA,CAACC,4BAAgB,EAAAC,eAAA,CAAAA,eAAA,KACXL,KAAK,CAAA,EAAA,EAAA,EAAA;IACTM,KAAK,EAAEL,IAAI,CAACM,OAAO,GAAGN,IAAI,CAACK,KAAK,GAAG,EAAG;AACtCE,IAAAA,QAAQ,EAAEN,QAAAA;GACNT,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN;;;;;ACNA,IAAMgB,WAAW,GAAG,SAAdA,WAAWA,CAAAlB,IAAA,EAOX;AAAA,EAAA,IANJmB,SAAS,GAAAnB,IAAA,CAATmB,SAAS;IAAAC,mBAAA,GAAApB,IAAA,CACTqB,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IACrBE,KAAK,GAAAtB,IAAA,CAALsB,KAAK;IAAAC,cAAA,GAAAvB,IAAA,CACLwB,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;IACjBE,QAAQ,GAAAzB,IAAA,CAARyB,QAAQ;AACLC,IAAAA,UAAU,GAAAvB,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAEb,IAAIuB,sBAAY,CAACL,KAAK,CAAC,IAAIK,sBAAY,CAACF,QAAQ,CAAC,EAAE,OAAO,IAAI,CAAA;EAE9D,IAAAG,aAAA,GAAuCC,wBAAY,CACjDP,KAAK,IAAIG,QAAQ,EACjBJ,cACF,CAAC;IAHOS,aAAa,GAAAF,aAAA,CAAbE,aAAa;IAAEC,WAAW,GAAAH,aAAA,CAAXG,WAAW,CAAA;AAKlC,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;IAAKb,SAAS,EAAEc,UAAU,CAAC,CAAC,6BAA6B,EAAEd,SAAS,CAAC,CAAE;AAAAM,IAAAA,QAAA,gBACrEb,cAAA,CAACsB,uBAAW,EAAApB,aAAA,KAAAA,aAAA,CAAA;AAAOiB,MAAAA,WAAW,EAAXA,WAAW;AAAEP,MAAAA,SAAS,EAATA,SAAAA;KAAcE,EAAAA,UAAU,CAAK,CAAA,CAAC,eAC9Dd,cAAA,CAACuB,UAAU,EAAArB,aAAA,CAAAA,aAAA,CAAA;AAACsB,MAAAA,KAAK,EAAC,OAAA;AAAO,KAAA,EAAKV,UAAU,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,EACrCK,aAAAA;AAAa,KAAA,CACJ,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAEV,CAAC,CAAA;AACD,oBAAeO,aAAAA,UAAI,CAACnB,WAAW,CAAC;;;;;;;;"}
+{"version":3,"file":"PhoneNumber.js","sources":["../../src/components/PhoneNumber/FormikPhoneNumberInput.jsx","../../src/components/PhoneNumber/PhoneNumber.jsx"],"sourcesContent":["import { useField } from \"formik\";\n\nimport PhoneNumberInput from \"./PhoneNumberInput\";\n\nconst FormikPhoneNumberInput = ({ name, ...props }) => {\n  const [field, meta, { setValue }] = useField(name);\n\n  return (\n    <PhoneNumberInput\n      {...field}\n      error={meta.touched ? meta.error : \"\"}\n      onChange={setValue}\n      {...props}\n    />\n  );\n};\n\nexport default FormikPhoneNumberInput;\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport { Typography, Button } from \"neetoui\";\n\nimport CopyToClipboardButton from \"components/CopyToClipboardButton\";\n\nimport SingleValue from \"./CountryPicker/SingleValue\";\nimport { getPhoneData } from \"./utils\";\n\nconst PhoneNumber = ({\n  className,\n  defaultCountry = \"IN\",\n  value,\n  showEmoji = false,\n  children,\n  linkable = false,\n  linkPrefix = \"tel:\",\n  showCopyButton = false,\n  ...otherProps\n}) => {\n  if (isNotPresent(value) && isNotPresent(children)) return null;\n\n  const { international, countryCode } = getPhoneData(\n    value || children,\n    defaultCountry\n  );\n  const link = linkable ? `${linkPrefix}${value}` : undefined;\n\n  return (\n    <div className={classnames([\"flex items-center space-x-2\", className])}>\n      <SingleValue {...{ countryCode, showEmoji, ...otherProps }} />\n      <Typography style=\"body2\" {...otherProps}>\n        {linkable ? (\n          <Button\n            className=\"neeto-molecules-phone-number truncate\"\n            data-cy=\"phone-number-link\"\n            data-testid=\"phone-number-link\"\n            href={link}\n            style=\"link\"\n          >\n            {international}\n          </Button>\n        ) : (\n          international\n        )}\n      </Typography>\n      {showCopyButton && (\n        <CopyToClipboardButton\n          className=\"flex-shrink-0\"\n          size=\"small\"\n          style=\"text\"\n          value={international}\n        />\n      )}\n    </div>\n  );\n};\nexport default memo(PhoneNumber);\n"],"names":["FormikPhoneNumberInput","_ref","name","props","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","setValue","_jsx","PhoneNumberInput","_objectSpread","error","touched","onChange","PhoneNumber","className","_ref$defaultCountry","defaultCountry","value","_ref$showEmoji","showEmoji","children","_ref$linkable","linkable","_ref$linkPrefix","linkPrefix","_ref$showCopyButton","showCopyButton","otherProps","isNotPresent","_getPhoneData","getPhoneData","international","countryCode","link","concat","undefined","_jsxs","classnames","SingleValue","Typography","style","Button","href","CopyToClipboardButton","size","memo"],"mappings":"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"}

package/dist/cjs/SendToFields.js

@@ -2181,6 +2181,7 @@ var SendToFields = function SendToFields(_ref) {
     "data-testid": "send-to-text-field",
     children: [showUploadCsvButton && /*#__PURE__*/jsxRuntime.jsx(Button, {
       className: "absolute right-1 top-0",
+      "data-cy": "bulk-upload-button",
       "data-testid": "bulk-upload-button",
       icon: Upload,
       label: t("neetoMolecules.shareViaLink.bulkUpload"),