@digigov/ui 1.1.2 → 1.1.4-mobile

package/cjs/app/QrCodeScanner/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/QrCodeScanner/index.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nconst QrReader = React.lazy(() => import('@uides/react-qr-reader'));\n\nexport interface QrCodeScannerProps {\n  style?: React.CSSProperties;\n  dataType?: 'url' | 'text';\n  legacyMode?: boolean;\n  validate?: (...args) => boolean;\n  onScan: (...args) => void;\n  onError: (err: any, data: any) => void;\n  onLoad?: (...args) => void;\n  onImageLoad?: (...args) => void;\n  delay?: number;\n  facingMode?: 'user' | 'environment';\n  showViewFinder?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * QRCodeScanner assumes that the data provided inside the QR code image,\n * are a HTTP link, thus it uses the `encodeURI` function to escape\n * all scanned data that will be forwarded to the `onScan` function\n *\n * When a QR code is scanned, before we run the `onScan` callback function,\n * we do the following:\n *\n * 1. Run a validator function provided in the props of QrCodeScanner component\n *    that receives the *raw* scanned data and returns a boolean type. (eg. check\n *    if it's a gov.gr subdomain, or that it matches the current domain)\n * 2. If the validator returns `true`, then construct a URL object from the data provided\n *    and check if the protocol is `https` and the `origin` is the same as the origin of this page\n * 2. Automatically fallback to the `onError` callback function, if the validation or url check fail\n * 3. Finally, run `onScan` callback function with the scanned data encoded as a URI.\n *\n */\n\nexport const QrCodeScanner: React.FC<QrCodeScannerProps> = ({\n  children,\n  validate,\n  onScan,\n  onError,\n  dataType = 'url',\n  legacyMode = false,\n  ...props\n}) => {\n  if (dataType === 'text') {\n    console.warn(\n      `Security Warning! The \\`text\\` dataType could be used to inject XSS code to your application database or user DOM.\n\nIn order to be safe, you can:\n1. Use a sanitizer function inside the \\`onScan\\` callback function that makes sure the data is not posing a threat to your app\n2. Contact @digigov-ui for any further details and feature requests.\n3. Read more about xss https://owasp.org/www-community/attacks/xss/\n`\n    );\n  }\n  const handleOnScan = (data) => {\n    if (data) {\n      if (dataType === 'url') {\n        try {\n          new URL(data);\n        } catch (e) {\n          return onError(\n            new Error(\n              '@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'\n            ),\n            data\n          );\n        }\n      }\n      // run a validator function provided by the application code\n      if (validate && !validate(data)) {\n        return onError(\n          new Error('Custom QR Code payload validation failed'),\n          data\n        );\n      }\n      // proceed with application defined callback function\n      onScan(data);\n    }\n  };\n  return (\n    <>\n      <QrReader\n        delay={100}\n        onError={onError}\n        onScan={handleOnScan}\n        legacyMode={legacyMode}\n        {...props}\n      />\n      {children}\n    </>\n  );\n};\n\nexport default QrCodeScanner;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,MAAM,WAAW,aAAAA,QAAM,KAAK,MAAM,OAAO,wBAAwB,CAAC;AAoC3D,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,MAAI,aAAa,QAAQ;AACvB,YAAQ;AAAA,MACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOF;AAAA,EACF;AACA,QAAM,eAAe,CAAC,SAAS;AAC7B,QAAI,MAAM;AACR,UAAI,aAAa,OAAO;AACtB,YAAI;AACF,cAAI,IAAI,IAAI;AAAA,QACd,SAAS,GAAG;AACV,iBAAO;AAAA,YACL,IAAI;AAAA,cACF;AAAA,YACF;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,UAAI,YAAY,CAAC,SAAS,IAAI,GAAG;AAC/B,eAAO;AAAA,UACL,IAAI,MAAM,0CAA0C;AAAA,UACpD;AAAA,QACF;AAAA,MACF;AAEA,aAAO,IAAI;AAAA,IACb;AAAA,EACF;AACA,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACC,QACH;AAEJ;AAEA,IAAO,wBAAQ;",
+  "names": ["React"]
+}

package/cjs/app/QrCodeViewer/QRCode.stories/index.js

@@ -1,38 +1,48 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var QRCode_stories_exports = {};
+__export(QRCode_stories_exports, {
+  Custom: () => import_Custom.Custom,
+  Default: () => import_Default.Default,
+  default: () => QRCode_stories_default
 });
-var _exportNames = {};
-exports["default"] = void 0;
-var _QrCodeViewer = _interopRequireDefault(require("@digigov/ui/app/QrCodeViewer"));
-var _Default = require("@digigov/ui/app/QrCodeViewer/__stories__/Default");
-Object.keys(_Default).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Default[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Default[key];
-    }
-  });
+module.exports = __toCommonJS(QRCode_stories_exports);
+var import_QrCodeViewer = __toESM(require("@digigov/ui/app/QrCodeViewer"));
+var import_Default = require("@digigov/ui/app/QrCodeViewer/__stories__/Default");
+var import_Custom = require("@digigov/ui/app/QrCodeViewer/__stories__/Custom");
+var QRCode_stories_default = {
+  title: "Digigov UI/app/QrCodeViewer",
+  component: import_QrCodeViewer.default,
+  displayName: "QrCodeViewer"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Custom,
+  Default
 });
