@invoicebox/ui 0.1.0-alpha.9 → 0.1.0-alpha.90

package/dist/components/common/Flag/components/UzbFlag/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/UzbFlag',
+  component: _.UzbFlag,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {};

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

@@ -0,0 +1,11 @@
+declare const flagKeys: readonly ["RUS", "BLR", "KAZ", "AZE", "ARM", "KGZ", "MDA", "TJK", "UZB", "CHN", "ENG", "ESP", "UNKNOWN"];
+export type TFlagKey = (typeof flagKeys)[number];
+export type TProps = {
+    flag: TFlagKey;
+    isSmall: boolean;
+};
+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", "UNKNOWN"];
+};
+export {};

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

@@ -0,0 +1,49 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Flag = void 0;
+var _react = _interopRequireDefault(require("react"));
+var S = _interopRequireWildcard(require("./styles"));
+var _RusFlag = require("./components/RusFlag");
+var _KazFlag = require("./components/KazFlag");
+var _BlrFlag = require("./components/BlrFlag");
+var _AzeFlag = require("./components/AzeFlag");
+var _ArmFlag = require("./components/ArmFlag");
+var _KgzFlag = require("./components/KgzFlag");
+var _MdaFlag = require("./components/MdaFlag");
+var _TjkFlag = require("./components/TjkFlag");
+var _UzbFlag = require("./components/UzbFlag");
+var _ChnFlag = require("./components/ChnFlag");
+var _EngFlag = require("./components/EngFlag");
+var _EspFlag = require("./components/EspFlag");
+var _UnknownFlag = require("./components/UnknownFlag");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var flagKeys = ['RUS', 'BLR', 'KAZ', 'AZE', 'ARM', 'KGZ', 'MDA', 'TJK', 'UZB', 'CHN', 'ENG', 'ESP', 'UNKNOWN'];
+var map = {
+  RUS: /*#__PURE__*/_react["default"].createElement(_RusFlag.RusFlag, null),
+  KAZ: /*#__PURE__*/_react["default"].createElement(_KazFlag.KazFlag, null),
+  BLR: /*#__PURE__*/_react["default"].createElement(_BlrFlag.BlrFlag, null),
+  AZE: /*#__PURE__*/_react["default"].createElement(_AzeFlag.AzeFlag, null),
+  ARM: /*#__PURE__*/_react["default"].createElement(_ArmFlag.ArmFlag, null),
+  KGZ: /*#__PURE__*/_react["default"].createElement(_KgzFlag.KgzFlag, null),
+  MDA: /*#__PURE__*/_react["default"].createElement(_MdaFlag.MdaFlag, null),
+  TJK: /*#__PURE__*/_react["default"].createElement(_TjkFlag.TjkFlag, null),
+  UZB: /*#__PURE__*/_react["default"].createElement(_UzbFlag.UzbFlag, null),
+  CHN: /*#__PURE__*/_react["default"].createElement(_ChnFlag.ChnFlag, null),
+  ENG: /*#__PURE__*/_react["default"].createElement(_EngFlag.EngFlag, null),
+  ESP: /*#__PURE__*/_react["default"].createElement(_EspFlag.EspFlag, null),
+  UNKNOWN: /*#__PURE__*/_react["default"].createElement(_UnknownFlag.UnknownFlag, null)
+};
+var Flag = exports.Flag = function Flag(_ref) {
+  var flag = _ref.flag,
+    isSmall = _ref.isSmall;
+  return /*#__PURE__*/_react["default"].createElement(S.FlagWrapper, {
+    $isSmall: isSmall
+  }, map[flag]);
+};
+Flag.flags = flagKeys;

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/Flag',
+  component: _.Flag,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered'
+  }
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {
+  args: {
+    flag: 'RUS',
+    isSmall: false
+  }
+};

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const FlagWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isSmall: boolean;
+}>>;

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

