@bigbinary/neeto-molecules 1.1.16 → 1.1.17

package/dist/PhoneNumber.js

@@ -0,0 +1,365 @@
+import React, { useState, forwardRef, useRef, useCallback, useEffect } from 'react';
+import { useField } from 'formik';
+import classnames from 'classnames';
+import { getCountryCallingCode, isValidPhoneNumber, parsePhoneNumber, formatIncompletePhoneNumber } from 'libphonenumber-js/min';
+import { noop } from '@bigbinary/neeto-commons-frontend/pure';
+import { Tooltip, Typography, Select, Input } from '@bigbinary/neetoui';
+import { useTranslation } from 'react-i18next';
+import { countries } from 'countries-list';
+import { mergeLeft, assoc } from 'ramda';
+import i18next from 'i18next';
+import * as yup from 'yup';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var COUNTRY_PICKER_OPTIONS = Object.entries(countries).map(function (_ref) {
+  var _ref2 = _slicedToArray(_ref, 2),
+    code = _ref2[0],
+    country = _ref2[1];
+  return {
+    label: country.name,
+    value: code
+  };
+});
+var COUNTRY_PICKER_STYLES = {
+  menuPortal: mergeLeft({
+    width: 196,
+    zIndex: 99999
+  }),
+  control: mergeLeft({
+    border: "none !important",
+    cursor: "pointer",
+    gap: 4
+  }),
+  input: assoc("position", "absolute !important"),
+  valueContainer: assoc("padding", "0 !important"),
+  indicatorsContainer: assoc("paddingRight", "0 !important")
+};
+
+var _excluded$4 = ["country", "showEmoji"];
+var SingleValue = function SingleValue(_ref) {
+  var country = _ref.country,
+    _ref$showEmoji = _ref.showEmoji,
+    showEmoji = _ref$showEmoji === void 0 ? false : _ref$showEmoji,
+    otherProps = _objectWithoutProperties(_ref, _excluded$4);
+  if (!showEmoji) return null;
+  var countryData = countries[country];
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    content: countryData.name
+  }, /*#__PURE__*/React.createElement(Typography, _extends({
+    className: "cursor-pointer text-center text-xl",
+    style: "body2"
+  }, otherProps), countryData.emoji));
+};
+var SingleValue$1 = /*#__PURE__*/React.memo(SingleValue);
+
+var _excluded$3 = ["country", "setCountry", "onInputChange", "prefix", "phoneNumber"];
+var CountryPicker = function CountryPicker(_ref) {
+  var country = _ref.country,
+    setCountry = _ref.setCountry,
+    onInputChange = _ref.onInputChange,
+    prefix = _ref.prefix,
+    phoneNumber = _ref.phoneNumber,
+    otherProps = _objectWithoutProperties(_ref, _excluded$3);
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  var handleCountryChange = function handleCountryChange(_ref2) {
+    var value = _ref2.value;
+    setCountry(value);
+    onInputChange(phoneNumber.replace(prefix, "+".concat(getCountryCallingCode(value))));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames("flex-shrink-0", {
+      "w-10": !searchTerm,
+      "w-24": searchTerm
+    })
+  }, /*#__PURE__*/React.createElement(Select, _extends({
+    isSearchable: true,
+    "data-testid": "phonenumber-country-picker",
+    options: COUNTRY_PICKER_OPTIONS,
+    strategy: "fixed",
+    styles: COUNTRY_PICKER_STYLES,
+    value: {
+      value: country
+    },
+    components: {
+      SingleValue: function SingleValue() {
+        return /*#__PURE__*/React.createElement(SingleValue$1, {
+          showEmoji: true,
+          country: country
+        });
+      }
+    },
+    isOptionSelected: function isOptionSelected(_ref3, _ref4) {
+      var value = _ref3.value;
+      var _ref5 = _slicedToArray(_ref4, 1),
+        selectedOption = _ref5[0];
+      return (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name) === value;
+    },
+    onChange: handleCountryChange,
+    onInputChange: setSearchTerm
+  }, otherProps)));
+};
+var CountryPicker$1 = /*#__PURE__*/React.memo(CountryPicker);
+
+var isPhoneNumberValid = function isPhoneNumberValid() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    rest[_key - 1] = arguments[_key];
+  }
+  return isValidPhoneNumber.apply(void 0, [value].concat(rest));
+};
+var validation = function validation() {
+  var message = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : i18next.t("neetoMolecules.phoneNumberInput.validations.invalid");
+  return yup.string().test("phoneNumber", message, function (phoneNumber) {
+    return phoneNumber ? isValidPhoneNumber(phoneNumber) : true;
+  });
+};
+var getPhoneData = function getPhoneData(value, defaultCountry) {
+  try {
+    var parsedValue = parsePhoneNumber(value, defaultCountry);
+    return {
+      phoneNumber: parsedValue.number,
+      international: parsedValue.formatInternational(),
+      country: parsedValue.country || defaultCountry
+    };
+  } catch (_unused) {
+    return {
+      phoneNumber: value,
+      international: formatIncompletePhoneNumber(value, defaultCountry),
+      country: defaultCountry
+    };
+  }
+};
+var getCursorPosition = function getCursorPosition(_ref) {
+  var event = _ref.event,
+    prevFormattedValue = _ref.prevFormattedValue,
+    newFormattedValue = _ref.newFormattedValue;
+  var inputType = event.nativeEvent.inputType,
+    _event$target = event.target,
+    newValue = _event$target.value,
+    selectionStart = _event$target.selectionStart;
+  if (selectionStart === newValue.length) return newFormattedValue.length;
+  var n = prevFormattedValue.substring(0, selectionStart).replace(/\s/g, "").length;
+  var cursor = 0;
+  for (var i = 0; i < n; ++i, ++cursor) {
+    if (newFormattedValue[cursor] === " ") ++cursor;
+  }
+  if (inputType !== "deleteContentBackward") {
+    if (newFormattedValue[selectionStart - 1] === " " && prevFormattedValue[selectionStart - 1] === " ") {
+      return cursor + 2;
+    } else if (prevFormattedValue[selectionStart - 1] === " ") {
+      return cursor + 1;
+    }
+  }
+  return cursor;
+};
+
+var _excluded$2 = ["value", "onChange", "className", "error", "defaultCountry", "selectProps"];
+var PhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? "" : _ref$value,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
+    className = _ref.className,
+    error = _ref.error,
+    _ref$defaultCountry = _ref.defaultCountry,
+    defaultCountry = _ref$defaultCountry === void 0 ? "IN" : _ref$defaultCountry,
+    selectProps = _ref.selectProps,
+    inputProps = _objectWithoutProperties(_ref, _excluded$2);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var internalValue = useRef(value);
+  var _useState = useState(defaultCountry),
+    _useState2 = _slicedToArray(_useState, 2),
+    country = _useState2[0],
+    setCountry = _useState2[1];
+  var prefix = country ? "+".concat(getCountryCallingCode(country)) : "";
+  var formattedValue = formatIncompletePhoneNumber(value, country);
+  var handleInputChange = useCallback(function (value) {
+    onChange(value);
+    internalValue.current = value;
+  }, []);
+  var handleChange = function handleChange(event) {
+    var _getPhoneData = getPhoneData(event.target.value, country),
+      phoneNumber = _getPhoneData.phoneNumber,
+      newCountry = _getPhoneData.country;
+    handleInputChange(phoneNumber);
+    setCountry(newCountry);
+    var cursor = getCursorPosition({
+      event: event,
+      prevFormattedValue: formattedValue,
+      newFormattedValue: formatIncompletePhoneNumber(phoneNumber, newCountry)
+    });
+    window.requestAnimationFrame(function () {
+      return event.target.setSelectionRange(cursor, cursor);
+    });
+  };
+  useEffect(function () {
+    if (internalValue.current !== value) {
+      setCountry(getPhoneData(value, defaultCountry).country);
+    }
+  }, [value]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames([className])
+  }, /*#__PURE__*/React.createElement(Input, _extends({
+    "data-testid": "phonenumber-input",
+    error: error,
+    ref: ref,
+    type: "tel",
+    value: formattedValue,
+    placeholder: t("neetoMolecules.phoneNumberInput.placeholder", {
+      prefix: prefix
+    }),
+    prefix: /*#__PURE__*/React.createElement(CountryPicker$1, _extends({
+      country: country,
+      phoneNumber: value,
+      prefix: prefix,
+      setCountry: setCountry,
+      onInputChange: handleInputChange
+    }, selectProps)),
+    onChange: handleChange
+  }, inputProps)));
+});
+PhoneNumberInput.displayName = "PhoneNumberInput";
+
+var _excluded$1 = ["name"];
+var FormikPhoneNumberInput = function FormikPhoneNumberInput(_ref) {
+  var name = _ref.name,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  var _useField = useField(name),
+    _useField2 = _slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    setValue = _useField2[2].setValue;
+  return /*#__PURE__*/React.createElement(PhoneNumberInput, _extends({}, field, {
+    error: meta.touched ? meta.error : "",
+    onChange: setValue
+  }, props));
+};
+
+var _excluded = ["className", "defaultCountry", "value", "showEmoji", "children"];
+var PhoneNumber = function PhoneNumber(_ref) {
+  var className = _ref.className,
+    _ref$defaultCountry = _ref.defaultCountry,
+    defaultCountry = _ref$defaultCountry === void 0 ? "IN" : _ref$defaultCountry,
+    value = _ref.value,
+    _ref$showEmoji = _ref.showEmoji,
+    showEmoji = _ref$showEmoji === void 0 ? false : _ref$showEmoji,
+    children = _ref.children,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _getPhoneData = getPhoneData(value || children, defaultCountry),
+    international = _getPhoneData.international,
+    country = _getPhoneData.country;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(["flex items-center space-x-2", className])
+  }, /*#__PURE__*/React.createElement(SingleValue$1, _extends({
+    country: country,
+    showEmoji: showEmoji
+  }, otherProps)), /*#__PURE__*/React.createElement(Typography, _extends({
+    style: "body2"
+  }, otherProps), international));
+};
+var PhoneNumber$1 = /*#__PURE__*/React.memo(PhoneNumber);
+
+export { FormikPhoneNumberInput, PhoneNumber$1 as PhoneNumber, PhoneNumberInput, isPhoneNumberValid, validation };
+//# sourceMappingURL=PhoneNumber.js.map

