@invoicebox/ui 0.1.0-alpha.319 → 0.1.0-alpha.320

package/dist/components/common/Flag/components/CanFlag/index.d.ts

@@ -0,0 +1 @@
+export declare const CanFlag: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Flag/components/CanFlag/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CanFlag = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var CanFlag = exports.CanFlag = function CanFlag() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 18 12",
+    preserveAspectRatio: "none",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    width: "18",
+    height: "12",
+    rx: "2",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M9.17647 9H8.82353L8.91176 7.7027C8.90678 7.63438 8.87109 7.61643 8.73529 7.62162L7.32353 7.78378C7.32353 7.78378 7.58824 7.45946 7.58824 7.2973C7.58824 7.13514 6 6.08108 6 6.08108C6 6.08108 6.35294 6 6.44118 5.91892C6.52941 5.83784 6.08824 4.94595 6.08824 4.94595C6.08824 4.94595 6.9849 5.27027 7.05882 5.18919C7.13274 5.10811 7.23529 4.78378 7.23529 4.78378C7.23529 4.78378 7.94118 5.51351 8.11765 5.51351C8.29412 5.51351 7.76471 3.72973 7.76471 3.72973C7.76471 3.72973 8.20588 4.05405 8.38235 4.05405C8.55882 4.05405 9 3 9 3C9 3 9.44118 4.05405 9.52941 4.05405C9.61765 4.05405 10.2353 3.72973 10.2353 3.72973C10.2353 3.72973 9.79412 5.43243 9.88235 5.51351C9.97059 5.59459 10.7647 4.78378 10.7647 4.78378C10.7647 4.78378 10.8529 5.10811 10.9412 5.18919C11.0294 5.27027 11.9118 4.94595 11.9118 4.94595C11.9118 4.94595 11.4706 5.83784 11.5588 5.91892C11.6471 6 12 6.08108 12 6.08108C12 6.08108 10.4118 7.13514 10.4118 7.2973C10.4118 7.45946 10.5882 7.78378 10.5882 7.78378L9.26471 7.62162C9.15832 7.59359 9.12144 7.61486 9.08824 7.7027L9.17647 9Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "14",
+    y: "-1",
+    width: "4",
+    height: "14",
+    fill: "#F93939"
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    y: "-1",
+    width: "4",
+    height: "14",
+    fill: "#F93939"
+  }));
+};

package/dist/components/common/Flag/components/CanFlag/index.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CanFlag } from '.';
+declare const meta: Meta<typeof CanFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof CanFlag>;

package/dist/components/common/Flag/components/CanFlag/index.stories.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/Flag/_components/CanFlag',
+  component: _.CanFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

package/dist/components/common/Flag/components/UsaFlag/index.d.ts

@@ -0,0 +1 @@
+export declare const UsaFlag: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/common/Flag/components/UsaFlag/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UsaFlag = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var UsaFlag = exports.UsaFlag = function UsaFlag() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 18 12",
+    preserveAspectRatio: "none",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    width: "18",
+    height: "12",
+    rx: "2",
+    fill: "white"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H7.71429V5.6H0V0Z",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.71429 0V0.8H18V0H7.71429ZM7.71429 1.6V2.4H18V1.6H7.71429ZM7.71429 3.2V4H18V3.2H7.71429ZM7.71429 4.8V5.6H18V4.8H7.71429ZM0 6.4V7.2H18V6.4H0ZM0 8V8.8H18V8H0ZM0 9.6V10.4H18V9.6H0ZM0 11.2V12H18V11.2H0Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0.857178 0.799988V1.59999H1.71432V0.799988H0.857178ZM2.57146 0.799988V1.59999H3.42861V0.799988H2.57146ZM4.28575 0.799988V1.59999H5.14289V0.799988H4.28575ZM6.00004 0.799988V1.59999H6.85718V0.799988H6.00004ZM5.14289 1.59999V2.39999H6.00004V1.59999H5.14289ZM3.42861 1.59999V2.39999H4.28575V1.59999H3.42861ZM1.71432 1.59999V2.39999H2.57146V1.59999H1.71432ZM0.857178 2.39999V3.19999H1.71432V2.39999H0.857178ZM2.57146 2.39999V3.19999H3.42861V2.39999H2.57146ZM4.28575 2.39999V3.19999H5.14289V2.39999H4.28575ZM6.00004 2.39999V3.19999H6.85718V2.39999H6.00004ZM0.857178 3.99999V4.79999H1.71432V3.99999H0.857178ZM2.57146 3.99999V4.79999H3.42861V3.99999H2.57146ZM4.28575 3.99999V4.79999H5.14289V3.99999H4.28575ZM6.00004 3.99999V4.79999H6.85718V3.99999H6.00004ZM5.14289 3.19999V3.99999H6.00004V3.19999H5.14289ZM3.42861 3.19999V3.99999H4.28575V3.19999H3.42861ZM1.71432 3.19999V3.99999H2.57146V3.19999H1.71432Z",
+    fill: "white"
+  }));
+};

