@pedidopago/ui 1.6.9 → 1.6.11

package/dist/utils/formatters/phone.js

@@ -11,11 +11,8 @@ exports.phoneNineDigitParser = phoneNineDigitParser;
 exports.phoneValidator = phoneValidator;
 exports.sanitizePhone = sanitizePhone;
 exports.verifyNineDigit = verifyNineDigit;
-
 var _phone = _interopRequireDefault(require("phone"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /**
  * Formats phone numbers with a default ddi of +55.
  * @param {string} phone - The phone number to be formatted.
@@ -24,19 +21,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  */
 function formatPhone(phone) {
   var ddi = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '+55';
-
   if (phone) {
     var sanitizedPhone = phone.replace(/[^\d]/g, '').replace(/^0/, '');
-
     switch (ddi) {
       case '+55':
         return sanitizedPhone.replace(/^(\d{2}|\d{2})\B/, '($1) ').replace(/(\d{1}|\d{1})?(\d{4}|\d{4})(\d{4}|\d{4})/, '$1$2-$3');
-
       default:
         return sanitizedPhone;
     }
   }
-
   return '';
 }
 /**
@@ -45,14 +38,10 @@ function formatPhone(phone) {
  * @param {string} [ddi='+55'] - The default ddi to use.
  * @returns {string} The formatted phone number with prefix.
  */
-
-
 function formatPhoneWithPrefix(phone) {
   var ddi = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '+55';
-
   if (phone) {
     var sanitizedPhone = phone.replace(/[^\d]/g, '').replace(/^0/, '');
-
     switch (ddi) {
       case '+55':
         switch (sanitizedPhone.length) {
@@ -60,150 +49,133 @@ function formatPhoneWithPrefix(phone) {
             {
               return sanitizedPhone.replace(/^(\d{2}|\d{2})\B/, '+$1 ').replace(/(\d{2}|\d{2})?(\d{2}|\d{2})(\d{1}|\d{1})(\d{4}|\d{4})(\d{4}|\d{4})/, '$1 $2 $3 $4-$5');
             }
-
           case 12:
             {
               return sanitizedPhone.replace(/^(\d{2}|\d{2})\B/, '+$1 ').replace(/(\d{2}|\d{2})?(\d{2}|\d{2})(\d{4}|\d{4})(\d{4}|\d{4})/, '$1 $2 $3-$4');
             }
-
           case 11:
             {
               return sanitizedPhone.replace(/^(\d{2}|\d{2})\B/, '+$1 ').replace(/(\d{2}|\d{2})?(\d{1}|\d{1})(\d{4}|\d{4})(\d{4}|\d{4})/, '$1 $2 $3-$4');
             }
-
           default:
             return sanitizedPhone;
         }
-
       default:
         return sanitizedPhone;
     }
   }
-
   return '';
 }
+
 /**
  * Sanitizes phone numbers by removing all non-digit characters and leading zeroes.
  * @param {string} phone - The phone number to be sanitized.
  * @returns {string} The sanitized phone number.
  */
-
-
 function sanitizePhone(phone) {
   return phone ? phone.replace(/\D/g, '').replace(/^0/, '') : '';
 }
+
 /**
  * Validates if a phone number is valid according to Brazilian phone number rules.
  * @param {string} phone - The phone number to be validated.
  * @returns {boolean} - Returns true if the phone number is valid or false otherwise.
  */
-
-
 function phoneValidator(phone) {
   var ddi = Number(phone.slice(0, 2));
   var ddd = Number(phone.slice(2, 4));
   var firstDigit = Number(phone.slice(4, 5));
   var digits = phone.slice(4);
   var allowed = [9, 8, 7, 6];
-
   if (ddi === 55) {
     return digits.length <= 9 ? allowed.includes(firstDigit) : ddd >= 30 ? allowed.includes(Number(phone.slice(5, 6))) : true;
   }
-
   return true;
 }
+
 /**
  * Parses a Brazilian phone number to add the ninth digit if needed or removes it if specified.
  * @param {string} phone - The phone number to be parsed.
  * @param {boolean} [remove] - If true, removes the ninth digit from the phone number. Defaults to false.
  * @returns {string} - Returns the parsed phone number.
  */
-
-
 function phoneNineDigitParser(phone) {
   var remove = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
   if (phone) {
     var replacedPhone = phone.replace(/[^0-9]/g, '');
     var phoneWith9Number = replacedPhone.split('');
     var phoneDdi = Number(phoneWith9Number.slice(0, 2).join(''));
     var phoneDdd = Number(phoneWith9Number.slice(2, 4).join(''));
     var phoneDigits = phoneWith9Number.slice(4).join('');
-
     if (remove) {
       return phoneDigits.length >= 9 && phoneDdi === 55 && phoneDdd > 30 ? phoneWith9Number.slice(0, 4).join('') + phoneWith9Number.slice(5).join('') : replacedPhone;
     }
-
     return phoneDigits.length === 8 && phoneDdi === 55 ? phoneWith9Number.slice(0, 4).join('') + '9' + phoneWith9Number.slice(4).join('') : replacedPhone;
   }
-
   return '';
 }
+
 /**
  *  Verifies if a Brazilian phone number has the ninth digit added.
  * @param {string} phone - The phone number to be verified.
  * @param {object} [options] - The options to customize the error message. Default values: { errorMessage: 'Please include the digit "9" at the beginning of the number' }.
  * @returns {boolean|string} - Returns true if first digit is nine, or an error message if the phone number is invalid.
  */
-
-
 function verifyNineDigit(phone, _ref) {
   var _ref$errorMessage = _ref.errorMessage,
-      errorMessage = _ref$errorMessage === void 0 ? 'Please include the digit "9" at the beginning of the number' : _ref$errorMessage;
-
+    errorMessage = _ref$errorMessage === void 0 ? 'Please include the digit "9" at the beginning of the number' : _ref$errorMessage;
   if (phone.length < 10) {
     return 'Please enter a valid phone number';
   }
-
   var phoneWithoutDDD = phone.substring(2);
   var firstDigitIsNineNumber = phoneWithoutDDD[0] === '9';
   return firstDigitIsNineNumber || errorMessage;
 }
+
 /**
  * Returns a formatted phone number based on provided options.
  * @param {string} phone - The phone number to be formatted.
  * @param {object} options - The options to customize the format. Default values: { ddi: undefined, withDDI: false, keepDDI: false }.
  * @returns {string} The formatted phone number.
  */
-
-
 function formatedPhone(phone) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var result = ''; // If phone is provided.
+  var result = '';
 
+  // If phone is provided.
   if (phone) {
     // If withDDI option is enabled, gets the DDI from the phone number.
     if (options.withDDI) {
       options.ddi = getDDI(phone.replaceAll('*', '0'));
-    } // Removes everything except digits and asterisks from the phone number and removes leading zeroes.
-
+    }
 
-    result = phone.replace(/[^\d*]/g, '').replace(/^0*/, ''); // Formats the phone number based on the DDI.
+    // Removes everything except digits and asterisks from the phone number and removes leading zeroes.
+    result = phone.replace(/[^\d*]/g, '').replace(/^0*/, '');
 
+    // Formats the phone number based on the DDI.
     switch (options.ddi) {
       case '55':
         result = result.substring(0, 11).replace(/^(\d{2}|\*{2})\B/, '($1) ').replace(/(\d{1}|\*{1})?(\d{4}|\*{4})(\d{4}|\*{4})/, '$1$2-$3');
         break;
-
       default:
         result = result.replace(/[^\d*-]/g, '');
     }
-  } // If keepDDI option is enabled, returns the formatted phone number with the DDI.
-
+  }
 
+  // If keepDDI option is enabled, returns the formatted phone number with the DDI.
   return options !== null && options !== void 0 && options.keepDDI ? "".concat(options.ddi, " ").concat(result) : result;
 }
