@wix/auto-patterns 1.45.0 → 1.47.0

package/dist/cjs/cms-fields/components/exclamation/type-mismatch-exclamation.js

@@ -0,0 +1,146 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TypeMismatchExclamation = exports.TypeMismatchDetailedExclamation = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _exclamation = require("./exclamation");
+var _exclamationStCss = require("./exclamation.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/exclamation/type-mismatch-exclamation.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
+const TypeMismatchExclamation = ({
+  typeName,
+  isConverted,
+  isConverting,
+  convertedValue,
+  onClear,
+  onChange,
+  readOnly,
+  boxProps,
+  onActionMouseDown,
+  onShow,
+  onConvertClick,
+  onClearClick,
+  convertButtonText,
+  convertDisabledText,
+  clearButtonText,
+  tooltipText
+}) => {
+  const onConvert = (0, _react.useCallback)(() => {
+    onChange(convertedValue);
+    onConvertClick == null || onConvertClick();
+  }, [onChange, convertedValue, onConvertClick]);
+  const onClearHandler = (0, _react.useCallback)(() => {
+    onClear();
+    onClearClick == null || onClearClick();
+  }, [onClear, onClearClick]);
+  const isConvertAllowed = isConverted && !readOnly;
+  const convertBtn = isConvertAllowed || isConverting ? /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    className: _exclamationStCss.classes.action,
+    skin: "light",
+    onClick: onConvert,
+    size: "small",
+    underline: "always",
+    disabled: isConverting,
+    suffixIcon: isConverting ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+      color: "white",
+      size: "tiny",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 87,
+        columnNumber: 26
+      }
+    }) : undefined,
+    dataHook: "type-mismatch-exclamation-convert-button",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 79,
+      columnNumber: 7
+    }
+  }, convertButtonText) : /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    className: _exclamationStCss.classes.action,
+    skin: "light",
+    size: "small",
+    underline: "always",
+    disabled: true,
+    dataHook: "type-mismatch-exclamation-convert-disabled-button",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 94,
+      columnNumber: 7
+    }
+  }, convertDisabledText);
+  const clearBtn = /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    className: _exclamationStCss.classes.action,
+    skin: "light",
+    size: "small",
+    underline: "always",
+    disabled: readOnly,
+    onClick: readOnly ? undefined : onClearHandler,
+    dataHook: "type-mismatch-exclamation-clear-button",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 107,
+      columnNumber: 5
+    }
+  }, clearButtonText);
+  return /*#__PURE__*/_react.default.createElement(TypeMismatchDetailedExclamation, {
+    boxProps: boxProps,
+    typeName: typeName,
+    tooltipText: tooltipText,
+    tooltipContent: /*#__PURE__*/_react.default.createElement("div", {
+      className: _exclamationStCss.classes.actions,
+      onMouseDown: onActionMouseDown,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 126,
+        columnNumber: 9
+      }
+    }, convertBtn, clearBtn),
+    onShow: onShow,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 121,
+      columnNumber: 5
+    }
+  });
+};
+exports.TypeMismatchExclamation = TypeMismatchExclamation;
+TypeMismatchExclamation.displayName = 'TypeMismatchExclamation';
+const TypeMismatchDetailedExclamation = ({
+  typeName,
+  tooltipText,
+  tooltipContent,
+  ...props
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_exclamation.DetailedExclamation, (0, _extends2.default)({}, props, {
+    dataHook: "type-mismatch-detailed-exclamation-tooltip",
+    type: "warning",
+    tooltipContent: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "vertical",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 154,
+        columnNumber: 9
+      }
+    }, tooltipText, tooltipContent),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 149,
+      columnNumber: 5
+    }
+  }));
+};
+exports.TypeMismatchDetailedExclamation = TypeMismatchDetailedExclamation;
+TypeMismatchDetailedExclamation.displayName = 'TypeMismatchDetailedExclamation';
+//# sourceMappingURL=type-mismatch-exclamation.js.map