@@ -0,0 +1,19 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FlagWrapper = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var selectedFlagStyles = (0, _styledComponents.css)(["height:16px;width:22px;border-radius:3px;"]);
+var listFlagStyles = (0, _styledComponents.css)(["height:12px;width:17px;border-radius:2px;img{transform:scale(0.8);transform-origin:left top;}"]);
+var FlagWrapper = exports.FlagWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "styles__FlagWrapper",
+  componentId: "sc-1te2h7u-0"
+})(["box-shadow:0 1px 5px rgba(53,63,71,0.2);display:flex;justify-content:center;align-items:center;overflow:hidden;", ";"], function (_ref) {
+  var $isSmall = _ref.$isSmall;
+  return $isSmall ? listFlagStyles : selectedFlagStyles;
+});

package/dist/components/common/InvoiceboxLoader/assets/loader.json

@@ -0,0 +1 @@
+{"v":"5.5.7","meta":{"g":"LottieFiles AE 0.1.20","a":"","k":"","d":"","tc":""},"fr":30,"ip":0,"op":90,"w":1000,"h":1000,"nm":"Invoicebox-Sign-Color","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Glas L","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[-279]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":21,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":60,"s":[0]},{"t":80,"s":[279]}],"ix":10},"p":{"a":0,"k":[500.5,499.5,0],"ix":2},"a":{"a":0,"k":[500.5,499.5,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":0,"s":[0,0,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":21,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":60,"s":[100,100,100]},{"t":80,"s":[0,0,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":39,"s":[{"i":[[30.868,0],[23.552,-23.547],[-47.105,-47.105],[-30.87,0],[-23.553,23.547],[47.107,47.105]],"o":[[-30.87,0],[-47.105,47.105],[23.552,23.547],[30.868,0],[47.107,-47.105],[-23.553,-23.547]],"v":[[0,-120.624],[-85.292,-85.292],[-85.292,85.293],[0,120.624],[85.29,85.293],[85.29,-85.292]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":43,"s":[{"i":[[30.864,0.731],[23.659,-9.648],[-46.879,-21.523],[-30.866,-0.731],[-23.66,9.648],[46.881,21.523]],"o":[[-30.866,-0.731],[-47.32,19.296],[23.439,10.761],[30.864,0.731],[47.322,-19.296],[-23.44,-10.761]],"v":[[0.536,-41.244],[-84.91,-27.955],[-85.71,45.963],[-0.595,63.293],[84.85,50.004],[85.65,-23.914]],"c":true}]},{"t":47,"s":[{"i":[[30.868,0],[23.552,-23.547],[-47.105,-47.105],[-30.87,0],[-23.553,23.547],[47.107,47.105]],"o":[[-30.87,0],[-47.105,47.105],[23.552,23.547],[30.868,0],[47.107,-47.105],[-23.553,-23.547]],"v":[[0,-120.624],[-85.292,-85.292],[-85.292,85.293],[0,120.624],[85.29,85.293],[85.29,-85.292]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":39,"s":[{"i":[[-15.306,0],[-10.826,-10.828],[0,-15.307],[10.825,-10.827],[15.303,0],[10.823,10.818],[0,15.305],[-10.823,10.827]],"o":[[15.303,0],[10.823,10.818],[0,15.305],[-10.824,10.818],[-15.306,0],[-10.823,-10.827],[0,-15.307],[10.823,-10.819]],"v":[[0,-57.305],[40.518,-40.513],[57.301,0.001],[40.516,40.522],[0,57.306],[-40.518,40.522],[-57.303,0.001],[-40.518,-40.522]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":43,"s":[{"i":[[-15.306,0],[-10.826,0],[0,0],[10.825,0],[15.303,0],[10.823,0],[0,0],[-10.823,0]],"o":[[15.303,0],[10.823,0],[0,0],[-10.824,0],[-15.306,0],[-10.823,0],[0,0],[10.823,0]],"v":[[-1,10.024],[39.518,10.024],[56.301,10.024],[39.516,10.024],[-1,10.024],[-41.518,10.024],[-58.303,10.024],[-41.518,10.024]],"c":true}]},{"t":47,"s":[{"i":[[-15.306,0],[-10.826,-10.828],[0,-15.307],[10.825,-10.827],[15.303,0],[10.823,10.818],[0,15.305],[-10.823,10.827]],"o":[[15.303,0],[10.823,10.818],[0,15.305],[-10.824,10.818],[-15.306,0],[-10.823,-10.827],[0,-15.307],[10.823,-10.819]],"v":[[0,-57.305],[40.518,-40.513],[57.301,0.001],[40.516,40.522],[0,57.306],[-40.518,40.522],[-57.303,0.001],[-40.518,-40.522]],"c":true}]}],"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.134852106431,0.138380791159,0.184372441909,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[254.653,489.476],"ix":2},"a":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[780,0],"to":[-130,0],"ti":[130,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":21,"s":[0,0],"to":[0,0],"ti":[0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[0,0],"to":[130,0],"ti":[-130,0]},{"t":80,"s":[780,0]}],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":450,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"smil","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":4,"s":[-279]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":30,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":39,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":43,"s":[19]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":47,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":63,"s":[0]},{"t":83,"s":[279]}],"ix":10},"p":{"a":0,"k":[500.5,499.5,0],"ix":2},"a":{"a":0,"k":[500.5,499.5,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":4,"s":[0,0,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":30,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":63,"s":[100,100,100]},{"t":83,"s":[0,0,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[32.06,4.125],[19.359,22.884],[-8.376,7.095],[-7.2,-4.858],[0,0],[-17.873,3.06],[-9.496,12.608],[-17.776,-13.382],[13.395,-17.77],[3.166,-2.298]],"o":[[-28.296,20.312],[-32.214,-3.754],[-7.084,-8.386],[6.968,-5.884],[0,0],[17.062,11.533],[18.047,-2.893],[13.375,-17.771],[17.758,13.383],[-2.47,3.289],[0,0]],"v":[[78.769,26.144],[-16.734,50.82],[-97.664,7.972],[-95.329,-20.055],[-71.356,-21.365],[-70.623,-20.868],[-15.576,-8.461],[27.003,-33.617],[83.42,-41.563],[91.353,14.845],[82.841,23.234]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.989351519416,0.838442574295,0.020511326135,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[456.162,628.048],"ix":2},"a":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":4,"s":[780,0],"to":[-130,0],"ti":[130,0]},{"i":{"x":0.667,"y":0.667},"o":{"x":0.333,"y":0.333},"t":30,"s":[0,0],"to":[0,0],"ti":[0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":63,"s":[0,0],"to":[130,0],"ti":[-130,0]},{"t":83,"s":[780,0]}],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":4,"op":454,"st":4,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Invoicebox-Sign-Color Outlines","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":2,"s":[-279]},{"t":28,"s":[0],"h":1},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":67,"s":[0]},{"t":87,"s":[279]}],"ix":10},"p":{"a":0,"k":[500.5,499.5,0],"ix":2},"a":{"a":0,"k":[500.5,499.5,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":2,"s":[0,0,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":28,"s":[100,100,100]},{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"t":67,"s":[100,100,100]},{"t":87,"s":[0,0,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[86.983,0],[0,-86.981],[-86.983,0],[0,86.991]],"o":[[-86.983,0],[0,86.991],[86.983,0],[0,-86.981]],"v":[[0.001,-157.493],[-157.497,-0.005],[0.001,157.493],[157.497,-0.005]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[-45.481,0],[0,-45.473],[45.481,0],[0,45.484]],"o":[[45.481,0],[0,45.484],[-45.481,0],[0,-45.473]],"v":[[0.001,-82.479],[82.482,-0.005],[0.001,82.479],[-82.483,-0.005]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.989351519416,0.838442574295,0.020511326135,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[708.471,477.61],"ix":2},"a":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":2,"s":[1409.904,0],"to":[-207.106,0],"ti":[94.769,0]},{"t":28,"s":[0,0],"h":1},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":67,"s":[0,0],"to":[0,0],"ti":[76.992,0]},{"t":87,"s":[1409.904,0]}],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":2,"op":452,"st":2,"bm":0}],"markers":[]}

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export type TProps = {
+    width?: string;
+};
+export declare const InvoiceboxLoader: FC<TProps>;