package/dist/components/common/Flag/components/UsaFlag/index.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { UsaFlag } from '.';
+declare const meta: Meta<typeof UsaFlag>;
+export default meta;
+export declare const Default: StoryObj<typeof UsaFlag>;

package/dist/components/common/Flag/components/UsaFlag/index.stories.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/Flag/_components/UsaFlag',
+  component: _.UsaFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

package/dist/components/common/Flag/index.d.ts

@@ -1,4 +1,4 @@
-declare const flagKeys: readonly ["RUS", "BLR", "KAZ", "AZE", "ARM", "KGZ", "MDA", "TJK", "UZB", "CHN", "ENG", "ESP", "ARE", "AUS", "DEU", "ECU", "FRA", "IND", "SAU", "SRB", "SVK", "SVN", "TUR", "UNKNOWN"];
+declare const flagKeys: readonly ["RUS", "BLR", "KAZ", "AZE", "ARM", "KGZ", "MDA", "TJK", "UZB", "CHN", "ENG", "ESP", "ARE", "AUS", "DEU", "ECU", "FRA", "IND", "SAU", "SRB", "SVK", "SVN", "TUR", "USA", "CAN", "UNKNOWN"];
 export type TFlagKey = (typeof flagKeys)[number];
 export type TProps = {
     flag: TFlagKey;
@@ -6,6 +6,6 @@ export type TProps = {
 };
 export declare const Flag: {
     ({ flag, isSmall }: TProps): import("react/jsx-runtime").JSX.Element;
-    flags: readonly ["RUS", "BLR", "KAZ", "AZE", "ARM", "KGZ", "MDA", "TJK", "UZB", "CHN", "ENG", "ESP", "ARE", "AUS", "DEU", "ECU", "FRA", "IND", "SAU", "SRB", "SVK", "SVN", "TUR", "UNKNOWN"];
+    flags: readonly ["RUS", "BLR", "KAZ", "AZE", "ARM", "KGZ", "MDA", "TJK", "UZB", "CHN", "ENG", "ESP", "ARE", "AUS", "DEU", "ECU", "FRA", "IND", "SAU", "SRB", "SVK", "SVN", "TUR", "USA", "CAN", "UNKNOWN"];
 };
 export {};

package/dist/components/common/Flag/index.js

@@ -30,10 +30,12 @@ var _SrbFlag = require("./components/SrbFlag");
 var _SvkFlag = require("./components/SvkFlag");
 var _SvnFlag = require("./components/SvnFlag");
 var _TurFlag = require("./components/TurFlag");
+var _UsaFlag = require("./components/UsaFlag");
+var _CanFlag = require("./components/CanFlag");
 var _UnknownFlag = require("./components/UnknownFlag");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var flagKeys = ['RUS', 'BLR', 'KAZ', 'AZE', 'ARM', 'KGZ', 'MDA', 'TJK', 'UZB', 'CHN', 'ENG', 'ESP', 'ARE', 'AUS', 'DEU', 'ECU', 'FRA', 'IND', 'SAU', 'SRB', 'SVK', 'SVN', 'TUR', 'UNKNOWN'];
+var flagKeys = ['RUS', 'BLR', 'KAZ', 'AZE', 'ARM', 'KGZ', 'MDA', 'TJK', 'UZB', 'CHN', 'ENG', 'ESP', 'ARE', 'AUS', 'DEU', 'ECU', 'FRA', 'IND', 'SAU', 'SRB', 'SVK', 'SVN', 'TUR', 'USA', 'CAN', 'UNKNOWN'];
 var map = {
   RUS: /*#__PURE__*/_react["default"].createElement(_RusFlag.RusFlag, null),
   KAZ: /*#__PURE__*/_react["default"].createElement(_KazFlag.KazFlag, null),
@@ -58,6 +60,8 @@ var map = {
   SVK: /*#__PURE__*/_react["default"].createElement(_SvkFlag.SvkFlag, null),
   SVN: /*#__PURE__*/_react["default"].createElement(_SvnFlag.SvnFlag, null),
   TUR: /*#__PURE__*/_react["default"].createElement(_TurFlag.TurFlag, null),
+  USA: /*#__PURE__*/_react["default"].createElement(_UsaFlag.UsaFlag, null),
+  CAN: /*#__PURE__*/_react["default"].createElement(_CanFlag.CanFlag, null),
   UNKNOWN: /*#__PURE__*/_react["default"].createElement(_UnknownFlag.UnknownFlag, null)
 };
 var Flag = exports.Flag = function Flag(_ref) {

package/dist/components/form/PhoneInput/constants.js

@@ -161,6 +161,23 @@ var getAllCountriesPhoneRules = exports.getAllCountriesPhoneRules = function get
       regexp: /^\+?966\d{9}$/,
       flag: 'SAU'
     },
+    // США и Канада входят в общий план нумерации NANP (+1) и неотличимы по префиксу.
+    // Автоопределение выберет USA (идёт первым), при этом ручной выбор CAN не сбрасывается —
+    // getIsNeedChangeCountry сравнивает startSubsequence, а он у обеих стран одинаковый.
+    USA: {
+      placeholder: '+1 (XXX) XXX-XXXX',
+      mask: '+9 (999) 999-9999',
+      startSubsequence: '1',
+      regexp: /^\+?1[2-9]\d{2}[2-9]\d{6}$/,
+      flag: 'USA'
+    },
+    CAN: {
+      placeholder: '+1 (XXX) XXX-XXXX',
+      mask: '+9 (999) 999-9999',
+      startSubsequence: '1',
+      regexp: /^\+?1[2-9]\d{2}[2-9]\d{6}$/,
+      flag: 'CAN'
+    },
     // для всех непредусмотренных стран
     UNKNOWN: {
       placeholder: '',

package/dist/components/form/PhoneInput/index.stories.js

@@ -126,6 +126,12 @@ var MultiCountry = exports.MultiCountry = {
     }, {
       label: 'Саудовская Аравия',
       value: 'SAU'
+    }, {
+      label: 'США',
+      value: 'USA'
+    }, {
+      label: 'Канада',
+      value: 'CAN'
     }]
   }),
   render: Component