package/dist/cjs/cms-fields/components/exclamation/type-mismatch-exclamation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_exclamation","_exclamationStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TypeMismatchExclamation","typeName","isConverted","isConverting","convertedValue","onClear","onChange","readOnly","boxProps","onActionMouseDown","onShow","onConvertClick","onClearClick","convertButtonText","convertDisabledText","clearButtonText","tooltipText","onConvert","useCallback","onClearHandler","isConvertAllowed","convertBtn","createElement","TextButton","className","classes","action","skin","onClick","size","underline","disabled","suffixIcon","Loader","color","__self","__source","fileName","lineNumber","columnNumber","undefined","dataHook","clearBtn","TypeMismatchDetailedExclamation","tooltipContent","actions","onMouseDown","exports","displayName","props","DetailedExclamation","_extends2","type","Box","direction"],"sources":["../../../../../src/cms-fields/components/exclamation/type-mismatch-exclamation.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport React, { useCallback } from 'react';\n\nimport type { BoxProps } from '@wix/design-system';\nimport { Box, Loader, TextButton } from '@wix/design-system';\n\nimport type { DetailedExclamationProps } from './exclamation';\nimport { DetailedExclamation } from './exclamation';\nimport { classes } from './exclamation.st.css.js';\n\nexport interface TypeMismatchExclamationProps {\n  /** The translated field type name for display */\n  typeName: string;\n  /** The translated field name for display */\n  fieldName: string;\n  /** Whether the data can be converted to the target type */\n  isConverted: boolean;\n  /** Whether conversion is in progress */\n  isConverting: boolean;\n  /** The converted value to apply on convert click */\n  convertedValue: unknown;\n  /** Handler for converting the value */\n  onChange: (data?: unknown) => void;\n  /** Handler for clearing the value */\n  onClear: () => void;\n  /** Whether the field is read-only */\n  readOnly?: boolean;\n  /** Box props for styling */\n  boxProps?: BoxProps;\n  /** Mouse down handler for action buttons */\n  onActionMouseDown?: React.MouseEventHandler;\n  /** Called when the tooltip is shown */\n  onShow?: () => void;\n  /** Called when the convert action is triggered */\n  onConvertClick?: () => void;\n  /** Called when the clear action is triggered */\n  onClearClick?: () => void;\n  /** Localized text for \"Convert to {typeName}\" button */\n  convertButtonText: string;\n  /** Localized text for disabled convert button */\n  convertDisabledText: string;\n  /** Localized text for \"Clear\" button */\n  clearButtonText: string;\n  /** Localized text for the tooltip message */\n  tooltipText: string;\n}\n\nexport const TypeMismatchExclamation: FC<TypeMismatchExclamationProps> = ({\n  typeName,\n  isConverted,\n  isConverting,\n  convertedValue,\n  onClear,\n  onChange,\n  readOnly,\n  boxProps,\n  onActionMouseDown,\n  onShow,\n  onConvertClick,\n  onClearClick,\n  convertButtonText,\n  convertDisabledText,\n  clearButtonText,\n  tooltipText,\n}) => {\n  const onConvert = useCallback(() => {\n    onChange(convertedValue);\n    onConvertClick?.();\n  }, [onChange, convertedValue, onConvertClick]);\n\n  const onClearHandler = useCallback(() => {\n    onClear();\n    onClearClick?.();\n  }, [onClear, onClearClick]);\n\n  const isConvertAllowed = isConverted && !readOnly;\n  const convertBtn =\n    isConvertAllowed || isConverting ? (\n      <TextButton\n        className={classes.action}\n        skin=\"light\"\n        onClick={onConvert}\n        size=\"small\"\n        underline=\"always\"\n        disabled={isConverting}\n        suffixIcon={\n          isConverting ? <Loader color=\"white\" size=\"tiny\" /> : undefined\n        }\n        dataHook=\"type-mismatch-exclamation-convert-button\"\n      >\n        {convertButtonText}\n      </TextButton>\n    ) : (\n      <TextButton\n        className={classes.action}\n        skin=\"light\"\n        size=\"small\"\n        underline=\"always\"\n        disabled\n        dataHook=\"type-mismatch-exclamation-convert-disabled-button\"\n      >\n        {convertDisabledText}\n      </TextButton>\n    );\n\n  const clearBtn = (\n    <TextButton\n      className={classes.action}\n      skin=\"light\"\n      size=\"small\"\n      underline=\"always\"\n      disabled={readOnly}\n      onClick={readOnly ? undefined : onClearHandler}\n      dataHook=\"type-mismatch-exclamation-clear-button\"\n    >\n      {clearButtonText}\n    </TextButton>\n  );\n\n  return (\n    <TypeMismatchDetailedExclamation\n      boxProps={boxProps}\n      typeName={typeName}\n      tooltipText={tooltipText}\n      tooltipContent={\n        <div className={classes.actions} onMouseDown={onActionMouseDown}>\n          {convertBtn}\n          {clearBtn}\n        </div>\n      }\n      onShow={onShow}\n    />\n  );\n};\n\nTypeMismatchExclamation.displayName = 'TypeMismatchExclamation';\n\ninterface TypeMismatchDetailedExclamationProps\n  extends Omit<DetailedExclamationProps, 'tooltipContent'> {\n  typeName: string;\n  tooltipText: string;\n  tooltipContent?: ReactNode;\n}\n\nexport const TypeMismatchDetailedExclamation: FC<\n  TypeMismatchDetailedExclamationProps\n> = ({ typeName, tooltipText, tooltipContent, ...props }) => {\n  return (\n    <DetailedExclamation\n      {...props}\n      dataHook=\"type-mismatch-detailed-exclamation-tooltip\"\n      type=\"warning\"\n      tooltipContent={\n        <Box direction=\"vertical\">\n          {tooltipText}\n          {tooltipContent}\n        </Box>\n      }\n    />\n  );\n};\n\nTypeMismatchDetailedExclamation.displayName = 'TypeMismatchDetailedExclamation';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/cms-fields/components/highlighted-text/highlighted-text.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.HighlightedText = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _highlightedTextStCss = require("./highlighted-text.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/highlighted-text/highlighted-text.tsx";
+const HighlightedText = ({
+  highlight,
+  highlightedBackground = true,
+  className,
+  dataHook
+}) => /*#__PURE__*/_react.default.createElement("span", {
+  "data-hook": dataHook,
+  className: (0, _highlightedTextStCss.style)(_highlightedTextStCss.classes.root, {
+    highlightedBackground
+  }, className),
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 20,
+    columnNumber: 3
+  }
+}, highlight.map(({
+  substring,
+  isHighlighted
+}, key) => /*#__PURE__*/_react.default.createElement("span", {
+  key: key,
+  className: (0, _highlightedTextStCss.style)(_highlightedTextStCss.classes.substring, {
+    isHighlighted
+  }),
+  children: substring,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 25,
+    columnNumber: 7
+  }
+})));
+exports.HighlightedText = HighlightedText;
+//# sourceMappingURL=highlighted-text.js.map