package/dist/PhoneNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneNumber.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js","../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js","../node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","../node_modules/@babel/runtime/helpers/esm/slicedToArray.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js","../src/components/PhoneNumber/CountryPicker/constants.js","../src/components/PhoneNumber/CountryPicker/SingleValue.jsx","../src/components/PhoneNumber/CountryPicker/index.jsx","../src/components/PhoneNumber/utils.js","../src/components/PhoneNumber/PhoneNumberInput.jsx","../src/components/PhoneNumber/FormikPhoneNumberInput.jsx","../src/components/PhoneNumber/PhoneNumber.jsx"],"sourcesContent":["export default function _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}","export default function _arrayWithHoles(arr) {\n  if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(arr, i) {\n  var _i = null == arr ? null : \"undefined\" != typeof Symbol && arr[Symbol.iterator] || arr[\"@@iterator\"];\n  if (null != _i) {\n    var _s,\n      _e,\n      _x,\n      _r,\n      _arr = [],\n      _n = !0,\n      _d = !1;\n    try {\n      if (_x = (_i = _i.call(arr)).next, 0 === i) {\n        if (Object(_i) !== _i) return;\n        _n = !1;\n      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);\n    } catch (err) {\n      _d = !0, _e = err;\n    } finally {\n      try {\n        if (!_n && null != _i[\"return\"] && (_r = _i[\"return\"](), Object(_r) !== _r)) return;\n      } finally {\n        if (_d) throw _e;\n      }\n    }\n    return _arr;\n  }\n}","export default function _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n  return arr2;\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export default function _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _slicedToArray(arr, i) {\n  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n  return target;\n}","import { countries } from \"countries-list\";\nimport { mergeLeft, assoc } from \"ramda\";\n\nexport const COUNTRY_PICKER_OPTIONS = Object.entries(countries).map(\n  ([code, country]) => ({ label: country.name, value: code })\n);\n\nexport const COUNTRY_PICKER_STYLES = {\n  menuPortal: mergeLeft({ width: 196, zIndex: 99999 }),\n  control: mergeLeft({\n    border: \"none !important\",\n    cursor: \"pointer\",\n    gap: 4,\n  }),\n  input: assoc(\"position\", \"absolute !important\"),\n  valueContainer: assoc(\"padding\", \"0 !important\"),\n  indicatorsContainer: assoc(\"paddingRight\", \"0 !important\"),\n};\n","import React from \"react\";\n\nimport { countries } from \"countries-list\";\nimport { Tooltip, Typography } from \"neetoui\";\n\nconst SingleValue = ({ country, showEmoji = false, ...otherProps }) => {\n  if (!showEmoji) return null;\n\n  const countryData = countries[country];\n\n  return (\n    <Tooltip content={countryData.name}>\n      <Typography\n        className=\"cursor-pointer text-center text-xl\"\n        style=\"body2\"\n        {...otherProps}\n      >\n        {countryData.emoji}\n      </Typography>\n    </Tooltip>\n  );\n};\n\nexport default React.memo(SingleValue);\n","import React, { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { getCountryCallingCode } from \"libphonenumber-js/min\";\nimport { Select } from \"neetoui\";\n\nimport { COUNTRY_PICKER_OPTIONS, COUNTRY_PICKER_STYLES } from \"./constants\";\nimport SingleValue from \"./SingleValue\";\n\nconst CountryPicker = ({\n  country,\n  setCountry,\n  onInputChange,\n  prefix,\n  phoneNumber,\n  ...otherProps\n}) => {\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const handleCountryChange = ({ value }) => {\n    setCountry(value);\n    onInputChange(\n      phoneNumber.replace(prefix, `+${getCountryCallingCode(value)}`)\n    );\n  };\n\n  return (\n    <div\n      className={classnames(\"flex-shrink-0\", {\n        \"w-10\": !searchTerm,\n        \"w-24\": searchTerm,\n      })}\n    >\n      <Select\n        isSearchable\n        data-testid=\"phonenumber-country-picker\"\n        options={COUNTRY_PICKER_OPTIONS}\n        strategy=\"fixed\"\n        styles={COUNTRY_PICKER_STYLES}\n        value={{ value: country }}\n        components={{\n          SingleValue: () => <SingleValue showEmoji country={country} />,\n        }}\n        isOptionSelected={({ value }, [selectedOption]) =>\n          selectedOption?.name === value\n        }\n        onChange={handleCountryChange}\n        onInputChange={setSearchTerm}\n        {...otherProps}\n      />\n    </div>\n  );\n};\n\nexport default React.memo(CountryPicker);\n","import i18next from \"i18next\";\nimport {\n  formatIncompletePhoneNumber,\n  isValidPhoneNumber,\n  parsePhoneNumber,\n} from \"libphonenumber-js/min\";\nimport * as yup from \"yup\";\n\nexport const isPhoneNumberValid = (value = \"\", ...rest) =>\n  isValidPhoneNumber(value, ...rest);\n\nexport const validation = (\n  message = i18next.t(\"neetoMolecules.phoneNumberInput.validations.invalid\")\n) =>\n  yup\n    .string()\n    .test(\"phoneNumber\", message, phoneNumber =>\n      phoneNumber ? isValidPhoneNumber(phoneNumber) : true\n    );\n\nexport const getPhoneData = (value, defaultCountry) => {\n  try {\n    const parsedValue = parsePhoneNumber(value, defaultCountry);\n\n    return {\n      phoneNumber: parsedValue.number,\n      international: parsedValue.formatInternational(),\n      country: parsedValue.country || defaultCountry,\n    };\n  } catch {\n    return {\n      phoneNumber: value,\n      international: formatIncompletePhoneNumber(value, defaultCountry),\n      country: defaultCountry,\n    };\n  }\n};\n\nexport const getCursorPosition = ({\n  event,\n  prevFormattedValue,\n  newFormattedValue,\n}) => {\n  const {\n    nativeEvent: { inputType },\n    target: { value: newValue, selectionStart },\n  } = event;\n\n  if (selectionStart === newValue.length) return newFormattedValue.length;\n\n  const n = prevFormattedValue\n    .substring(0, selectionStart)\n    .replace(/\\s/g, \"\").length;\n\n  let cursor = 0;\n  for (let i = 0; i < n; ++i, ++cursor) {\n    if (newFormattedValue[cursor] === \" \") ++cursor;\n  }\n\n  if (inputType !== \"deleteContentBackward\") {\n    if (\n      newFormattedValue[selectionStart - 1] === \" \" &&\n      prevFormattedValue[selectionStart - 1] === \" \"\n    ) {\n      return cursor + 2;\n    } else if (prevFormattedValue[selectionStart - 1] === \" \") {\n      return cursor + 1;\n    }\n  }\n\n  return cursor;\n};\n","import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport classnames from \"classnames\";\nimport {\n  formatIncompletePhoneNumber,\n  getCountryCallingCode,\n} from \"libphonenumber-js/min\";\nimport { noop } from \"neetocommons/pure\";\nimport { Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport CountryPicker from \"./CountryPicker\";\nimport { getCursorPosition, getPhoneData } from \"./utils\";\n\nconst PhoneNumberInput = forwardRef(\n  (\n    {\n      value = \"\",\n      onChange = noop,\n      className,\n      error,\n      defaultCountry = \"IN\",\n      selectProps,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const internalValue = useRef(value);\n    const [country, setCountry] = useState(defaultCountry);\n\n    const prefix = country ? `+${getCountryCallingCode(country)}` : \"\";\n    const formattedValue = formatIncompletePhoneNumber(value, country);\n\n    const handleInputChange = useCallback(value => {\n      onChange(value);\n      internalValue.current = value;\n    }, []);\n\n    const handleChange = event => {\n      const { phoneNumber, country: newCountry } = getPhoneData(\n        event.target.value,\n        country\n      );\n      handleInputChange(phoneNumber);\n      setCountry(newCountry);\n\n      const cursor = getCursorPosition({\n        event,\n        prevFormattedValue: formattedValue,\n        newFormattedValue: formatIncompletePhoneNumber(phoneNumber, newCountry),\n      });\n\n      window.requestAnimationFrame(() =>\n        event.target.setSelectionRange(cursor, cursor)\n      );\n    };\n\n    useEffect(() => {\n      if (internalValue.current !== value) {\n        setCountry(getPhoneData(value, defaultCountry).country);\n      }\n    }, [value]);\n\n    return (\n      <div className={classnames([className])}>\n        <Input\n          data-testid=\"phonenumber-input\"\n          error={error}\n          ref={ref}\n          type=\"tel\"\n          value={formattedValue}\n          placeholder={t(\"neetoMolecules.phoneNumberInput.placeholder\", {\n            prefix,\n          })}\n          prefix={\n            <CountryPicker\n              country={country}\n              phoneNumber={value}\n              prefix={prefix}\n              setCountry={setCountry}\n              onInputChange={handleInputChange}\n              {...selectProps}\n            />\n          }\n          onChange={handleChange}\n          {...inputProps}\n        />\n      </div>\n    );\n  }\n);\n\nPhoneNumberInput.displayName = \"PhoneNumberInput\";\n\nPhoneNumberInput.propTypes = {\n  /**\n   * To specify the text to be displayed in the component.\n   */\n  value: PropTypes.string,\n  /**\n   * To specify the function to be triggered when the `value` is updated.\n   */\n  onChange: PropTypes.func,\n  /**\n   * To specify external classNames that can be provided as overrides to the main wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the error message to be displayed below the input field.\n   */\n  error: PropTypes.string,\n  /**\n   * To specify the default country to fallback to if the country cannot be inferred from the phone number.\n   */\n  defaultCountry: PropTypes.string,\n  /**\n   * To specify the additional props to be provided to the country picker `Select` component.\n   */\n  selectProps: PropTypes.object,\n};\n\nexport default PhoneNumberInput;\n","import React from \"react\";\n\nimport { 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 React from \"react\";\n\nimport classnames from \"classnames\";\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  const { international, country } = getPhoneData(\n    value || children,\n    defaultCountry\n  );\n\n  return (\n    <div className={classnames([\"flex items-center space-x-2\", className])}>\n      <SingleValue country={country} showEmoji={showEmoji} {...otherProps} />\n      <Typography style=\"body2\" {...otherProps}>\n        {international}\n      </Typography>\n    </div>\n  );\n};\nexport default React.memo(PhoneNumber);\n"],"names":["arrayLikeToArray","arrayWithHoles","iterableToArrayLimit","unsupportedIterableToArray","nonIterableRest","objectWithoutPropertiesLoose","COUNTRY_PICKER_OPTIONS","Object","entries","countries","map","_ref","_ref2","_slicedToArray","code","country","label","name","value","COUNTRY_PICKER_STYLES","menuPortal","mergeLeft","width","zIndex","control","border","cursor","gap","input","assoc","valueContainer","indicatorsContainer","SingleValue","_ref$showEmoji","showEmoji","otherProps","_objectWithoutProperties","_excluded","countryData","React","createElement","Tooltip","content","Typography","_extends","className","style","emoji","memo","CountryPicker","setCountry","onInputChange","prefix","phoneNumber","_useState","useState","_useState2","searchTerm","setSearchTerm","handleCountryChange","replace","concat","getCountryCallingCode","classnames","Select","isSearchable","options","strategy","styles","components","_SingleValue","isOptionSelected","_ref3","_ref4","_ref5","selectedOption","onChange","isPhoneNumberValid","arguments","length","undefined","_len","rest","Array","_key","isValidPhoneNumber","apply","validation","message","i18next","t","yup","string","test","getPhoneData","defaultCountry","parsedValue","parsePhoneNumber","number","international","formatInternational","_unused","formatIncompletePhoneNumber","getCursorPosition","event","prevFormattedValue","newFormattedValue","inputType","nativeEvent","_event$target","target","newValue","selectionStart","n","substring","i","PhoneNumberInput","forwardRef","ref","_ref$value","_ref$onChange","noop","error","_ref$defaultCountry","selectProps","inputProps","_useTranslation","useTranslation","internalValue","useRef","formattedValue","handleInputChange","useCallback","current","handleChange","_getPhoneData","newCountry","window","requestAnimationFrame","setSelectionRange","useEffect","Input","type","placeholder","displayName","FormikPhoneNumberInput","props","_useField","useField","_useField2","field","meta","setValue","touched","PhoneNumber","children"],"mappings":"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"}