package/dist/components/form/PhoneInput/phoneInputLogic.d.ts

@@ -7,13 +7,13 @@ export declare class PhoneInputLogic {
     getRusCountry(): TCountryRule;
     private getCaretPositionByRusValue;
     getIsValidPhoneInputByCountry(value: string, country: TCountryRule): boolean;
-    getSupportedCountriesByCountryNames(countries?: Array<TSupportedCountries>): ("RUS" | "BLR" | "KAZ" | "AZE" | "ARM" | "KGZ" | "TJK" | "UZB" | "CHN" | "ESP" | "ARE" | "AUS" | "DEU" | "ECU" | "FRA" | "IND" | "SAU" | "SRB" | "SVK" | "SVN" | "TUR" | "UNKNOWN" | "GBR")[] | undefined;
+    getSupportedCountriesByCountryNames(countries?: Array<TSupportedCountries>): ("RUS" | "BLR" | "KAZ" | "AZE" | "ARM" | "KGZ" | "TJK" | "UZB" | "CHN" | "ESP" | "ARE" | "AUS" | "DEU" | "ECU" | "FRA" | "IND" | "SAU" | "SRB" | "SVK" | "SVN" | "TUR" | "USA" | "CAN" | "UNKNOWN" | "GBR")[] | undefined;
     getCountriesSelectOptions(countries?: Array<{
         label: string;
         value: TSupportedCountries;
     }>): {
         description: string;
-        flag: "RUS" | "BLR" | "KAZ" | "AZE" | "ARM" | "KGZ" | "MDA" | "TJK" | "UZB" | "CHN" | "ENG" | "ESP" | "ARE" | "AUS" | "DEU" | "ECU" | "FRA" | "IND" | "SAU" | "SRB" | "SVK" | "SVN" | "TUR" | "UNKNOWN";
+        flag: "RUS" | "BLR" | "KAZ" | "AZE" | "ARM" | "KGZ" | "MDA" | "TJK" | "UZB" | "CHN" | "ENG" | "ESP" | "ARE" | "AUS" | "DEU" | "ECU" | "FRA" | "IND" | "SAU" | "SRB" | "SVK" | "SVN" | "TUR" | "USA" | "CAN" | "UNKNOWN";
         label: string;
         value: TSupportedCountries;
     }[] | undefined;

package/dist/components/form/PhoneInput/types.d.ts

@@ -1,7 +1,7 @@
 import { TFlagKey } from '../../common/Flag';
 export declare const RUS_COUNTRY_CODE = "RUS";
 export declare const UNKNOWN_COUNTRY_CODE = "UNKNOWN";
-export declare const supportedCountries: readonly ["RUS", "BLR", "AZE", "ARM", "KAZ", "TJK", "UZB", "KGZ", "CHN", "ESP", "GBR", "ARE", "FRA", "SRB", "IND", "TUR", "SVN", "SVK", "ECU", "DEU", "AUS", "SAU", "UNKNOWN"];
+export declare const supportedCountries: readonly ["RUS", "BLR", "AZE", "ARM", "KAZ", "TJK", "UZB", "KGZ", "CHN", "ESP", "GBR", "ARE", "FRA", "SRB", "IND", "TUR", "SVN", "SVK", "ECU", "DEU", "AUS", "SAU", "USA", "CAN", "UNKNOWN"];
 export type TSupportedCountries = (typeof supportedCountries)[number];
 export type TCountryRule = {
     placeholder: string;

package/dist/components/form/PhoneInput/types.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.supportedCountries = exports.UNKNOWN_COUNTRY_CODE = exports.RUS_COUNTRY_CODE = void 0;
 var RUS_COUNTRY_CODE = exports.RUS_COUNTRY_CODE = 'RUS';
 var UNKNOWN_COUNTRY_CODE = exports.UNKNOWN_COUNTRY_CODE = 'UNKNOWN';
-var supportedCountries = exports.supportedCountries = [RUS_COUNTRY_CODE, 'BLR', 'AZE', 'ARM', 'KAZ', 'TJK', 'UZB', 'KGZ', 'CHN', 'ESP', 'GBR', 'ARE', 'FRA', 'SRB', 'IND', 'TUR', 'SVN', 'SVK', 'ECU', 'DEU', 'AUS', 'SAU', UNKNOWN_COUNTRY_CODE];
+var supportedCountries = exports.supportedCountries = [RUS_COUNTRY_CODE, 'BLR', 'AZE', 'ARM', 'KAZ', 'TJK', 'UZB', 'KGZ', 'CHN', 'ESP', 'GBR', 'ARE', 'FRA', 'SRB', 'IND', 'TUR', 'SVN', 'SVK', 'ECU', 'DEU', 'AUS', 'SAU', 'USA', 'CAN', UNKNOWN_COUNTRY_CODE];

package/dist/esm/components/common/Flag/components/CanFlag/index.js

@@ -0,0 +1,30 @@
+import React from 'react';
+export var CanFlag = function CanFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 18 12",
+    preserveAspectRatio: "none",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "18",
+    height: "12",
+    rx: "2",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.17647 9H8.82353L8.91176 7.7027C8.90678 7.63438 8.87109 7.61643 8.73529 7.62162L7.32353 7.78378C7.32353 7.78378 7.58824 7.45946 7.58824 7.2973C7.58824 7.13514 6 6.08108 6 6.08108C6 6.08108 6.35294 6 6.44118 5.91892C6.52941 5.83784 6.08824 4.94595 6.08824 4.94595C6.08824 4.94595 6.9849 5.27027 7.05882 5.18919C7.13274 5.10811 7.23529 4.78378 7.23529 4.78378C7.23529 4.78378 7.94118 5.51351 8.11765 5.51351C8.29412 5.51351 7.76471 3.72973 7.76471 3.72973C7.76471 3.72973 8.20588 4.05405 8.38235 4.05405C8.55882 4.05405 9 3 9 3C9 3 9.44118 4.05405 9.52941 4.05405C9.61765 4.05405 10.2353 3.72973 10.2353 3.72973C10.2353 3.72973 9.79412 5.43243 9.88235 5.51351C9.97059 5.59459 10.7647 4.78378 10.7647 4.78378C10.7647 4.78378 10.8529 5.10811 10.9412 5.18919C11.0294 5.27027 11.9118 4.94595 11.9118 4.94595C11.9118 4.94595 11.4706 5.83784 11.5588 5.91892C11.6471 6 12 6.08108 12 6.08108C12 6.08108 10.4118 7.13514 10.4118 7.2973C10.4118 7.45946 10.5882 7.78378 10.5882 7.78378L9.26471 7.62162C9.15832 7.59359 9.12144 7.61486 9.08824 7.7027L9.17647 9Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: "14",
+    y: "-1",
+    width: "4",
+    height: "14",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("rect", {
+    y: "-1",
+    width: "4",
+    height: "14",
+    fill: "#F93939"
+  }));
+};