package/dist/cjs/cms-fields/components/highlighted-text/highlighted-text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_highlightedTextStCss","_jsxFileName","HighlightedText","highlight","highlightedBackground","className","dataHook","default","createElement","style","classes","root","__self","__source","fileName","lineNumber","columnNumber","map","substring","isHighlighted","key","children","exports"],"sources":["../../../../../src/cms-fields/components/highlighted-text/highlighted-text.tsx"],"sourcesContent":["import React from 'react';\n\nimport { style, classes } from './highlighted-text.st.css.js';\n\nimport type { HighlightDescriptor } from '../../utils';\n\nexport interface HighlightTextProps {\n  highlight: HighlightDescriptor;\n  highlightedBackground?: boolean;\n  className?: string;\n  dataHook?: string;\n}\n\nexport const HighlightedText: React.FC<HighlightTextProps> = ({\n  highlight,\n  highlightedBackground = true,\n  className,\n  dataHook,\n}) => (\n  <span\n    data-hook={dataHook}\n    className={style(classes.root, { highlightedBackground }, className)}\n  >\n    {highlight.map(({ substring, isHighlighted }, key) => (\n      <span\n        key={key}\n        className={style(classes.substring, { isHighlighted })}\n        children={substring}\n      />\n    ))}\n  </span>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,qBAAA,GAAAD,OAAA;AAA8D,IAAAE,YAAA;AAWvD,MAAMC,eAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC,qBAAqB,GAAG,IAAI;EAC5BC,SAAS;EACTC;AACF,CAAC,kBACCT,MAAA,CAAAU,OAAA,CAAAC,aAAA;EACE,aAAWF,QAAS;EACpBD,SAAS,EAAE,IAAAI,2BAAK,EAACC,6BAAO,CAACC,IAAI,EAAE;IAAEP;EAAsB,CAAC,EAAEC,SAAS,CAAE;EAAAO,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,GAEpEb,SAAS,CAACc,GAAG,CAAC,CAAC;EAAEC,SAAS;EAAEC;AAAc,CAAC,EAAEC,GAAG,kBAC/CvB,MAAA,CAAAU,OAAA,CAAAC,aAAA;EACEY,GAAG,EAAEA,GAAI;EACTf,SAAS,EAAE,IAAAI,2BAAK,EAACC,6BAAO,CAACQ,SAAS,EAAE;IAAEC;EAAc,CAAC,CAAE;EACvDE,QAAQ,EAAEH,SAAU;EAAAN,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,CACrB,CACF,CACG,CACP;AAACM,OAAA,CAAApB,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/highlighted-text/highlighted-text.st.css

@@ -0,0 +1,39 @@
+@property st-global(--wds-color-yellow-200);
+@property st-global(--wds-color-yellow-400);
+@property st-global(--wsr-color-Y20);
+@property st-global(--wsr-color-Y40);
+
+.root {
+    -st-states: highlightedBackground;
+}
+
+.root:highlightedBackground {
+    animation: highlighted 150ms ease-out 1 forwards;
+}
+
+.substring {
+    -st-states: isHighlighted;
+}
+
+.substring:isHighlighted {
+    animation: highlighted-match 150ms ease-out 50ms 1 forwards;
+}
+
+
+@keyframes highlighted {
+    from {
+        background-color: transparent;
+    }
+    to {
+        background-color: var(--wds-color-yellow-400, var(--wsr-color-Y40));
+    }
+}
+
+@keyframes highlighted-match {
+    from {
+        background-color: transparent;
+    }
+    to {
+        background-color: var(--wds-color-yellow-200, var(--wsr-color-Y20));
+    }
+}

package/dist/cjs/cms-fields/components/highlighted-text/highlighted-text.st.css.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "highlightedtext3204350970";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "highlightedtext3204350970__root",
+  "substring": "highlightedtext3204350970__substring"
+};
+var keyframes = exports.keyframes = {
+  "highlighted": "highlightedtext3204350970__highlighted",
+  "highlighted-match": "highlightedtext3204350970__highlighted-match"
+};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-color-yellow-200": "--wds-color-yellow-200",
+  "wds-color-yellow-400": "--wds-color-yellow-400",
+  "wsr-color-Y20": "--wsr-color-Y20",
+  "wsr-color-Y40": "--wsr-color-Y40"
+};
+//# sourceMappingURL=highlighted-text.st.css.js.map

