@emailmaker/filemanager 0.10.101 → 0.10.103

package/fm-image-code-generator.50fded261e49f2abdf2b.js

@@ -1,370 +0,0 @@
-(Object(typeof self !== "undefined" ? self : this)["webpackChunkfileManager"] = Object(typeof self !== "undefined" ? self : this)["webpackChunkfileManager"] || []).push([[410],{
-
-/***/ 3467:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-// Imports
-var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.ImageCodeGenerator-module__root__kcpV8{padding:16px 20px 24px;max-width:520px}.ImageCodeGenerator-module__controls__vpurY{display:flex;flex-direction:column;gap:20px}.ImageCodeGenerator-module__segmentedControl__MAgDK{background-color:var(--ant-color-fill-secondary, rgba(0, 0, 0, 0.06));padding:4px}.ImageCodeGenerator-module__sizeRow__T4bK7{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;align-items:center;width:100%}.ImageCodeGenerator-module__sizeRowLabel__UG1PN{margin:0}.ImageCodeGenerator-module__sizeInputNumber__ZzlVI{width:100%}.ImageCodeGenerator-module__sizeSuffix__pw6gM{color:var(--ant-color-text-tertiary, rgba(0, 0, 0, 0.45));font-size:13px;line-height:1;user-select:none}.ImageCodeGenerator-module__colorGrid__pCB8I{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.ImageCodeGenerator-module__colorCell__QFKQU{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}.ImageCodeGenerator-module__colorCellLabel__xFI1J{margin:0 !important;white-space:nowrap}.ImageCodeGenerator-module__colorPickerFull__ACTTR{width:100%;justify-content:flex-start}.ImageCodeGenerator-module__bgExtras__CIiKx{grid-column:1/-1;margin-top:-8px;display:flex;flex-direction:column;gap:12px}.ImageCodeGenerator-module__bgWarning__vjgAL{margin:0}.ImageCodeGenerator-module__previewSection__cPudW{display:flex;flex-direction:column;gap:12px}.ImageCodeGenerator-module__previewTitle__sjhKu{font-size:14px;font-weight:600}.ImageCodeGenerator-module__previewWrap__whLeg{display:flex;justify-content:center;align-items:center;min-height:220px;padding:16px;border:1px solid var(--ant-color-border-secondary, #f0f0f0);border-radius:8px;background-color:var(--ant-color-fill-quaternary, #fafafa);background-image:linear-gradient(45deg, #e8e8e8 25%, transparent 25%),linear-gradient(-45deg, #e8e8e8 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #e8e8e8 75%),linear-gradient(-45deg, transparent 75%, #e8e8e8 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;position:relative;overflow:hidden}.ImageCodeGenerator-module__scanLine__JTaCe{position:absolute;top:50%;left:20%;right:20%;height:2px;background-color:#ff4d4f;box-shadow:0 0 6px #ff4d4f;z-index:10;pointer-events:none}.ImageCodeGenerator-module__scanLineBarcode__UJUem{left:10%;right:10%}.ImageCodeGenerator-module__previewWrapBarcode__XVW3T{min-height:104px;padding:12px 16px}.ImageCodeGenerator-module__previewCanvas__lMEvi{display:block;max-width:100%;height:auto;background:rgba(0,0,0,0)}.ImageCodeGenerator-module__previewCanvasBarcode__XkGQ4{max-height:120px;width:auto}.ImageCodeGenerator-module__actions__ptfR4{margin-top:8px}`, "",{"version":3,"sources":["webpack://./src/components/ImageCodeGenerator/ImageCodeGenerator.module.scss"],"names":[],"mappings":"AAAA,wCACE,sBAAA,CACA,eAAA,CAGF,4CACE,YAAA,CACA,qBAAA,CACA,QAAA,CAGF,oDACE,qEAAA,CACA,WAAA,CAGF,2CACE,YAAA,CACA,6BAAA,CACA,aAAA,CACA,kBAAA,CACA,UAAA,CAGF,gDACE,QAAA,CAIF,mDACE,UAAA,CAGF,8CACE,yDAAA,CACA,cAAA,CACA,aAAA,CACA,gBAAA,CAGF,6CACE,YAAA,CACA,6BAAA,CACA,aAAA,CAGF,6CACE,YAAA,CACA,qBAAA,CACA,mBAAA,CACA,OAAA,CACA,WAAA,CAGF,kDACE,mBAAA,CACA,kBAAA,CAGF,mDACE,UAAA,CACA,0BAAA,CAGF,4CACE,gBAAA,CACA,eAAA,CACA,YAAA,CACA,qBAAA,CACA,QAAA,CAGF,6CACE,QAAA,CAGF,kDACE,YAAA,CACA,qBAAA,CACA,QAAA,CAGF,gDACE,cAAA,CACA,eAAA,CAGF,+CACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,gBAAA,CACA,YAAA,CACA,2DAAA,CACA,iBAAA,CACA,0DAAA,CACA,sOAAA,CAGA,yBAAA,CACA,6CACE,CAIF,iBAAA,CACA,eAAA,CAGF,4CACE,iBAAA,CACA,OAAA,CACA,QAAA,CACA,SAAA,CACA,UAAA,CACA,wBAAA,CACA,0BAAA,CACA,UAAA,CACA,mBAAA,CAGF,mDACE,QAAA,CACA,SAAA,CAGF,sDACE,gBAAA,CACA,iBAAA,CAGF,iDACE,aAAA,CACA,cAAA,CACA,WAAA,CACA,wBAAA,CAGF,wDACE,gBAAA,CACA,UAAA,CAGF,2CACE,cAAA","sourcesContent":[".root {\r\n  padding: 16px 20px 24px;\r\n  max-width: 520px;\r\n}\r\n\r\n.controls {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.segmentedControl {\r\n  background-color: var(--ant-color-fill-secondary, rgba(0, 0, 0, 0.06));\r\n  padding: 4px;\r\n}\r\n\r\n.sizeRow {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px 24px;\r\n  align-items: center;\r\n  width: 100%;\r\n}\r\n\r\n.sizeRowLabel {\r\n  margin: 0;\r\n}\r\n\r\n/** InputNumber с prefix / suffix — ширина блока значения */\r\n.sizeInputNumber {\r\n  width: 100%;\r\n}\r\n\r\n.sizeSuffix {\r\n  color: var(--ant-color-text-tertiary, rgba(0, 0, 0, 0.45));\r\n  font-size: 13px;\r\n  line-height: 1;\r\n  user-select: none;\r\n}\r\n\r\n.colorGrid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px 24px;\r\n}\r\n\r\n.colorCell {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: stretch;\r\n  gap: 8px;\r\n  min-width: 0;\r\n}\r\n\r\n.colorCellLabel {\r\n  margin: 0 !important;\r\n  white-space: nowrap;\r\n}\r\n\r\n.colorPickerFull {\r\n  width: 100%;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.bgExtras {\r\n  grid-column: 1 / -1;\r\n  margin-top: -8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.bgWarning {\r\n  margin: 0;\r\n}\r\n\r\n.previewSection {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.previewTitle {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n}\r\n\r\n.previewWrap {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  min-height: 220px;\r\n  padding: 16px;\r\n  border: 1px solid var(--ant-color-border-secondary, #f0f0f0);\r\n  border-radius: 8px;\r\n  background-color: var(--ant-color-fill-quaternary, #fafafa);\r\n  background-image: linear-gradient(45deg, #e8e8e8 25%, transparent 25%),\r\n    linear-gradient(-45deg, #e8e8e8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e8e8e8 75%),\r\n    linear-gradient(-45deg, transparent 75%, #e8e8e8 75%);\r\n  background-size: 16px 16px;\r\n  background-position:\r\n    0 0,\r\n    0 8px,\r\n    8px -8px,\r\n    -8px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.scanLine {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 20%;\r\n  right: 20%;\r\n  height: 2px;\r\n  background-color: #ff4d4f;\r\n  box-shadow: 0 0 6px #ff4d4f;\r\n  z-index: 10;\r\n  pointer-events: none;\r\n}\r\n\r\n.scanLineBarcode {\r\n  left: 10%;\r\n  right: 10%;\r\n}\r\n\r\n.previewWrapBarcode {\r\n  min-height: 104px;\r\n  padding: 12px 16px;\r\n}\r\n\r\n.previewCanvas {\r\n  display: block;\r\n  max-width: 100%;\r\n  height: auto;\r\n  background: transparent;\r\n}\r\n\r\n.previewCanvasBarcode {\r\n  max-height: 120px;\r\n  width: auto;\r\n}\r\n\r\n.actions {\r\n  margin-top: 8px;\r\n}\r\n"],"sourceRoot":""}]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
-	"root": `ImageCodeGenerator-module__root__kcpV8`,
-	"controls": `ImageCodeGenerator-module__controls__vpurY`,
-	"segmentedControl": `ImageCodeGenerator-module__segmentedControl__MAgDK`,
-	"sizeRow": `ImageCodeGenerator-module__sizeRow__T4bK7`,
-	"sizeRowLabel": `ImageCodeGenerator-module__sizeRowLabel__UG1PN`,
-	"sizeInputNumber": `ImageCodeGenerator-module__sizeInputNumber__ZzlVI`,
-	"sizeSuffix": `ImageCodeGenerator-module__sizeSuffix__pw6gM`,
-	"colorGrid": `ImageCodeGenerator-module__colorGrid__pCB8I`,
-	"colorCell": `ImageCodeGenerator-module__colorCell__QFKQU`,
-	"colorCellLabel": `ImageCodeGenerator-module__colorCellLabel__xFI1J`,
-	"colorPickerFull": `ImageCodeGenerator-module__colorPickerFull__ACTTR`,
-	"bgExtras": `ImageCodeGenerator-module__bgExtras__CIiKx`,
-	"bgWarning": `ImageCodeGenerator-module__bgWarning__vjgAL`,
-	"previewSection": `ImageCodeGenerator-module__previewSection__cPudW`,
-	"previewTitle": `ImageCodeGenerator-module__previewTitle__sjhKu`,
-	"previewWrap": `ImageCodeGenerator-module__previewWrap__whLeg`,
-	"scanLine": `ImageCodeGenerator-module__scanLine__JTaCe`,
-	"scanLineBarcode": `ImageCodeGenerator-module__scanLineBarcode__UJUem`,
-	"previewWrapBarcode": `ImageCodeGenerator-module__previewWrapBarcode__XVW3T`,
-	"previewCanvas": `ImageCodeGenerator-module__previewCanvas__lMEvi`,
-	"previewCanvasBarcode": `ImageCodeGenerator-module__previewCanvasBarcode__XkGQ4`,
-	"actions": `ImageCodeGenerator-module__actions__ptfR4`
-};
-module.exports = ___CSS_LOADER_EXPORT___;
-
-
-/***/ }),
-
-/***/ 4680:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ ImageCodeGenerator_ImageCodeGenerator)
-});
-
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(4848);
-// EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}
-var external_root_React_commonjs2_react_commonjs_react_amd_react_ = __webpack_require__(5442);
-// EXTERNAL MODULE: external {"root":"antd","commonjs2":"antd","commonjs":"antd","amd":"antd"}
-var external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_ = __webpack_require__(550);
-// EXTERNAL MODULE: ./node_modules/react-i18next/dist/es/index.js + 15 modules
-var es = __webpack_require__(2389);
-// EXTERNAL MODULE: ./node_modules/lodash/lodash.js
-var lodash = __webpack_require__(2543);
-// EXTERNAL MODULE: external {"commonjs2":"@untitledui/icons","commonjs":"@untitledui/icons","amd":"@untitledui/icons"}
-var icons_ = __webpack_require__(7928);
-// EXTERNAL MODULE: ./src/hooks/index.ts + 6 modules
-var hooks = __webpack_require__(7433);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
-var injectStylesIntoStyleTag = __webpack_require__(5072);
-var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleDomAPI.js
-var styleDomAPI = __webpack_require__(7825);
-var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertBySelector.js
-var insertBySelector = __webpack_require__(7659);
-var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
-var setAttributesWithoutAttributes = __webpack_require__(5056);
-var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertStyleElement.js
-var insertStyleElement = __webpack_require__(540);
-var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
-var styleTagTransform = __webpack_require__(1113);
-var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform);
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/ImageCodeGenerator/ImageCodeGenerator.module.scss
-var ImageCodeGenerator_module = __webpack_require__(3467);
-var ImageCodeGenerator_module_default = /*#__PURE__*/__webpack_require__.n(ImageCodeGenerator_module);
-;// ./src/components/ImageCodeGenerator/ImageCodeGenerator.module.scss
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var options = {};
-
-options.styleTagTransform = (styleTagTransform_default());
-options.setAttributes = (setAttributesWithoutAttributes_default());
-options.insert = insertBySelector_default().bind(null, "head");
-options.domAPI = (styleDomAPI_default());
-options.insertStyleElement = (insertStyleElement_default());
-
-var update = injectStylesIntoStyleTag_default()((ImageCodeGenerator_module_default()), options);
-
-
-
-
-       /* harmony default export */ const ImageCodeGenerator_ImageCodeGenerator_module = ((ImageCodeGenerator_module_default()) && (ImageCodeGenerator_module_default()).locals ? (ImageCodeGenerator_module_default()).locals : undefined);
-
-;// ./src/components/ImageCodeGenerator/ImageCodeGenerator.tsx
-
-
-
-
-
-
-
-
-const QR_SIDE_MIN = 80;
-const QR_SIDE_MAX = 600;
-const QR_SIDE_DEFAULT = 200;
-const BARCODE_BAR_HEIGHT_MIN = 24;
-const BARCODE_BAR_HEIGHT_MAX = 130;
-const BARCODE_BAR_HEIGHT_DEFAULT = 60;
-const PREVIEW_QR_MAX = 280;
-/** Высота полос в превью (штрихкод — низкая «лента», не как квадратный QR) */
-const PREVIEW_BARCODE_BAR_HEIGHT_MAX = 72;
-function exportPixelRatio() {
-    if (typeof window === 'undefined') {
-        return 2;
-    }
-    return Math.min(3, Math.max(2, window.devicePixelRatio || 2));
-}
-const ImageCodeGenerator = ({ customRequest, state, setState }) => {
-    var _a, _b;
-    const { t } = (0,es/* useTranslation */.Bd)();
-    const { options } = (0,hooks/* useFileManagerContext */.wh)();
-    const iconStroke = (_b = (_a = options === null || options === void 0 ? void 0 : options.config) === null || _a === void 0 ? void 0 : _a.iconStrokeWidth) !== null && _b !== void 0 ? _b : 1.75;
-    const canvasRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
-    const { mode, rawText, foregroundHex, backgroundHex, transparentBackground, qrSidePx, barcodeBarHeightPx, } = state;
-    const setMode = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((val) => setState(prev => (Object.assign(Object.assign({}, prev), { mode: val }))), [setState]);
-    const setRawText = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((val) => setState(prev => (Object.assign(Object.assign({}, prev), { rawText: val }))), [setState]);
-    const setForegroundHex = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((val) => setState(prev => (Object.assign(Object.assign({}, prev), { foregroundHex: val }))), [setState]);
-    const setBackgroundHex = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((val) => setState(prev => (Object.assign(Object.assign({}, prev), { backgroundHex: val }))), [setState]);
-    const setTransparentBackground = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((val) => setState(prev => (Object.assign(Object.assign({}, prev), { transparentBackground: val }))), [setState]);
-    const setQrSidePx = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((val) => setState(prev => (Object.assign(Object.assign({}, prev), { qrSidePx: val }))), [setState]);
-    const setBarcodeBarHeightPx = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((val) => setState(prev => (Object.assign(Object.assign({}, prev), { barcodeBarHeightPx: val }))), [setState]);
-    const [debouncedText, setDebouncedText] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(rawText);
-    const [renderError, setRenderError] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null);
-    const [uploading, setUploading] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false);
-    const debouncedSetDebouncedText = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => (0,lodash.debounce)((value) => setDebouncedText(value), 300), []);
-    (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
-        debouncedSetDebouncedText(rawText);
-        return () => {
-            debouncedSetDebouncedText.cancel();
-        };
-    }, [rawText, debouncedSetDebouncedText]);
-    const backgroundForQr = transparentBackground ? '#00000000' : backgroundHex;
-    const drawQrPreview = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(async (canvas, text) => {
-        const QRCode = (await __webpack_require__.e(/* import() */ 583).then(__webpack_require__.t.bind(__webpack_require__, 7583, 19))).default;
-        const trimmed = text.trim();
-        const previewSide = Math.min(PREVIEW_QR_MAX, Math.max(QR_SIDE_MIN, qrSidePx));
-        if (!trimmed) {
-            canvas.width = previewSide;
-            canvas.height = previewSide;
-            const ctx = canvas.getContext('2d');
-            if (ctx) {
-                ctx.clearRect(0, 0, canvas.width, canvas.height);
-            }
-            return;
-        }
-        canvas.width = previewSide;
-        canvas.height = previewSide;
-        await QRCode.toCanvas(canvas, trimmed, {
-            width: previewSide,
-            margin: 2,
-            color: {
-                dark: foregroundHex,
-                light: backgroundForQr,
-            },
-        });
-    }, [foregroundHex, backgroundForQr, qrSidePx]);
-    const drawBarcodePreview = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(async (canvas, text) => {
-        const JsBarcode = (await __webpack_require__.e(/* import() */ 129).then(__webpack_require__.t.bind(__webpack_require__, 6129, 23))).default;
-        const trimmed = text.trim();
-        const bgCss = transparentBackground ? 'rgba(0,0,0,0)' : backgroundHex;
-        const barH = Math.min(PREVIEW_BARCODE_BAR_HEIGHT_MAX, Math.max(BARCODE_BAR_HEIGHT_MIN, barcodeBarHeightPx));
-        const moduleW = Math.max(1, Math.round(barH / 42));
-        const margin = Math.max(4, Math.round(barH * 0.07));
-        const fontSize = Math.max(10, Math.round(barH * 0.15));
-        if (!trimmed) {
-            canvas.width = Math.round(barH * 4);
-            canvas.height = Math.round(barH * 1.65);
-            const ctx = canvas.getContext('2d');
-            if (ctx) {
-                ctx.clearRect(0, 0, canvas.width, canvas.height);
-            }
-            return;
-        }
-        canvas.width = Math.round(barH * 4.2);
-        canvas.height = Math.round(barH * 1.65);
-        JsBarcode(canvas, trimmed, {
-            format: 'CODE128',
-            displayValue: true,
-            background: bgCss,
-            lineColor: foregroundHex,
-            margin,
-            width: moduleW,
-            height: barH,
-            fontSize,
-        });
-    }, [foregroundHex, backgroundHex, transparentBackground, barcodeBarHeightPx]);
-    (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
-        const canvas = canvasRef.current;
-        if (!canvas) {
-            return;
-        }
-        let cancelled = false;
-        (async () => {
-            try {
-                if (mode === 'qr') {
-                    await drawQrPreview(canvas, debouncedText);
-                }
-                else {
-                    await drawBarcodePreview(canvas, debouncedText);
-                }
-                if (!cancelled) {
-                    setRenderError(null);
-                }
-            }
-            catch (e) {
-                const msg = e instanceof Error ? e.message : String(e);
-                if (!cancelled) {
-                    setRenderError(mode === 'barcode' ? t('Barcode generation failed') : msg);
-                    const ctx = canvas.getContext('2d');
-                    if (ctx) {
-                        ctx.clearRect(0, 0, canvas.width, canvas.height);
-                    }
-                }
-            }
-        })();
-        return () => {
-            cancelled = true;
-        };
-    }, [mode, debouncedText, drawBarcodePreview, drawQrPreview, t]);
-    const exportHighResBlob = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(async () => {
-        debouncedSetDebouncedText.flush();
-        const text = rawText.trim();
-        if (!text) {
-            throw new Error(t('Enter text or URL to preview'));
-        }
-        const dpr = exportPixelRatio();
-        if (mode === 'qr') {
-            const sideLogical = Math.min(QR_SIDE_MAX, Math.max(QR_SIDE_MIN, qrSidePx));
-            const pixelSize = Math.round(sideLogical * dpr);
-            const canvas = document.createElement('canvas');
-            canvas.width = pixelSize;
-            canvas.height = pixelSize;
-            const QRCode = (await __webpack_require__.e(/* import() */ 583).then(__webpack_require__.t.bind(__webpack_require__, 7583, 19))).default;
-            await QRCode.toCanvas(canvas, text, {
-                width: pixelSize,
-                margin: 2,
-                color: {
-                    dark: foregroundHex,
-                    light: backgroundForQr,
-                },
-            });
-            const blob = await new Promise(resolve => canvas.toBlob(resolve, 'image/png'));
-            if (!blob) {
-                throw new Error('PNG export failed');
-            }
-            return blob;
-        }
-        const JsBarcode = (await __webpack_require__.e(/* import() */ 129).then(__webpack_require__.t.bind(__webpack_require__, 6129, 23))).default;
-        const canvas = document.createElement('canvas');
-        const bgCss = transparentBackground ? 'rgba(0,0,0,0)' : backgroundHex;
-        const barHLogical = Math.min(BARCODE_BAR_HEIGHT_MAX, Math.max(BARCODE_BAR_HEIGHT_MIN, barcodeBarHeightPx));
-        const marginLogical = Math.max(6, Math.round(barHLogical * 0.1));
-        const moduleWLogical = Math.max(2, Math.round(barHLogical / 36));
-        const fontLogical = Math.max(12, Math.round(barHLogical * 0.16));
-        JsBarcode(canvas, text, {
-            format: 'CODE128',
-            displayValue: true,
-            background: bgCss,
-            lineColor: foregroundHex,
-            margin: Math.round(marginLogical * dpr),
-            width: Math.round(moduleWLogical * dpr),
-            height: Math.round(barHLogical * dpr),
-            fontSize: Math.round(fontLogical * dpr),
-        });
-        const blob = await new Promise(resolve => canvas.toBlob(resolve, 'image/png'));
-        if (!blob) {
-            throw new Error('PNG export failed');
-        }
-        return blob;
-    }, [
-        mode,
-        rawText,
-        foregroundHex,
-        backgroundForQr,
-        backgroundHex,
-        transparentBackground,
-        qrSidePx,
-        barcodeBarHeightPx,
-        debouncedSetDebouncedText,
-        t,
-    ]);
-    const handleInsert = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(async () => {
-        if (uploading) {
-            return;
-        }
-        const trimmed = rawText.trim();
-        if (!trimmed) {
-            return;
-        }
-        setUploading(true);
-        try {
-            let blob;
-            try {
-                blob = await exportHighResBlob();
-            }
-            catch (e) {
-                const msg = e instanceof Error ? e.message : String(e);
-                setRenderError(msg);
-                return;
-            }
-            const prefix = mode === 'qr' ? 'qr-code' : 'barcode';
-            const file = new File([blob], `${prefix}-${Date.now()}.png`, {
-                type: 'image/png',
-                lastModified: Date.now(),
-            });
-            await Promise.resolve(customRequest({ file }));
-        }
-        finally {
-            setUploading(false);
-        }
-    }, [customRequest, exportHighResBlob, mode, rawText, uploading]);
-    const canInsert = Boolean(rawText.trim()) && !renderError;
-    return ((0,jsx_runtime.jsx)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.root, children: (0,jsx_runtime.jsxs)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.controls, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Segmented, { block: true, className: ImageCodeGenerator_ImageCodeGenerator_module.segmentedControl, value: mode, onChange: value => {
-                        setMode(value);
-                        setRenderError(null);
-                    }, options: [
-                        { label: t('QR code'), value: 'qr' },
-                        { label: t('Barcode'), value: 'barcode' },
-                    ] }), renderError && ((0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Alert, { type: "error", title: t('Validation error'), description: renderError, showIcon: true, closable: true, onClose: () => setRenderError(null) })), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Input.TextArea, { value: rawText, onChange: e => {
-                        setRawText(e.target.value);
-                        setRenderError(null);
-                    }, placeholder: t('Text or URL'), rows: 3, spellCheck: false, autoComplete: "off" }), (0,jsx_runtime.jsxs)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.sizeRow, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Typography.Text, { type: "secondary", className: ImageCodeGenerator_ImageCodeGenerator_module.sizeRowLabel, children: mode === 'qr' ? t('QR image size px') : t('Barcode bar height px') }), mode === 'qr' ? ((0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.InputNumber, { className: ImageCodeGenerator_ImageCodeGenerator_module.sizeInputNumber, min: QR_SIDE_MIN, max: QR_SIDE_MAX, step: 8, value: qrSidePx, onChange: v => setQrSidePx(typeof v === 'number' && !Number.isNaN(v) ? v : QR_SIDE_DEFAULT), prefix: (0,jsx_runtime.jsx)(icons_.Expand01, { size: 18, strokeWidth: iconStroke }), suffix: (0,jsx_runtime.jsx)("span", { className: ImageCodeGenerator_ImageCodeGenerator_module.sizeSuffix, children: "px" }), "aria-label": t('QR image size px') })) : ((0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.InputNumber, { className: ImageCodeGenerator_ImageCodeGenerator_module.sizeInputNumber, min: BARCODE_BAR_HEIGHT_MIN, max: BARCODE_BAR_HEIGHT_MAX, step: 4, value: barcodeBarHeightPx, onChange: v => setBarcodeBarHeightPx(typeof v === 'number' && !Number.isNaN(v) ? v : BARCODE_BAR_HEIGHT_DEFAULT), prefix: (0,jsx_runtime.jsx)(icons_.Expand01, { size: 18, strokeWidth: iconStroke }), suffix: (0,jsx_runtime.jsx)("span", { className: ImageCodeGenerator_ImageCodeGenerator_module.sizeSuffix, children: "px" }), "aria-label": t('Barcode bar height px') }))] }), (0,jsx_runtime.jsxs)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.colorGrid, children: [(0,jsx_runtime.jsxs)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.colorCell, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Typography.Text, { type: "secondary", className: ImageCodeGenerator_ImageCodeGenerator_module.colorCellLabel, children: t('Code color', 'Code color') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.ColorPicker, { className: ImageCodeGenerator_ImageCodeGenerator_module.colorPickerFull, value: foregroundHex, format: "hex", disabledAlpha: true, showText: true, onChange: (color, hex) => {
-                                        const newColor = typeof color === 'string' ? color : (color === null || color === void 0 ? void 0 : color.toHexString) ? color.toHexString() : hex;
-                                        setForegroundHex(newColor);
-                                    } })] }), (0,jsx_runtime.jsxs)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.colorCell, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Typography.Text, { type: "secondary", className: ImageCodeGenerator_ImageCodeGenerator_module.colorCellLabel, children: t('Background color', 'Background color') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.ColorPicker, { className: ImageCodeGenerator_ImageCodeGenerator_module.colorPickerFull, value: backgroundHex, format: "hex", disabledAlpha: true, showText: true, disabled: transparentBackground, onChange: (color, hex) => {
-                                        const newColor = typeof color === 'string' ? color : (color === null || color === void 0 ? void 0 : color.toHexString) ? color.toHexString() : hex;
-                                        setBackgroundHex(newColor);
-                                    } })] }), (0,jsx_runtime.jsxs)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.bgExtras, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Checkbox, { checked: transparentBackground, onChange: e => setTransparentBackground(e.target.checked), children: t('Transparent background', 'Transparent background') }), transparentBackground && ((0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Alert, { type: "warning", showIcon: true, title: t('QR transparent background hint'), className: ImageCodeGenerator_ImageCodeGenerator_module.bgWarning }))] })] }), (0,jsx_runtime.jsxs)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.previewSection, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Typography.Text, { className: ImageCodeGenerator_ImageCodeGenerator_module.previewTitle, children: t('Preview', 'Preview') }), (0,jsx_runtime.jsxs)("div", { className: [ImageCodeGenerator_ImageCodeGenerator_module.previewWrap, mode === 'barcode' && ImageCodeGenerator_ImageCodeGenerator_module.previewWrapBarcode].filter(Boolean).join(' '), children: [(0,jsx_runtime.jsx)("div", { className: [ImageCodeGenerator_ImageCodeGenerator_module.scanLine, mode === 'barcode' && ImageCodeGenerator_ImageCodeGenerator_module.scanLineBarcode].filter(Boolean).join(' ') }), (0,jsx_runtime.jsx)("canvas", { ref: canvasRef, className: [ImageCodeGenerator_ImageCodeGenerator_module.previewCanvas, mode === 'barcode' && ImageCodeGenerator_ImageCodeGenerator_module.previewCanvasBarcode]
-                                        .filter(Boolean)
-                                        .join(' '), "aria-label": t('Preview') })] })] }), (0,jsx_runtime.jsx)("div", { className: ImageCodeGenerator_ImageCodeGenerator_module.actions, children: (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Button, { type: "primary", onClick: () => void handleInsert(), loading: uploading, disabled: !canInsert, children: t('Add to My files') }) })] }) }));
-};
-/* harmony default export */ const ImageCodeGenerator_ImageCodeGenerator = (ImageCodeGenerator);
-
-
-/***/ })
-
-}]);
-//# sourceMappingURL=fm-image-code-generator.50fded261e49f2abdf2b.js.map