package/dist/esm/components/common/Flag/components/CanFlag/index.stories.js

@@ -0,0 +1,8 @@
+import { CanFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/CanFlag',
+  component: CanFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

package/dist/esm/components/common/Flag/components/UsaFlag/index.js

@@ -0,0 +1,31 @@
+import React from 'react';
+export var UsaFlag = function UsaFlag() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "16",
+    viewBox: "0 0 18 12",
+    preserveAspectRatio: "none",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "18",
+    height: "12",
+    rx: "2",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0H7.71429V5.6H0V0Z",
+    fill: "#1A47B8"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.71429 0V0.8H18V0H7.71429ZM7.71429 1.6V2.4H18V1.6H7.71429ZM7.71429 3.2V4H18V3.2H7.71429ZM7.71429 4.8V5.6H18V4.8H7.71429ZM0 6.4V7.2H18V6.4H0ZM0 8V8.8H18V8H0ZM0 9.6V10.4H18V9.6H0ZM0 11.2V12H18V11.2H0Z",
+    fill: "#F93939"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0.857178 0.799988V1.59999H1.71432V0.799988H0.857178ZM2.57146 0.799988V1.59999H3.42861V0.799988H2.57146ZM4.28575 0.799988V1.59999H5.14289V0.799988H4.28575ZM6.00004 0.799988V1.59999H6.85718V0.799988H6.00004ZM5.14289 1.59999V2.39999H6.00004V1.59999H5.14289ZM3.42861 1.59999V2.39999H4.28575V1.59999H3.42861ZM1.71432 1.59999V2.39999H2.57146V1.59999H1.71432ZM0.857178 2.39999V3.19999H1.71432V2.39999H0.857178ZM2.57146 2.39999V3.19999H3.42861V2.39999H2.57146ZM4.28575 2.39999V3.19999H5.14289V2.39999H4.28575ZM6.00004 2.39999V3.19999H6.85718V2.39999H6.00004ZM0.857178 3.99999V4.79999H1.71432V3.99999H0.857178ZM2.57146 3.99999V4.79999H3.42861V3.99999H2.57146ZM4.28575 3.99999V4.79999H5.14289V3.99999H4.28575ZM6.00004 3.99999V4.79999H6.85718V3.99999H6.00004ZM5.14289 3.19999V3.99999H6.00004V3.19999H5.14289ZM3.42861 3.19999V3.99999H4.28575V3.19999H3.42861ZM1.71432 3.19999V3.99999H2.57146V3.19999H1.71432Z",
+    fill: "white"
+  }));
+};