-var _Custom = require("@digigov/ui/app/QrCodeViewer/__stories__/Custom");
-Object.keys(_Custom).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Custom[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Custom[key];
-    }
-  });
-});
-var _default = exports["default"] = {
-  title: 'Digigov UI/app/QrCodeViewer',
-  component: _QrCodeViewer["default"],
-  displayName: 'QrCodeViewer'
-};
+//# sourceMappingURL=QRCode.stories.js.map

package/cjs/app/QrCodeViewer/QRCode.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/QrCodeViewer/QRCode.stories.js"],
+  "sourcesContent": ["import QrCodeViewer from '@digigov/ui/app/QrCodeViewer';\nexport default {\n  title: 'Digigov UI/app/QrCodeViewer',\n  component: QrCodeViewer,\n  displayName: 'QrCodeViewer',\n};\nexport { Default } from '@digigov/ui/app/QrCodeViewer/__stories__/Default';\nexport { Custom } from '@digigov/ui/app/QrCodeViewer/__stories__/Custom';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAyB;AAMzB,qBAAwB;AACxB,oBAAuB;AANvB,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,oBAAAA;AAAA,EACX,aAAa;AACf;",
+  "names": ["QrCodeViewer"]
+}

package/cjs/app/QrCodeViewer/__stories__/Custom/index.js

@@ -1,29 +1,61 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Custom_exports = {};
+__export(Custom_exports, {
+  Custom: () => Custom,
+  default: () => Custom_default
 });
-exports["default"] = exports.Custom = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _QrCodeViewer = require("@digigov/ui/app/QrCodeViewer");
-var _greekGovernmentBase = _interopRequireDefault(require("@digigov/ui/govgr/images/greek-government-base64"));
-var Custom = exports.Custom = function Custom() {
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_QrCodeViewer.QrCodeViewer, {
+module.exports = __toCommonJS(Custom_exports);
+var import_react = __toESM(require("react"));
+var import_QrCodeViewer = require("@digigov/ui/app/QrCodeViewer");
+var import_greek_government_base64 = __toESM(require("@digigov/ui/govgr/images/greek-government-base64"));
+const Custom = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  import_QrCodeViewer.QrCodeViewer,
+  {
     value: "https://www.gov.gr/",
     size: 126,
-    bgColor: '#ededed',
-    fgColor: '#003375',
-    level: 'H',
+    bgColor: "#ededed",
+    fgColor: "#003375",
+    level: "H",
     includeMargin: false,
     imageSettings: {
-      src: "".concat(_greekGovernmentBase["default"]),
-      x: undefined,
-      y: undefined,
+      src: `${import_greek_government_base64.default}`,
+      x: void 0,
+      y: void 0,
       height: 35,
       width: 50,
       excavate: true
     }
-  }));
-};
-var _default = exports["default"] = Custom;
+  }
+));
+var Custom_default = Custom;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Custom
+});
+//# sourceMappingURL=Custom.js.map