package/dist/PublishBlock.js

@@ -0,0 +1,158 @@
+import React from 'react';
+import classnames from 'classnames';
+import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { ExternalLink, Undo } from '@bigbinary/neeto-icons';
+import { Alert, Button, Typography } from '@bigbinary/neetoui';
+import { useTranslation } from 'react-i18next';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var AlertBlock = function AlertBlock(props) {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React.createElement(Alert, _extends({
+    "data-cy": "reset-alert",
+    "data-testid": "reset-alert",
+    submitButtonLabel: t("neetoMolecules.common.actions.reset")
+  }, props));
+};
+
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+
+var css = ".neeto-molecules-publish-block{align-items:center;display:flex;gap:12px;justify-content:flex-end}.neeto-molecules-publish-block__action-btn{align-items:center;display:inline-flex;flex-direction:row;gap:1px;justify-content:center}.neeto-molecules-publish-block__action-btn>.neeto-ui-btn:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.neeto-molecules-publish-block__action-btn>.neeto-ui-btn:last-child{border-bottom-left-radius:0;border-top-left-radius:0}";
+n(css,{});
+
+var _excluded = ["t"],
+  _excluded2 = ["t"],
+  _excluded3 = ["t"],
+  _excluded4 = ["t"];
+var ViewDraftButton = withT(function (_ref) {
+  var t = _ref.t,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    "data-cy": "view-draft-button",
+    "data-testid": "view-draft-button",
+    icon: ExternalLink,
+    style: "secondary",
+    target: "_blank",
+    tooltipProps: {
+      content: t("neetoMolecules.publishBlock.viewDraftVersion"),
+      position: "top"
+    }
+  }, props));
+});
+var ResetDraftButton = withT(function (_ref2) {
+  var t = _ref2.t,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    "data-cy": "draft-button",
+    "data-testid": "draft-button",
+    icon: Undo,
+    style: "secondary",
+    tooltipProps: {
+      content: t("neetoMolecules.publishBlock.deleteDraftVersion"),
+      position: "top"
+    }
+  }, props));
+});
+var PublishButton = withT(function (_ref3) {
+  var t = _ref3.t,
+    props = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    "data-cy": "publish-button",
+    "data-testid": "publish-button",
+    label: t("neetoMolecules.common.actions.publish")
+  }, props));
+});
+var PublishPreviewButton = withT(function (_ref4) {
+  var t = _ref4.t,
+    props = _objectWithoutProperties(_ref4, _excluded4);
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    "data-cy": "publish-preview-button",
+    "data-testid": "publish-preview-button",
+    icon: ExternalLink,
+    target: "_blank",
+    className: classnames({
+      "pointer-events-none": props.disabled
+    }, props.className),
+    tooltipProps: {
+      content: t("neetoMolecules.publishBlock.viewPublishedVersion"),
+      position: "top"
+    }
+  }, props));
+});
+var PublishBlock = function PublishBlock(_ref5) {
+  var renderDraftButtons = _ref5.renderDraftButtons,
+    renderPublishButtons = _ref5.renderPublishButtons;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var draftBlockButtons = renderDraftButtons({
+    ViewDraftButton: ViewDraftButton,
+    ResetDraftButton: ResetDraftButton
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "neeto-molecules-publish-block",
+    "data-testid": "neeto-molecules-publish-block"
+  }, draftBlockButtons && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center gap-2"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    className: "neeto-ui-text-gray-700",
+    lineHeight: "normal",
+    style: "body2"
+  }, t("neetoMolecules.common.actions.draft")), /*#__PURE__*/React.createElement("div", {
+    className: "space-x-1"
+  }, draftBlockButtons)), /*#__PURE__*/React.createElement("div", {
+    className: "neeto-ui-bg-gray-300 h-full w-px"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "neeto-molecules-publish-block__action-btn"
+  }, renderPublishButtons({
+    PublishButton: PublishButton,
+    PublishPreviewButton: PublishPreviewButton
+  })));
+};
+PublishBlock.Alert = AlertBlock;
+
+export { PublishBlock as default };
+//# sourceMappingURL=PublishBlock.js.map