package/dist/esm/components/common/Flag/components/UsaFlag/index.stories.js

@@ -0,0 +1,8 @@
+import { UsaFlag } from '.';
+var meta = {
+  title: 'common/Flag/_components/UsaFlag',
+  component: UsaFlag,
+  tags: ['autodocs']
+};
+export default meta;
+export var Default = {};

package/dist/esm/components/common/Flag/index.js

@@ -23,8 +23,10 @@ import { SrbFlag } from './components/SrbFlag';
 import { SvkFlag } from './components/SvkFlag';
 import { SvnFlag } from './components/SvnFlag';
 import { TurFlag } from './components/TurFlag';
+import { UsaFlag } from './components/UsaFlag';
+import { CanFlag } from './components/CanFlag';
 import { UnknownFlag } from './components/UnknownFlag';
-var flagKeys = ['RUS', 'BLR', 'KAZ', 'AZE', 'ARM', 'KGZ', 'MDA', 'TJK', 'UZB', 'CHN', 'ENG', 'ESP', 'ARE', 'AUS', 'DEU', 'ECU', 'FRA', 'IND', 'SAU', 'SRB', 'SVK', 'SVN', 'TUR', 'UNKNOWN'];
+var flagKeys = ['RUS', 'BLR', 'KAZ', 'AZE', 'ARM', 'KGZ', 'MDA', 'TJK', 'UZB', 'CHN', 'ENG', 'ESP', 'ARE', 'AUS', 'DEU', 'ECU', 'FRA', 'IND', 'SAU', 'SRB', 'SVK', 'SVN', 'TUR', 'USA', 'CAN', 'UNKNOWN'];
 var map = {
   RUS: /*#__PURE__*/React.createElement(RusFlag, null),
   KAZ: /*#__PURE__*/React.createElement(KazFlag, null),
@@ -49,6 +51,8 @@ var map = {
   SVK: /*#__PURE__*/React.createElement(SvkFlag, null),
   SVN: /*#__PURE__*/React.createElement(SvnFlag, null),
   TUR: /*#__PURE__*/React.createElement(TurFlag, null),
+  USA: /*#__PURE__*/React.createElement(UsaFlag, null),
+  CAN: /*#__PURE__*/React.createElement(CanFlag, null),
   UNKNOWN: /*#__PURE__*/React.createElement(UnknownFlag, null)
 };
 export var Flag = function Flag(_ref) {

package/dist/esm/components/form/PhoneInput/constants.js

@@ -155,6 +155,23 @@ export var getAllCountriesPhoneRules = function getAllCountriesPhoneRules(isSupp
       regexp: /^\+?966\d{9}$/,
       flag: 'SAU'
     },
+    // США и Канада входят в общий план нумерации NANP (+1) и неотличимы по префиксу.
+    // Автоопределение выберет USA (идёт первым), при этом ручной выбор CAN не сбрасывается —
+    // getIsNeedChangeCountry сравнивает startSubsequence, а он у обеих стран одинаковый.
+    USA: {
+      placeholder: '+1 (XXX) XXX-XXXX',
+      mask: '+9 (999) 999-9999',
+      startSubsequence: '1',
+      regexp: /^\+?1[2-9]\d{2}[2-9]\d{6}$/,
+      flag: 'USA'
+    },
+    CAN: {
+      placeholder: '+1 (XXX) XXX-XXXX',
+      mask: '+9 (999) 999-9999',
+      startSubsequence: '1',
+      regexp: /^\+?1[2-9]\d{2}[2-9]\d{6}$/,
+      flag: 'CAN'
+    },
     // для всех непредусмотренных стран
     UNKNOWN: {
       placeholder: '',

package/dist/esm/components/form/PhoneInput/index.stories.js

@@ -119,6 +119,12 @@ export var MultiCountry = {
     }, {
       label: 'Саудовская Аравия',
       value: 'SAU'
+    }, {
+      label: 'США',
+      value: 'USA'
+    }, {
+      label: 'Канада',
+      value: 'CAN'
     }]
   }),
   render: Component