+
 /**
  * Returns the DDI (international dialing code) of a phone number.
  * @param {string} number - The phone number to get the DDI from.
  * @returns {string|null} The DDI.
  */
-
-
 function getDDI(number) {
   // Removes everything except digits from the phone number.
-  var phone = number === null || number === void 0 ? void 0 : number.replace(/\D/g, ''); // Gets the DDI using the phoneLib library.
+  var phone = number === null || number === void 0 ? void 0 : number.replace(/\D/g, '');
 
+  // Gets the DDI using the phoneLib library.
   var ddi = (0, _phone.default)('+' + phone);
   return ddi.countryCode;
 }

package/dist/utils/formatters/price.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.formatPrice = formatPrice;
 exports.localeCents = localeCents;
-
 /**
  * Formats a number or string into Brazilian Real currency format.
  * @param {number | string} value - The value to format.
@@ -17,12 +16,11 @@ function formatPrice(value) {
     currency: 'BRL'
   });
 }
+
 /**
  * Converts a number of cents to a string representation of a price with the Brazilian Real currency symbol and format.
  * @param {number} cents - The amount of cents to format.
  */
-
-
 function localeCents(cents) {
   return formatPrice(cents / 100);
 }

package/dist/utils/formatters/rg.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.formatRG = formatRG;
 exports.sanitizeRG = sanitizeRG;