package/cjs/app/QrCodeViewer/__stories__/Custom.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/app/QrCodeViewer/__stories__/Custom.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { QrCodeViewer } from '@digigov/ui/app/QrCodeViewer';\nimport logo from '@digigov/ui/govgr/images/greek-government-base64';\nexport const Custom = () => (\n  <div>\n    <QrCodeViewer\n      value=\"https://www.gov.gr/\"\n      size={126}\n      bgColor={'#ededed'}\n      fgColor={'#003375'}\n      level={'H'}\n      includeMargin={false}\n      imageSettings={{\n        src: `${logo}`,\n        x: undefined,\n        y: undefined,\n        height: 35,\n        width: 50,\n        excavate: true,\n      }}\n    ></QrCodeViewer>\n  </div>\n);\n\nexport default Custom;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AAC7B,qCAAiB;AACV,MAAM,SAAS,MACpB,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,eAAe;AAAA,IACf,eAAe;AAAA,MACb,KAAK,GAAG,+BAAAC,OAAI;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA;AACD,CACH;AAGF,IAAO,iBAAQ;",
+  "names": ["React", "logo"]
+}

package/cjs/app/QrCodeViewer/__stories__/Default/index.js

@@ -1,16 +1,42 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _QrCodeViewer = require("@digigov/ui/app/QrCodeViewer");
-var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_QrCodeViewer.QrCodeViewer, {
-  value: "https://www.gov.gr/"
-}));
-var Default = exports.Default = function Default() {
-  return _ref;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
 };
-var _default = exports["default"] = Default;
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Default_exports = {};
+__export(Default_exports, {
+  Default: () => Default,
+  default: () => Default_default
+});
+module.exports = __toCommonJS(Default_exports);
+var import_react = __toESM(require("react"));
+var import_QrCodeViewer = require("@digigov/ui/app/QrCodeViewer");
+const Default = () => /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_QrCodeViewer.QrCodeViewer, { value: "https://www.gov.gr/" }));
+var Default_default = Default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default
+});
+//# sourceMappingURL=Default.js.map

package/cjs/app/QrCodeViewer/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/app/QrCodeViewer/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { QrCodeViewer } from '@digigov/ui/app/QrCodeViewer';\nexport const Default = () => (\n  <div>\n    <QrCodeViewer value=\"https://www.gov.gr/\"></QrCodeViewer>\n  </div>\n);\n\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA6B;AACtB,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,oCAAa,OAAM,uBAAsB,CAC5C;AAGF,IAAO,kBAAQ;",
+  "names": ["React"]
+}

package/cjs/app/QrCodeViewer/index.js

@@ -1,26 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var QrCodeViewer_exports = {};
+__export(QrCodeViewer_exports, {
+  QrCodeViewer: () => QrCodeViewer,
+  default: () => QrCodeViewer_default
 });