package/dist/esm/components/form/PhoneInput/types.js

@@ -1,3 +1,3 @@
 export var RUS_COUNTRY_CODE = 'RUS';
 export var UNKNOWN_COUNTRY_CODE = 'UNKNOWN';
-export var supportedCountries = [RUS_COUNTRY_CODE, 'BLR', 'AZE', 'ARM', 'KAZ', 'TJK', 'UZB', 'KGZ', 'CHN', 'ESP', 'GBR', 'ARE', 'FRA', 'SRB', 'IND', 'TUR', 'SVN', 'SVK', 'ECU', 'DEU', 'AUS', 'SAU', UNKNOWN_COUNTRY_CODE];
+export var supportedCountries = [RUS_COUNTRY_CODE, 'BLR', 'AZE', 'ARM', 'KAZ', 'TJK', 'UZB', 'KGZ', 'CHN', 'ESP', 'GBR', 'ARE', 'FRA', 'SRB', 'IND', 'TUR', 'SVN', 'SVK', 'ECU', 'DEU', 'AUS', 'SAU', 'USA', 'CAN', UNKNOWN_COUNTRY_CODE];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@invoicebox/ui",
-    "version": "0.1.0-alpha.319",
+    "version": "0.1.0-alpha.320",
     "description": "Invoicebox UI",
     "license": "Apache License 2.0",
     "scripts": {