-
 /**
  * Formats the given RG string by removing any character that is not a number, comma, dot or space.
  * @param {string} rg - The RG string to be formatted.
@@ -14,13 +13,12 @@ exports.sanitizeRG = sanitizeRG;
 function formatRG(rg) {
   return rg.replace(/[^\dA-z.-]/g, '');
 }
+
 /**
  * Sanitizes the given RG string by removing dots and dashes and converting all characters to uppercase.
  * @param {string} rg - The RG string to be sanitized.
  * @returns {string} - The sanitized RG string.
  */
-
-
 function sanitizeRG(rg) {
   return rg.replaceAll('.', '').replaceAll('-', '').toUpperCase();
 }

package/dist/utils/formatters/strings.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.removeLineBreaks = removeLineBreaks;
 exports.replaceUnecessarySpaces = replaceUnecessarySpaces;
 exports.truncateString = truncateString;
-
 /**
  * Truncates a string to a given character limit and adds ellipses at the end if necessary.
  * @param {string} data - The string to truncate.
@@ -25,8 +24,6 @@ function truncateString(data, limit) {
  * @param {string} lineBreaks - The string to remove line breaks from.
  * @returns {string} The string without line breaks.
  */
-
-
 function removeLineBreaks(lineBreaks) {
   return lineBreaks.replace(/\r?\n|\r|\n/g, ' ');
 }