-exports.QrCodeViewer = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _qrcodegen = _interopRequireDefault(require("@digigov/ui/app/QrCodeViewer/qrcodegen"));
-var _utils = require("@digigov/ui/app/QrCodeViewer/utils");
-var _excluded = ["value", "size", "level", "bgColor", "fgColor", "includeMargin", "style", "imageSettings"];
-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 DEFAULT_SIZE = 128;
-var DEFAULT_LEVEL = 'L';
-var DEFAULT_BGCOLOR = '#FFFFFF';
-var DEFAULT_FGCOLOR = '#000000';
-var DEFAULT_INCLUDEMARGIN = false;
-var SUPPORTS_PATH2D = function () {
+module.exports = __toCommonJS(QrCodeViewer_exports);
+var import_react = __toESM(require("react"));
+var import_qrcodegen = __toESM(require("@digigov/ui/app/QrCodeViewer/qrcodegen"));
+var import_utils = require("@digigov/ui/app/QrCodeViewer/utils");
+const DEFAULT_SIZE = 128;
+const DEFAULT_LEVEL = "L";
+const DEFAULT_BGCOLOR = "#FFFFFF";
+const DEFAULT_FGCOLOR = "#000000";
+const DEFAULT_INCLUDEMARGIN = false;
+const SUPPORTS_PATH2D = function() {
   try {
     new Path2D().addPath(new Path2D());
   } catch (e) {
@@ -28,79 +47,67 @@ var SUPPORTS_PATH2D = function () {
   }
   return true;
 }();
-var ERROR_LEVEL_MAP = {
-  L: _qrcodegen["default"].QrCode.Ecc.LOW,
-  M: _qrcodegen["default"].QrCode.Ecc.MEDIUM,
-  Q: _qrcodegen["default"].QrCode.Ecc.QUARTILE,
-  H: _qrcodegen["default"].QrCode.Ecc.HIGH
+const ERROR_LEVEL_MAP = {
+  L: import_qrcodegen.default.QrCode.Ecc.LOW,
+  M: import_qrcodegen.default.QrCode.Ecc.MEDIUM,
+  Q: import_qrcodegen.default.QrCode.Ecc.QUARTILE,
+  H: import_qrcodegen.default.QrCode.Ecc.HIGH
 };
-var QrCodeViewerCanvas = /*#__PURE__*/_react["default"].forwardRef(function QrCodeViewerCanvas(props, ref) {
-  var value = props.value,
-    _props$size = props.size,
-    size = _props$size === void 0 ? DEFAULT_SIZE : _props$size,
-    _props$level = props.level,
-    level = _props$level === void 0 ? DEFAULT_LEVEL : _props$level,
-    _props$bgColor = props.bgColor,
-    bgColor = _props$bgColor === void 0 ? DEFAULT_BGCOLOR : _props$bgColor,
-    _props$fgColor = props.fgColor,
-    fgColor = _props$fgColor === void 0 ? DEFAULT_FGCOLOR : _props$fgColor,
-    _props$includeMargin = props.includeMargin,
-    includeMargin = _props$includeMargin === void 0 ? DEFAULT_INCLUDEMARGIN : _props$includeMargin,
-    style = props.style,
-    imageSettings = props.imageSettings,
-    otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var imgSrc = imageSettings === null || imageSettings === void 0 ? void 0 : imageSettings.src;
-  var _canvasRef = (0, _react.useRef)(null);
-  var _canvas = ref || _canvasRef;
-  var _image = (0, _react.useRef)(null);
-  // We're just using this state to trigger rerenders when images load. We
-  // Don't actually read the value anywhere. A smarter use of useEffect would
-  // depend on this value.
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    isImgLoaded = _useState2[0],
-    setIsImageLoaded = _useState2[1];
-  (0, _react.useEffect)(function () {
-    // Always update the canvas. It's cheap enough and we want to be correct
-    // with the current state.
+const QrCodeViewerCanvas = import_react.default.forwardRef(function QrCodeViewerCanvas2(props, ref) {
+  const {
+    value,
+    size = DEFAULT_SIZE,
+    level = DEFAULT_LEVEL,
+    bgColor = DEFAULT_BGCOLOR,
+    fgColor = DEFAULT_FGCOLOR,
+    includeMargin = DEFAULT_INCLUDEMARGIN,
+    style,
+    imageSettings,
+    ...otherProps
+  } = props;
+  const imgSrc = imageSettings?.src;
+  const _canvasRef = (0, import_react.useRef)(null);
+  const _canvas = ref || _canvasRef;
+  const _image = (0, import_react.useRef)(null);
+  const [isImgLoaded, setIsImageLoaded] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
     if (_canvas.current !== null) {
-      var canvas = _canvas.current;
-      var ctx = canvas.getContext('2d');
+      const canvas = _canvas.current;
+      const ctx = canvas.getContext("2d");
       if (!ctx) {
         return;
       }
-      var cells = _qrcodegen["default"].QrCode.encodeText(value, ERROR_LEVEL_MAP[level]).getModules();
-      var margin = includeMargin ? _utils.MARGIN_SIZE : 0;
-      var numCells = cells.length + margin * 2;
-      var calculatedImageSettings = (0, _utils.getImageSettings)(cells, size, includeMargin, imageSettings);
-      var image = _image.current;
-      var haveImageToRender = calculatedImageSettings != null && image !== null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0;
+      let cells = import_qrcodegen.default.QrCode.encodeText(
+        value,
+        ERROR_LEVEL_MAP[level]
+      ).getModules();
+      const margin = includeMargin ? import_utils.MARGIN_SIZE : 0;
+      const numCells = cells.length + margin * 2;
+      const calculatedImageSettings = (0, import_utils.getImageSettings)(
+        cells,
+        size,
+        includeMargin,
+        imageSettings
+      );
+      const image = _image.current;
+      const haveImageToRender = calculatedImageSettings != null && image !== null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0;
       if (haveImageToRender && calculatedImageSettings) {
         if (calculatedImageSettings.excavation != null) {
-          cells = (0, _utils.excavateModules)(cells, calculatedImageSettings.excavation);
+          cells = (0, import_utils.excavateModules)(cells, calculatedImageSettings.excavation);
         }
       }
-
-      // We're going to scale this so that the number of drawable units
-      // matches the number of cells. This avoids rounding issues, but does
-      // result in some potentially unwanted single pixel issues between
-      // blocks, only in environments that don't support Path2D.
-      var pixelRatio = window.devicePixelRatio || 1;
+      const pixelRatio = window.devicePixelRatio || 1;
       canvas.height = canvas.width = size * pixelRatio;
-      var scale = size / numCells * pixelRatio;
+      const scale = size / numCells * pixelRatio;
       ctx.scale(scale, scale);
-
-      // Draw solid background, only paint dark modules.
       ctx.fillStyle = bgColor;
       ctx.fillRect(0, 0, numCells, numCells);
       ctx.fillStyle = fgColor;
       if (SUPPORTS_PATH2D) {
-        // $FlowFixMe: Path2D c'tor doesn't support args yet.
-        ctx.fill(new Path2D((0, _utils.generatePath)(cells, margin)));
+        ctx.fill(new Path2D((0, import_utils.generatePath)(cells, margin)));
       } else {
-        cells.forEach(function (row, rdx) {
-          row.forEach(function (cell, cdx) {
+        cells.forEach(function(row, rdx) {
+          row.forEach(function(cell, cdx) {
             if (cell) {
               ctx.fillRect(cdx + margin, rdx + margin, 1, 1);
             }
@@ -109,44 +116,53 @@ var QrCodeViewerCanvas = /*#__PURE__*/_react["default"].forwardRef(function QrCo
       }
       if (haveImageToRender && calculatedImageSettings) {
         if (image instanceof HTMLImageElement) {
-          ctx.drawImage(image, calculatedImageSettings.x + margin, calculatedImageSettings.y + margin, calculatedImageSettings.w, calculatedImageSettings.h);
+          ctx.drawImage(
+            image,
+            calculatedImageSettings.x + margin,
+            calculatedImageSettings.y + margin,
+            calculatedImageSettings.w,
+            calculatedImageSettings.h
+          );
         }
       }
     }
   });
-
-  // Ensure we mark image loaded as false here so we trigger updating the
-  // canvas in our other effect.
-  (0, _react.useEffect)(function () {
+  (0, import_react.useEffect)(() => {
     setIsImageLoaded(false);
   }, [imgSrc, isImgLoaded]);
-  var canvasStyle = (0, _extends2["default"])({
-    height: size,
-    width: size
-  }, style);
-  var img;
+  const canvasStyle = { height: size, width: size, ...style };
+  let img;
   if (imgSrc != null) {
-    img = /*#__PURE__*/_react["default"].createElement("img", {
-      src: imgSrc,
-      key: imgSrc,
-      style: {
-        display: 'none'
-      },
-      onLoad: function onLoad() {
-        setIsImageLoaded(true);
-      },
-      ref: _image
-    });
+    img = /* @__PURE__ */ import_react.default.createElement(
+      "img",
+      {
+        src: imgSrc,
+        key: imgSrc,
+        style: { display: "none" },
+        onLoad: () => {
+          setIsImageLoaded(true);
+        },
+        ref: _image
+      }
+    );
   }
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("canvas", (0, _extends2["default"])({
-    style: canvasStyle,
-    height: size,
-    width: size,
-    ref: _canvas
-  }, otherProps)), img);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    "canvas",
+    {
+      style: canvasStyle,
+      height: size,
+      width: size,
+      ref: _canvas,
+      ...otherProps
+    }
+  ), img);
+});
+const QrCodeViewer = import_react.default.forwardRef(function QrCodeViewer2(props, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(QrCodeViewerCanvas, { ...props, ref });
+});
+var QrCodeViewer_default = QrCodeViewer;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  QrCodeViewer
 });
-var QrCodeViewer = exports.QrCodeViewer = /*#__PURE__*/_react["default"].forwardRef(function QrCodeViewer(props, ref) {
-  return /*#__PURE__*/_react["default"].createElement(QrCodeViewerCanvas, (0, _extends2["default"])({}, props, {
-    ref: ref
-  }));
-});
+//# sourceMappingURL=index.js.map

package/cjs/app/QrCodeViewer/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/QrCodeViewer/index.tsx"],
+  "sourcesContent": ["import React, { useRef, useEffect, useState } from 'react';\nimport qrcodegen from '@digigov/ui/app/QrCodeViewer/qrcodegen';\nimport { QRPropsCanvas } from '@digigov/ui/app/QrCodeViewer/types';\nimport {\n  generatePath,\n  excavateModules,\n  getImageSettings,\n  MARGIN_SIZE,\n} from '@digigov/ui/app/QrCodeViewer/utils';\n\nconst DEFAULT_SIZE = 128;\nconst DEFAULT_LEVEL = 'L';\nconst DEFAULT_BGCOLOR = '#FFFFFF';\nconst DEFAULT_FGCOLOR = '#000000';\nconst DEFAULT_INCLUDEMARGIN = false;\n\nconst SUPPORTS_PATH2D = (function () {\n  try {\n    new Path2D().addPath(new Path2D());\n  } catch (e) {\n    return false;\n  }\n  return true;\n})();\nconst ERROR_LEVEL_MAP: { [index: string]: qrcodegen.QrCode.Ecc } = {\n  L: qrcodegen.QrCode.Ecc.LOW,\n  M: qrcodegen.QrCode.Ecc.MEDIUM,\n  Q: qrcodegen.QrCode.Ecc.QUARTILE,\n  H: qrcodegen.QrCode.Ecc.HIGH,\n};\nconst QrCodeViewerCanvas = React.forwardRef(function QrCodeViewerCanvas(\n  props: QRPropsCanvas,\n  ref: any\n) {\n  const {\n    value,\n    size = DEFAULT_SIZE,\n    level = DEFAULT_LEVEL,\n    bgColor = DEFAULT_BGCOLOR,\n    fgColor = DEFAULT_FGCOLOR,\n    includeMargin = DEFAULT_INCLUDEMARGIN,\n    style,\n    imageSettings,\n    ...otherProps\n  } = props;\n  const imgSrc = imageSettings?.src;\n  const _canvasRef = useRef<HTMLCanvasElement>(null);\n  const _canvas = ref || _canvasRef;\n  const _image = useRef<HTMLImageElement>(null);\n  // We're just using this state to trigger rerenders when images load. We\n  // Don't actually read the value anywhere. A smarter use of useEffect would\n  // depend on this value.\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const [isImgLoaded, setIsImageLoaded] = useState(false);\n\n  useEffect(() => {\n    // Always update the canvas. It's cheap enough and we want to be correct\n    // with the current state.\n    if (_canvas.current !== null) {\n      const canvas = _canvas.current;\n\n      const ctx = canvas.getContext('2d');\n      if (!ctx) {\n        return;\n      }\n\n      let cells = qrcodegen.QrCode.encodeText(\n        value,\n        ERROR_LEVEL_MAP[level]\n      ).getModules();\n\n      const margin = includeMargin ? MARGIN_SIZE : 0;\n      const numCells = cells.length + margin * 2;\n      const calculatedImageSettings = getImageSettings(\n        cells,\n        size,\n        includeMargin,\n        imageSettings\n      );\n\n      const image = _image.current;\n      const haveImageToRender =\n        calculatedImageSettings != null &&\n        image !== null &&\n        image.complete &&\n        image.naturalHeight !== 0 &&\n        image.naturalWidth !== 0;\n\n      if (haveImageToRender && calculatedImageSettings) {\n        if (calculatedImageSettings.excavation != null) {\n          cells = excavateModules(cells, calculatedImageSettings.excavation);\n        }\n      }\n\n      // We're going to scale this so that the number of drawable units\n      // matches the number of cells. This avoids rounding issues, but does\n      // result in some potentially unwanted single pixel issues between\n      // blocks, only in environments that don't support Path2D.\n      const pixelRatio = window.devicePixelRatio || 1;\n      canvas.height = canvas.width = size * pixelRatio;\n      const scale = (size / numCells) * pixelRatio;\n      ctx.scale(scale, scale);\n\n      // Draw solid background, only paint dark modules.\n      ctx.fillStyle = bgColor;\n      ctx.fillRect(0, 0, numCells, numCells);\n\n      ctx.fillStyle = fgColor;\n      if (SUPPORTS_PATH2D) {\n        // $FlowFixMe: Path2D c'tor doesn't support args yet.\n        ctx.fill(new Path2D(generatePath(cells, margin)));\n      } else {\n        cells.forEach(function (row, rdx) {\n          row.forEach(function (cell, cdx) {\n            if (cell) {\n              ctx.fillRect(cdx + margin, rdx + margin, 1, 1);\n            }\n          });\n        });\n      }\n\n      if (haveImageToRender && calculatedImageSettings) {\n        if (image instanceof HTMLImageElement) {\n          ctx.drawImage(\n            image,\n            calculatedImageSettings.x + margin,\n            calculatedImageSettings.y + margin,\n            calculatedImageSettings.w,\n            calculatedImageSettings.h\n          );\n        }\n      }\n    }\n  });\n\n  // Ensure we mark image loaded as false here so we trigger updating the\n  // canvas in our other effect.\n  useEffect(() => {\n    setIsImageLoaded(false);\n  }, [imgSrc, isImgLoaded]);\n\n  const canvasStyle = { height: size, width: size, ...style };\n  let img;\n  if (imgSrc != null) {\n    img = (\n      <img\n        src={imgSrc}\n        key={imgSrc}\n        style={{ display: 'none' }}\n        onLoad={() => {\n          setIsImageLoaded(true);\n        }}\n        ref={_image}\n      />\n    );\n  }\n  return (\n    <>\n      <canvas\n        style={canvasStyle}\n        height={size}\n        width={size}\n        ref={_canvas}\n        {...otherProps}\n      />\n      {img}\n    </>\n  );\n});\n\nexport interface QrCodeViewerProps extends QRPropsCanvas {}\n\nexport const QrCodeViewer = React.forwardRef(function QrCodeViewer(\n  props: QrCodeViewerProps,\n  ref\n) {\n  return <QrCodeViewerCanvas {...props} ref={ref} />;\n});\n\nexport default QrCodeViewer;"],
+  "mappings": "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",
+  "names": ["qrcodegen", "React", "QrCodeViewerCanvas", "QrCodeViewer"]
+}