package/dist/PublishBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublishBlock.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js","../src/components/PublishBlock/AlertBlock.jsx","../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../src/components/PublishBlock/index.jsx"],"sourcesContent":["export default function _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n  return target;\n}","import React from \"react\";\n\nimport { Alert } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst AlertBlock = props => {\n  const { t } = useTranslation();\n\n  return (\n    <Alert\n      data-cy=\"reset-alert\"\n      data-testid=\"reset-alert\"\n      submitButtonLabel={t(\"neetoMolecules.common.actions.reset\")}\n      {...props}\n    />\n  );\n};\n\nexport default AlertBlock;\n","var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { ExternalLink, Undo } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AlertBlock from \"./AlertBlock\";\nimport \"./publish-block.scss\";\n\nconst ViewDraftButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"view-draft-button\"\n    data-testid=\"view-draft-button\"\n    icon={ExternalLink}\n    style=\"secondary\"\n    target=\"_blank\"\n    tooltipProps={{\n      content: t(\"neetoMolecules.publishBlock.viewDraftVersion\"),\n      position: \"top\",\n    }}\n    {...props}\n  />\n));\n\nconst ResetDraftButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"draft-button\"\n    data-testid=\"draft-button\"\n    icon={Undo}\n    style=\"secondary\"\n    tooltipProps={{\n      content: t(\"neetoMolecules.publishBlock.deleteDraftVersion\"),\n      position: \"top\",\n    }}\n    {...props}\n  />\n));\n\nconst PublishButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"publish-button\"\n    data-testid=\"publish-button\"\n    label={t(\"neetoMolecules.common.actions.publish\")}\n    {...props}\n  />\n));\n\nconst PublishPreviewButton = withT(({ t, ...props }) => (\n  <Button\n    data-cy=\"publish-preview-button\"\n    data-testid=\"publish-preview-button\"\n    icon={ExternalLink}\n    target=\"_blank\"\n    className={classnames(\n      { \"pointer-events-none\": props.disabled },\n      props.className\n    )}\n    tooltipProps={{\n      content: t(\"neetoMolecules.publishBlock.viewPublishedVersion\"),\n      position: \"top\",\n    }}\n    {...props}\n  />\n));\n\nconst PublishBlock = ({ renderDraftButtons, renderPublishButtons }) => {\n  const { t } = useTranslation();\n\n  const draftBlockButtons = renderDraftButtons({\n    ViewDraftButton,\n    ResetDraftButton,\n  });\n\n  return (\n    <div\n      className=\"neeto-molecules-publish-block\"\n      data-testid=\"neeto-molecules-publish-block\"\n    >\n      {draftBlockButtons && (\n        <>\n          <div className=\"flex items-center gap-2\">\n            <Typography\n              className=\"neeto-ui-text-gray-700\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {t(\"neetoMolecules.common.actions.draft\")}\n            </Typography>\n            <div className=\"space-x-1\">{draftBlockButtons}</div>\n          </div>\n          <div className=\"neeto-ui-bg-gray-300 h-full w-px\" />\n        </>\n      )}\n      <div className=\"neeto-molecules-publish-block__action-btn\">\n        {renderPublishButtons({ PublishButton, PublishPreviewButton })}\n      </div>\n    </div>\n  );\n};\n\nPublishBlock.Alert = AlertBlock;\n\nPublishBlock.propTypes = {\n  /**\n   * The function to render the draft buttons. It provides the `ViewDraftButton` and `ResetDraftButton` components as arguments.\n   */\n  renderDraftButtons: PropTypes.func,\n  /**\n   * The function to render the publish buttons. It provides the `PublishButton` and `PublishPreviewButton` components as arguments.\n   */\n  renderPublishButtons: PropTypes.func,\n};\nexport default PublishBlock;\n"],"names":["objectWithoutPropertiesLoose","AlertBlock","props","_useTranslation","useTranslation","t","React","createElement","Alert","_extends","submitButtonLabel","ViewDraftButton","withT","_ref","_objectWithoutProperties","_excluded","Button","icon","ExternalLink","style","target","tooltipProps","content","position","ResetDraftButton","_ref2","_excluded2","Undo","PublishButton","_ref3","_excluded3","label","PublishPreviewButton","_ref4","_excluded4","className","classnames","disabled","PublishBlock","_ref5","renderDraftButtons","renderPublishButtons","draftBlockButtons","Fragment","Typography","lineHeight"],"mappings":"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"}