@@ -35,8 +32,6 @@ function removeLineBreaks(lineBreaks) {
  * @param {string} string - The string to replace unnecessary spaces in.
  * @returns {string} The string without unnecessary spaces.
  */
-
-
 function replaceUnecessarySpaces(string) {
   return string.replace(/ +/g, ' ').trim();
 }

package/dist/utils/fuctionsColors.js

@@ -5,16 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.focusFunction = focusFunction;
 exports.hoverFunction = hoverFunction;
-
 function hoverFunction(col) {
   var amt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -20;
   var usePound = false;
-
   if (col[0] === '#') {
     col = col.slice(1);
     usePound = true;
   }
-
   var num = parseInt(col, 16);
   var r = (num >> 16) + amt;
   if (r > 255) r = 255;else if (r < 0) r = 0;
@@ -24,16 +21,13 @@ function hoverFunction(col) {
   if (g > 255) g = 255;else if (g < 0) g = 0;
   return (usePound ? '#' : '') + (g | b << 8 | r << 16).toString(16);
 }
-
 function focusFunction(col) {
   var amt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -35;
   var usePound = false;
-
   if (col[0] === '#') {
     col = col.slice(1);
     usePound = true;
   }
-
   var num = parseInt(col, 16);
   var r = (num >> 16) + amt;
   if (r > 255) r = 255;else if (r < 0) r = 0;

package/dist/utils/generateUUID.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateUUID = generateUUID;
-
 function generateUUID() {
   return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
     var r = Math.random() * 16 | 0;

package/dist/utils/getColorValue.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getThemeHex = exports.getColorValue = void 0;
-
 var _colorCheck = require("../utils/colorCheck");
-
 /**
  * This function takes a color string and returns the color value related to the theme or the original color string
  * @param color : color value;
@@ -21,9 +19,7 @@ var getColorValue = function getColorValue(color, theme, defaultValue) {
   var colorIsThemeColor = theme && (0, _colorCheck.stripThemeColors)(color, theme.colors);
   return colorIsThemeColor || defaultValue || 'inherit';
 };
-
 exports.getColorValue = getColorValue;
-
 var getThemeHex = function getThemeHex(path, obj) {
   var separator = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '.';
   var properties = path.split(separator);
@@ -31,5 +27,4 @@ var getThemeHex = function getThemeHex(path, obj) {
     return prev && prev[curr];
   }, obj);
 };
-
 exports.getThemeHex = getThemeHex;

package/dist/utils/getSvg.d.ts

@@ -1,4 +1,4 @@
-declare type IconsObject = {
+type IconsObject = {
     name: string;
     width: number;
     height: number;

package/dist/utils/getSvg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getSvg.d.ts","sourceRoot":"","sources":["../../src/utils/getSvg.ts"],"names":[],"mappings":"AAAA,aAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,MAAM,SAAU,MAAM,YAAY,WAAW,EAAE,gBAQ3D,CAAC"}
+{"version":3,"file":"getSvg.d.ts","sourceRoot":"","sources":["../../src/utils/getSvg.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,MAAM,SAAU,MAAM,YAAY,WAAW,EAAE,gBAQ3D,CAAC"}

package/dist/utils/getSvg.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSvg = void 0;
-
 var getSvg = function getSvg(name, allIcons) {
   var filterIcon = allIcons.find(function (icon) {
     return icon.name === name;
   });
-
   if (!filterIcon) {
     return allIcons[0];
   } else {
     return filterIcon;
   }
 };
-
 exports.getSvg = getSvg;

package/dist/utils/getValuesBySize.d.ts

@@ -1,5 +1,5 @@
-declare type SizeName = 'base' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | string;
-declare type Sizes = {
+type SizeName = 'base' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | string;
+type Sizes = {
     [key in SizeName | string]: string | number;
 };
 export declare function getValuesBySize(sizes: Sizes, conditional?: SizeName): string | number;

package/dist/utils/getValuesBySize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getValuesBySize.d.ts","sourceRoot":"","sources":["../../src/utils/getValuesBySize.ts"],"names":[],"mappings":"AAAA,aAAK,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAEpE,aAAK,KAAK,GAAG;KAEV,GAAG,IAAI,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM;CAC5C,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,EAAE,QAAQ,mBAEnE"}
+{"version":3,"file":"getValuesBySize.d.ts","sourceRoot":"","sources":["../../src/utils/getValuesBySize.ts"],"names":[],"mappings":"AAAA,KAAK,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAEpE,KAAK,KAAK,GAAG;KAEV,GAAG,IAAI,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM;CAC5C,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,EAAE,QAAQ,mBAEnE"}

package/dist/utils/getValuesBySize.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getValuesBySize = getValuesBySize;
-
 function getValuesBySize(sizes, conditional) {
   return sizes[conditional] || 16;
 }

package/dist/utils/invertColor.js

@@ -4,49 +4,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.invertColor = void 0;
-
 var padZero = function padZero(str) {
   var len = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   len = len || 2;
   var zeros = new Array(len).join('0');
   return (zeros + str).slice(-len);
 };
+
 /**
  * Invert the provided color or return black or white if the color is darken or lighten
  * @param hex : hex color
  * @param bw : black or white
  * @returns : hex color
  */
-
-
 var invertColor = function invertColor(hex, bw) {
   if (hex.indexOf('#') === 0) {
     hex = hex.slice(1);
-  } // convert 3-digit hex to 6-digits.
-
-
+  }
+  // convert 3-digit hex to 6-digits.
   if (hex.length === 3) {
     hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
   }
-
   if (hex.length !== 6) {
     throw new Error('Invalid HEX color.');
   }
-
   var r = parseInt(hex.slice(0, 2), 16);
   var g = parseInt(hex.slice(2, 4), 16);
   var b = parseInt(hex.slice(4, 6), 16);
-
   if (bw) {
     return r * 0.299 + g * 0.587 + b * 0.114 > 186 ? '#000000' : '#FFFFFF';
-  } // invert color components
-
-
+  }
+  // invert color components
   r = (255 - r).toString(16);
   g = (255 - g).toString(16);
-  b = (255 - b).toString(16); // pad each with zeros and return
-
+  b = (255 - b).toString(16);
+  // pad each with zeros and return
   return '#' + padZero(r) + padZero(g) + padZero(b);
 };
-
 exports.invertColor = invertColor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pedidopago/ui",
-  "version": "1.6.9",
+  "version": "1.6.11",
   "description": "Quick build beatiful Pedido Pago apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -23,10 +23,10 @@
   "dependencies": {
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
-    "framer-motion": "^4.1.17",
+    "framer-motion": "^10.10.0",
     "phone": "^3.1.33",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -75,19 +75,19 @@
     "@babel/preset-env": "^7.15.0",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.15.0",
-    "@storybook/addon-actions": "^6.4.16",
-    "@storybook/addon-docs": "^6.4.16",
-    "@storybook/addon-essentials": "^6.4.16",
-    "@storybook/addon-links": "^6.4.16",
-    "@storybook/addons": "^6.4.16",
-    "@storybook/builder-webpack5": "^6.4.16",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-docs": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-links": "^6.5.16",
+    "@storybook/addons": "^6.5.16",
+    "@storybook/builder-webpack5": "^6.5.16",
     "@storybook/linter-config": "^3.1.2",
-    "@storybook/manager-webpack5": "^6.4.16",
-    "@storybook/node-logger": "^6.4.16",
-    "@storybook/preset-create-react-app": "^4.0.0",
-    "@storybook/react": "^6.4.16",
-    "@storybook/testing-react": "^1.2.3",
-    "@storybook/theming": "^6.4.16",
+    "@storybook/manager-webpack5": "^6.5.16",
+    "@storybook/node-logger": "^6.5.16",
+    "@storybook/preset-create-react-app": "^4.1.2",
+    "@storybook/react": "^6.5.16",
+    "@storybook/testing-react": "^1.3.0",
+    "@storybook/theming": "^6.5.16",
     "@svgr/webpack": "^5.5.0",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
@@ -104,12 +104,12 @@
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-promise": "^5.1.1",
     "eslint-plugin-react": "^7.26.1",
-    "eslint-plugin-storybook": "^0.5.6",
+    "eslint-plugin-storybook": "^0.6.11",
     "prettier": "^2.3.2",
     "react-docgen-typescript-loader": "^3.7.2",
     "react-docgen-typescript-webpack-plugin": "^1.1.0",
     "react-scripts": "^5.0.0",
-    "storybook-dark-mode": "^1.0.8",
+    "storybook-dark-mode": "^2.1.1",
     "ts-node": "^10.4.0",
     "typescript": "^4.3.5",
     "webpack": "^5"