package/dist/cjs/cms-fields/components/highlighted-text/highlighted-text.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext3204350970\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"highlightedtext3204350970__root\",\"substring\":\"highlightedtext3204350970__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext3204350970__highlighted\",\"highlighted-match\":\"highlightedtext3204350970__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,iCAAiC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAC3G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,aAAa,EAAC,wCAAwC;EAAC,mBAAmB,EAAC;AAA8C,CAAC;AAC3I,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/cms-fields/components/highlighted-text/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _highlightedText = require("./highlighted-text");
+Object.keys(_highlightedText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _highlightedText[key]) return;
+  exports[key] = _highlightedText[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms-fields/components/highlighted-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_highlightedText","require","Object","keys","forEach","key","exports"],"sources":["../../../../../src/cms-fields/components/highlighted-text/index.ts"],"sourcesContent":["export * from './highlighted-text';\n"],"mappings":";;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,gBAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/index.js

@@ -0,0 +1,88 @@
+"use strict";
+
+exports.__esModule = true;
+var _address = require("./address");
+Object.keys(_address).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _address[key]) return;
+  exports[key] = _address[key];
+});
+var _audio = require("./audio");
+Object.keys(_audio).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _audio[key]) return;
+  exports[key] = _audio[key];
+});
+var _common = require("./common");
+Object.keys(_common).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _common[key]) return;
+  exports[key] = _common[key];
+});
+var _exclamation = require("./exclamation");
+Object.keys(_exclamation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _exclamation[key]) return;
+  exports[key] = _exclamation[key];
+});
+var _timeInput = require("./time-input");
+Object.keys(_timeInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _timeInput[key]) return;
+  exports[key] = _timeInput[key];
+});
+var _timeView = require("./time-view");
+Object.keys(_timeView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _timeView[key]) return;
+  exports[key] = _timeView[key];
+});
+var _object = require("./object");
+Object.keys(_object).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _object[key]) return;
+  exports[key] = _object[key];
+});
+var _mediaGallery = require("./media-gallery");
+Object.keys(_mediaGallery).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _mediaGallery[key]) return;
+  exports[key] = _mediaGallery[key];
+});
+var _richContent = require("./rich-content");
+Object.keys(_richContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _richContent[key]) return;
+  exports[key] = _richContent[key];
+});
+var _richText = require("./rich-text");
+Object.keys(_richText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _richText[key]) return;
+  exports[key] = _richText[key];
+});
+var _text = require("./text");
+Object.keys(_text).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _text[key]) return;
+  exports[key] = _text[key];
+});
+var _document = require("./document");
+Object.keys(_document).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _document[key]) return;
+  exports[key] = _document[key];
+});
+var _multiDocument = require("./multi-document");
+Object.keys(_multiDocument).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _multiDocument[key]) return;
+  exports[key] = _multiDocument[key];
+});
+var _deleteDialog = require("./delete-dialog");
+Object.keys(_deleteDialog).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _deleteDialog[key]) return;
+  exports[key] = _deleteDialog[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms-fields/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_address","require","Object","keys","forEach","key","exports","_audio","_common","_exclamation","_timeInput","_timeView","_object","_mediaGallery","_richContent","_richText","_text","_document","_multiDocument","_deleteDialog"],"sources":["../../../../src/cms-fields/components/index.ts"],"sourcesContent":["export * from './address';\nexport * from './audio';\nexport * from './common';\nexport * from './exclamation';\nexport * from './time-input';\nexport * from './time-view';\nexport * from './object';\nexport * from './media-gallery';\nexport * from './rich-content';\nexport * from './rich-text';\nexport * from './text';\nexport * from './document';\nexport * from './multi-document';\nexport * from './delete-dialog';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/cms-fields/components/media-control/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+exports.__esModule = true;
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  exports[key] = _types[key];
+});
+var _useMediaControl = require("./use-media-control");
+Object.keys(_useMediaControl).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useMediaControl[key]) return;
+  exports[key] = _useMediaControl[key];
+});
+var _usePasteUrlForm = require("./use-paste-url-form");
+Object.keys(_usePasteUrlForm).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _usePasteUrlForm[key]) return;
+  exports[key] = _usePasteUrlForm[key];
+});
+var _useDocumentDelete = require("./use-document-delete");
+Object.keys(_useDocumentDelete).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDocumentDelete[key]) return;
+  exports[key] = _useDocumentDelete[key];
+});
+var _pasteUrlButton = require("./paste-url-button");
+Object.keys(_pasteUrlButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pasteUrlButton[key]) return;
+  exports[key] = _pasteUrlButton[key];
+});
+var _pasteUrlForm = require("./paste-url-form");
+Object.keys(_pasteUrlForm).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pasteUrlForm[key]) return;
+  exports[key] = _pasteUrlForm[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms-fields/components/media-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","Object","keys","forEach","key","exports","_useMediaControl","_usePasteUrlForm","_useDocumentDelete","_pasteUrlButton","_pasteUrlForm"],"sources":["../../../../../src/cms-fields/components/media-control/index.ts"],"sourcesContent":["export * from './types';\nexport * from './use-media-control';\nexport * from './use-paste-url-form';\nexport * from './use-document-delete';\nexport * from './paste-url-button';\nexport * from './paste-url-form';\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,MAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,gBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,gBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,gBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,gBAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,gBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,gBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,gBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,gBAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,kBAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,kBAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,kBAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,kBAAA,CAAAJ,GAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAK,eAAA,CAAAL,GAAA;AAAA;AACA,IAAAM,aAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAM,aAAA,CAAAN,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/media-control/paste-url-button.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PasteURLButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _pasteUrlButtonStCss = require("./paste-url-button.st.css.js");
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/media-control/paste-url-button.tsx";
+const PasteURLButton = ({
+  disabled,
+  onClick,
+  title,
+  dataHook = 'paste-url-button'
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    size: "small",
+    underline: "always",
+    className: _pasteUrlButtonStCss.classes.root,
+    disabled: disabled,
+    onClick: onClick,
+    dataHook: dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 5
+    }
+  }, title);
+};
+exports.PasteURLButton = PasteURLButton;
+PasteURLButton.displayName = 'PasteURLButton';
+//# sourceMappingURL=paste-url-button.js.map

package/dist/cjs/cms-fields/components/media-control/paste-url-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_pasteUrlButtonStCss","_designSystem","_jsxFileName","PasteURLButton","disabled","onClick","title","dataHook","default","createElement","TextButton","size","underline","className","classes","root","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../../src/cms-fields/components/media-control/paste-url-button.tsx"],"sourcesContent":["import React from 'react';\nimport { classes } from './paste-url-button.st.css.js';\nimport { TextButton } from '@wix/design-system';\n\nexport interface PasteURLButtonProps {\n  disabled?: boolean;\n  onClick: () => void;\n  title: string;\n  dataHook?: string;\n}\n\nexport const PasteURLButton: React.FC<PasteURLButtonProps> = ({\n  disabled,\n  onClick,\n  title,\n  dataHook = 'paste-url-button',\n}) => {\n  return (\n    <TextButton\n      size=\"small\"\n      underline=\"always\"\n      className={classes.root}\n      disabled={disabled}\n      onClick={onClick}\n      dataHook={dataHook}\n    >\n      {title}\n    </TextButton>\n  );\n};\n\nPasteURLButton.displayName = 'PasteURLButton';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAgD,IAAAG,YAAA;AASzC,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,QAAQ,GAAG;AACb,CAAC,KAAK;EACJ,oBACEV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,UAAU;IACTC,IAAI,EAAC,OAAO;IACZC,SAAS,EAAC,QAAQ;IAClBC,SAAS,EAAEC,4BAAO,CAACC,IAAK;IACxBX,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBd,KACS,CAAC;AAEjB,CAAC;AAACe,OAAA,CAAAlB,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACmB,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/dist/cjs/cms-fields/components/media-control/paste-url-button.st.css

@@ -0,0 +1,12 @@
+.root {
+    margin-top: 6px;
+}
+
+.iconButtonTooltip {
+    height: max-content;
+}
+
+.iconButton {
+    width: 24px;
+    height: 24px;
+}

package/dist/cjs/cms-fields/components/media-control/paste-url-button.st.css.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "pasteurlbutton540096597";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "pasteurlbutton540096597__root",
+  "iconButtonTooltip": "pasteurlbutton540096597__iconButtonTooltip",
+  "iconButton": "pasteurlbutton540096597__iconButton"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=paste-url-button.st.css.js.map

package/dist/cjs/cms-fields/components/media-control/paste-url-button.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton540096597\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"pasteurlbutton540096597__root\",\"iconButtonTooltip\":\"pasteurlbutton540096597__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton540096597__iconButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+BAA+B;EAAC,mBAAmB,EAAC,4CAA4C;EAAC,YAAY,EAAC;AAAqC,CAAC;AAC1K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/cms-fields/components/media-control/paste-url-form.js

@@ -0,0 +1,51 @@
+"use strict";
+
+exports.__esModule = true;
+exports.PasteURLForm = exports.MediaFieldType = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mediaUtils = require("../../utils/media-utils");
+var _hooks = require("../../hooks");
+var _pasteUrlModal = require("./paste-url-modal");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/media-control/paste-url-form.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
+let MediaFieldType = exports.MediaFieldType = /*#__PURE__*/function (MediaFieldType) {
+  MediaFieldType["image"] = "image";
+  MediaFieldType["document"] = "document";
+  return MediaFieldType;
+}({});
+const PasteURLForm = ({
+  show,
+  closeModal,
+  onSave,
+  value,
+  title,
+  fieldType = MediaFieldType.document
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const onSaveURL = (0, _react.useCallback)(url => url && onSave(url), [onSave]);
+  const urlValidator = (0, _react.useMemo)(() => inputValue => (0, _mediaUtils.isDataValidOrNotSet)(inputValue || undefined, fieldType), [fieldType]);
+  return /*#__PURE__*/_react.default.createElement(_pasteUrlModal.PasteURLModal, {
+    dataHook: "paste-url-form",
+    show: show,
+    value: value,
+    onSave: onSaveURL,
+    onClose: closeModal,
+    validator: urlValidator,
+    title: title,
+    primaryButtonText: t('CMS.mediaControl.pasteUrl.button.save'),
+    secondaryButtonText: t('CMS.mediaControl.pasteUrl.button.cancel'),
+    inputPlaceholder: fieldType === MediaFieldType.document ? t('CMS.mediaControl.pasteUrl.placeholder.document') : t('CMS.mediaControl.pasteUrl.placeholder.image'),
+    errorStatusMessage: fieldType === MediaFieldType.document ? t('CMS.mediaControl.pasteUrl.error.document') : t('CMS.mediaControl.pasteUrl.error.image'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
+      columnNumber: 5
+    }
+  });
+};
+exports.PasteURLForm = PasteURLForm;
+PasteURLForm.displayName = 'PasteURLForm';
+//# sourceMappingURL=paste-url-form.js.map

package/dist/cjs/cms-fields/components/media-control/paste-url-form.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mediaUtils","_hooks","_pasteUrlModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MediaFieldType","exports","PasteURLForm","show","closeModal","onSave","value","title","fieldType","document","useTranslations","onSaveURL","useCallback","url","urlValidator","useMemo","inputValue","isDataValidOrNotSet","undefined","createElement","PasteURLModal","dataHook","onClose","validator","primaryButtonText","secondaryButtonText","inputPlaceholder","errorStatusMessage","__self","__source","fileName","lineNumber","columnNumber","displayName"],"sources":["../../../../../src/cms-fields/components/media-control/paste-url-form.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { isDataValidOrNotSet } from '../../utils/media-utils';\n\nimport { useTranslations } from '../../hooks';\nimport { PasteURLModal } from './paste-url-modal';\n\nexport enum MediaFieldType {\n  image = 'image',\n  document = 'document',\n}\n\nexport interface PasteURLFormProps {\n  value?: string;\n  title: string;\n  show: boolean;\n  closeModal: () => void;\n  onSave: (value: string) => void;\n  fieldType?: MediaFieldType;\n}\n\nexport const PasteURLForm: React.FC<PasteURLFormProps> = ({\n  show,\n  closeModal,\n  onSave,\n  value,\n  title,\n  fieldType = MediaFieldType.document,\n}) => {\n  const { t } = useTranslations();\n\n  const onSaveURL = useCallback((url?: string) => url && onSave(url), [onSave]);\n\n  const urlValidator = useMemo(\n    () => (inputValue?: string) =>\n      isDataValidOrNotSet(inputValue || undefined, fieldType),\n    [fieldType],\n  );\n\n  return (\n    <PasteURLModal\n      dataHook=\"paste-url-form\"\n      show={show}\n      value={value}\n      onSave={onSaveURL}\n      onClose={closeModal}\n      validator={urlValidator}\n      title={title}\n      primaryButtonText={t('CMS.mediaControl.pasteUrl.button.save')}\n      secondaryButtonText={t('CMS.mediaControl.pasteUrl.button.cancel')}\n      inputPlaceholder={\n        fieldType === MediaFieldType.document\n          ? t('CMS.mediaControl.pasteUrl.placeholder.document')\n          : t('CMS.mediaControl.pasteUrl.placeholder.image')\n      }\n      errorStatusMessage={\n        fieldType === MediaFieldType.document\n          ? t('CMS.mediaControl.pasteUrl.error.document')\n          : t('CMS.mediaControl.pasteUrl.error.image')\n      }\n    />\n  );\n};\n\nPasteURLForm.displayName = 'PasteURLForm';\n"],"mappings":"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","ignoreList":[]}