@wix/auto-patterns 1.45.0 → 1.46.0

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

@@ -0,0 +1,91 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback } from 'react';
+import { Box, Loader, TextButton } from '@wix/design-system';
+import { DetailedExclamation } from './exclamation';
+import { classes } from './exclamation.st.css.js';
+export const TypeMismatchExclamation = _ref => {
+  let {
+    typeName,
+    isConverted,
+    isConverting,
+    convertedValue,
+    onClear,
+    onChange,
+    readOnly,
+    boxProps,
+    onActionMouseDown,
+    onShow,
+    onConvertClick,
+    onClearClick,
+    convertButtonText,
+    convertDisabledText,
+    clearButtonText,
+    tooltipText
+  } = _ref;
+  const onConvert = useCallback(() => {
+    onChange(convertedValue);
+    onConvertClick == null || onConvertClick();
+  }, [onChange, convertedValue, onConvertClick]);
+  const onClearHandler = useCallback(() => {
+    onClear();
+    onClearClick == null || onClearClick();
+  }, [onClear, onClearClick]);
+  const isConvertAllowed = isConverted && !readOnly;
+  const convertBtn = isConvertAllowed || isConverting ? /*#__PURE__*/React.createElement(TextButton, {
+    className: classes.action,
+    skin: "light",
+    onClick: onConvert,
+    size: "small",
+    underline: "always",
+    disabled: isConverting,
+    suffixIcon: isConverting ? /*#__PURE__*/React.createElement(Loader, {
+      color: "white",
+      size: "tiny"
+    }) : undefined,
+    dataHook: "type-mismatch-exclamation-convert-button"
+  }, convertButtonText) : /*#__PURE__*/React.createElement(TextButton, {
+    className: classes.action,
+    skin: "light",
+    size: "small",
+    underline: "always",
+    disabled: true,
+    dataHook: "type-mismatch-exclamation-convert-disabled-button"
+  }, convertDisabledText);
+  const clearBtn = /*#__PURE__*/React.createElement(TextButton, {
+    className: classes.action,
+    skin: "light",
+    size: "small",
+    underline: "always",
+    disabled: readOnly,
+    onClick: readOnly ? undefined : onClearHandler,
+    dataHook: "type-mismatch-exclamation-clear-button"
+  }, clearButtonText);
+  return /*#__PURE__*/React.createElement(TypeMismatchDetailedExclamation, {
+    boxProps: boxProps,
+    typeName: typeName,
+    tooltipText: tooltipText,
+    tooltipContent: /*#__PURE__*/React.createElement("div", {
+      className: classes.actions,
+      onMouseDown: onActionMouseDown
+    }, convertBtn, clearBtn),
+    onShow: onShow
+  });
+};
+TypeMismatchExclamation.displayName = 'TypeMismatchExclamation';
+export const TypeMismatchDetailedExclamation = _ref2 => {
+  let {
+    typeName,
+    tooltipText,
+    tooltipContent,
+    ...props
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(DetailedExclamation, _extends({}, props, {
+    dataHook: "type-mismatch-detailed-exclamation-tooltip",
+    type: "warning",
+    tooltipContent: /*#__PURE__*/React.createElement(Box, {
+      direction: "vertical"
+    }, tooltipText, tooltipContent)
+  }));
+};
+TypeMismatchDetailedExclamation.displayName = 'TypeMismatchDetailedExclamation';
+//# sourceMappingURL=type-mismatch-exclamation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Box","Loader","TextButton","DetailedExclamation","classes","TypeMismatchExclamation","_ref","typeName","isConverted","isConverting","convertedValue","onClear","onChange","readOnly","boxProps","onActionMouseDown","onShow","onConvertClick","onClearClick","convertButtonText","convertDisabledText","clearButtonText","tooltipText","onConvert","onClearHandler","isConvertAllowed","convertBtn","createElement","className","action","skin","onClick","size","underline","disabled","suffixIcon","color","undefined","dataHook","clearBtn","TypeMismatchDetailedExclamation","tooltipContent","actions","onMouseDown","displayName","_ref2","props","_extends","type","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/esm/cms-fields/components/index.js

@@ -0,0 +1,14 @@
+export * from './address';
+export * from './common';
+export * from './exclamation';
+export * from './time-input';
+export * from './time-view';
+export * from './object';
+export * from './media-gallery';
+export * from './rich-content';
+export * from './rich-text';
+export * from './text';
+export * from './document';
+export * from './multi-document';
+export * from './delete-dialog';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/cms-fields/components/index.ts"],"sourcesContent":["export * from './address';\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":"AAAA,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,iBAAiB","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+export * from './types';
+export * from './use-media-control';
+export * from './use-paste-url-form';
+export * from './use-document-delete';
+export * from './paste-url-button';
+export * from './paste-url-form';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"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,cAAc,SAAS;AACvB,cAAc,qBAAqB;AACnC,cAAc,sBAAsB;AACpC,cAAc,uBAAuB;AACrC,cAAc,oBAAoB;AAClC,cAAc,kBAAkB","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { classes } from './paste-url-button.st.css.js';
+import { TextButton } from '@wix/design-system';
+export const PasteURLButton = _ref => {
+  let {
+    disabled,
+    onClick,
+    title,
+    dataHook = 'paste-url-button'
+  } = _ref;
+  return /*#__PURE__*/React.createElement(TextButton, {
+    size: "small",
+    underline: "always",
+    className: classes.root,
+    disabled: disabled,
+    onClick: onClick,
+    dataHook: dataHook
+  }, title);
+};
+PasteURLButton.displayName = 'PasteURLButton';
+//# sourceMappingURL=paste-url-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","classes","TextButton","PasteURLButton","_ref","disabled","onClick","title","dataHook","createElement","size","underline","className","root","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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,8BAA8B;AACtD,SAASC,UAAU,QAAQ,oBAAoB;AAS/C,OAAO,MAAMC,cAA6C,GAAGC,IAAA,IAKvD;EAAA,IALwD;IAC5DC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACLC,QAAQ,GAAG;EACb,CAAC,GAAAJ,IAAA;EACC,oBACEJ,KAAA,CAAAS,aAAA,CAACP,UAAU;IACTQ,IAAI,EAAC,OAAO;IACZC,SAAS,EAAC,QAAQ;IAClBC,SAAS,EAAEX,OAAO,CAACY,IAAK;IACxBR,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA;EAAS,GAElBD,KACS,CAAC;AAEjB,CAAC;AAEDJ,cAAc,CAACW,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/dist/esm/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/esm/cms-fields/components/media-control/paste-url-button.st.css.js

@@ -0,0 +1,20 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+var _namespace_ = "pasteurlbutton3909766312";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "pasteurlbutton3909766312__root",
+  "iconButtonTooltip": "pasteurlbutton3909766312__iconButtonTooltip",
+  "iconButton": "pasteurlbutton3909766312__iconButton"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=paste-url-button.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","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_ = \"pasteurlbutton3909766312\";\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\":\"pasteurlbutton3909766312__root\",\"iconButtonTooltip\":\"pasteurlbutton3909766312__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton3909766312__iconButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AACpL,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+import React, { useCallback, useMemo } from 'react';
+import { isDataValidOrNotSet } from '../../utils/media-utils';
+import { useTranslations } from '../../hooks';
+import { PasteURLModal } from './paste-url-modal';
+export let MediaFieldType = /*#__PURE__*/function (MediaFieldType) {
+  MediaFieldType["image"] = "image";
+  MediaFieldType["document"] = "document";
+  return MediaFieldType;
+}({});
+export const PasteURLForm = _ref => {
+  let {
+    show,
+    closeModal,
+    onSave,
+    value,
+    title,
+    fieldType = MediaFieldType.document
+  } = _ref;
+  const {
+    t
+  } = useTranslations();
+  const onSaveURL = useCallback(url => url && onSave(url), [onSave]);
+  const urlValidator = useMemo(() => inputValue => isDataValidOrNotSet(inputValue || undefined, fieldType), [fieldType]);
+  return /*#__PURE__*/React.createElement(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')
+  });
+};
+PasteURLForm.displayName = 'PasteURLForm';
+//# sourceMappingURL=paste-url-form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","isDataValidOrNotSet","useTranslations","PasteURLModal","MediaFieldType","PasteURLForm","_ref","show","closeModal","onSave","value","title","fieldType","document","t","onSaveURL","url","urlValidator","inputValue","undefined","createElement","dataHook","onClose","validator","primaryButtonText","secondaryButtonText","inputPlaceholder","errorStatusMessage","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":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEnD,SAASC,mBAAmB,QAAQ,yBAAyB;AAE7D,SAASC,eAAe,QAAQ,aAAa;AAC7C,SAASC,aAAa,QAAQ,mBAAmB;AAEjD,WAAYC,cAAc,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA;AAc1B,OAAO,MAAMC,YAAyC,GAAGC,IAAA,IAOnD;EAAA,IAPoD;IACxDC,IAAI;IACJC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,KAAK;IACLC,SAAS,GAAGR,cAAc,CAACS;EAC7B,CAAC,GAAAP,IAAA;EACC,MAAM;IAAEQ;EAAE,CAAC,GAAGZ,eAAe,CAAC,CAAC;EAE/B,MAAMa,SAAS,GAAGhB,WAAW,CAAEiB,GAAY,IAAKA,GAAG,IAAIP,MAAM,CAACO,GAAG,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;EAE7E,MAAMQ,YAAY,GAAGjB,OAAO,CAC1B,MAAOkB,UAAmB,IACxBjB,mBAAmB,CAACiB,UAAU,IAAIC,SAAS,EAAEP,SAAS,CAAC,EACzD,CAACA,SAAS,CACZ,CAAC;EAED,oBACEd,KAAA,CAAAsB,aAAA,CAACjB,aAAa;IACZkB,QAAQ,EAAC,gBAAgB;IACzBd,IAAI,EAAEA,IAAK;IACXG,KAAK,EAAEA,KAAM;IACbD,MAAM,EAAEM,SAAU;IAClBO,OAAO,EAAEd,UAAW;IACpBe,SAAS,EAAEN,YAAa;IACxBN,KAAK,EAAEA,KAAM;IACba,iBAAiB,EAAEV,CAAC,CAAC,uCAAuC,CAAE;IAC9DW,mBAAmB,EAAEX,CAAC,CAAC,yCAAyC,CAAE;IAClEY,gBAAgB,EACdd,SAAS,KAAKR,cAAc,CAACS,QAAQ,GACjCC,CAAC,CAAC,gDAAgD,CAAC,GACnDA,CAAC,CAAC,6CAA6C,CACpD;IACDa,kBAAkB,EAChBf,SAAS,KAAKR,cAAc,CAACS,QAAQ,GACjCC,CAAC,CAAC,0CAA0C,CAAC,GAC7CA,CAAC,CAAC,uCAAuC;EAC9C,CACF,CAAC;AAEN,CAAC;AAEDT,YAAY,CAACuB,WAAW,GAAG,cAAc","ignoreList":[]}

package/dist/esm/cms-fields/components/media-control/paste-url-modal.js

@@ -0,0 +1,70 @@
+import React, { useState, useEffect, useMemo } from 'react';
+import { Modal, CustomModalLayout, Input } from '@wix/design-system';
+export const PasteURLModal = _ref => {
+  let {
+    show,
+    onClose,
+    onSave,
+    value = '',
+    title = 'Insert Link',
+    inputPlaceholder = 'Enter URL',
+    primaryButtonText = 'Save',
+    secondaryButtonText = 'Cancel',
+    dataHook = 'paste-url-modal',
+    validator,
+    errorStatusMessage
+  } = _ref;
+  const [url, setUrl] = useState(value);
+  const [touched, setTouched] = useState(false);
+  useEffect(() => {
+    setUrl(value);
+    setTouched(false);
+  }, [value, show]);
+  const isValid = useMemo(() => {
+    if (!validator) {
+      return true;
+    }
+    return validator(url || undefined);
+  }, [url, validator]);
+  const showError = touched && !isValid && url !== '';
+  const handleConfirm = () => {
+    if (!isValid) {
+      setTouched(true);
+      return;
+    }
+    onSave(url);
+    onClose();
+  };
+  const handleChange = e => {
+    setUrl(e.target.value);
+    setTouched(true);
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    isOpen: show,
+    onRequestClose: onClose,
+    screen: "desktop",
+    dataHook: dataHook
+  }, /*#__PURE__*/React.createElement(CustomModalLayout, {
+    dataHook: `${dataHook}.layout`,
+    title: title,
+    closeButtonProps: {
+      onClick: onClose
+    },
+    primaryButtonOnClick: handleConfirm,
+    secondaryButtonOnClick: onClose,
+    primaryButtonText: primaryButtonText,
+    secondaryButtonText: secondaryButtonText,
+    overflowY: "none",
+    width: "600px",
+    content: /*#__PURE__*/React.createElement(Input, {
+      dataHook: `${dataHook}.urlInput`,
+      placeholder: inputPlaceholder,
+      value: url,
+      onChange: handleChange,
+      autoFocus: true,
+      status: showError ? 'error' : undefined,
+      statusMessage: showError ? errorStatusMessage : undefined
+    })
+  }));
+};
+//# sourceMappingURL=paste-url-modal.js.map

package/dist/esm/cms-fields/components/media-control/paste-url-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","useMemo","Modal","CustomModalLayout","Input","PasteURLModal","_ref","show","onClose","onSave","value","title","inputPlaceholder","primaryButtonText","secondaryButtonText","dataHook","validator","errorStatusMessage","url","setUrl","touched","setTouched","isValid","undefined","showError","handleConfirm","handleChange","e","target","createElement","isOpen","onRequestClose","screen","closeButtonProps","onClick","primaryButtonOnClick","secondaryButtonOnClick","overflowY","width","content","placeholder","onChange","autoFocus","status","statusMessage"],"sources":["../../../../../src/cms-fields/components/media-control/paste-url-modal.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\nimport { Modal, CustomModalLayout, Input } from '@wix/design-system';\n\nexport interface PasteURLModalProps {\n  show: boolean;\n  onClose: () => void;\n  onSave: (url?: string) => void;\n  value?: string;\n  title?: string;\n  inputPlaceholder?: string;\n  primaryButtonText?: string;\n  secondaryButtonText?: string;\n  keepMounted?: boolean;\n  dataHook?: string;\n  validator?: (value?: string) => boolean;\n  errorStatusMessage?: string;\n}\n\nexport const PasteURLModal: React.FC<PasteURLModalProps> = ({\n  show,\n  onClose,\n  onSave,\n  value = '',\n  title = 'Insert Link',\n  inputPlaceholder = 'Enter URL',\n  primaryButtonText = 'Save',\n  secondaryButtonText = 'Cancel',\n  dataHook = 'paste-url-modal',\n  validator,\n  errorStatusMessage,\n}) => {\n  const [url, setUrl] = useState(value);\n  const [touched, setTouched] = useState(false);\n\n  useEffect(() => {\n    setUrl(value);\n    setTouched(false);\n  }, [value, show]);\n\n  const isValid = useMemo(() => {\n    if (!validator) {\n      return true;\n    }\n    return validator(url || undefined);\n  }, [url, validator]);\n\n  const showError = touched && !isValid && url !== '';\n\n  const handleConfirm = () => {\n    if (!isValid) {\n      setTouched(true);\n      return;\n    }\n    onSave(url);\n    onClose();\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setUrl(e.target.value);\n    setTouched(true);\n  };\n\n  return (\n    <Modal\n      isOpen={show}\n      onRequestClose={onClose}\n      screen=\"desktop\"\n      dataHook={dataHook}\n    >\n      <CustomModalLayout\n        dataHook={`${dataHook}.layout`}\n        title={title}\n        closeButtonProps={{ onClick: onClose }}\n        primaryButtonOnClick={handleConfirm}\n        secondaryButtonOnClick={onClose}\n        primaryButtonText={primaryButtonText}\n        secondaryButtonText={secondaryButtonText}\n        overflowY=\"none\"\n        width=\"600px\"\n        content={\n          <Input\n            dataHook={`${dataHook}.urlInput`}\n            placeholder={inputPlaceholder}\n            value={url}\n            onChange={handleChange}\n            autoFocus\n            status={showError ? 'error' : undefined}\n            statusMessage={showError ? errorStatusMessage : undefined}\n          />\n        }\n      />\n    </Modal>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAC3D,SAASC,KAAK,EAAEC,iBAAiB,EAAEC,KAAK,QAAQ,oBAAoB;AAiBpE,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAYrD;EAAA,IAZsD;IAC1DC,IAAI;IACJC,OAAO;IACPC,MAAM;IACNC,KAAK,GAAG,EAAE;IACVC,KAAK,GAAG,aAAa;IACrBC,gBAAgB,GAAG,WAAW;IAC9BC,iBAAiB,GAAG,MAAM;IAC1BC,mBAAmB,GAAG,QAAQ;IAC9BC,QAAQ,GAAG,iBAAiB;IAC5BC,SAAS;IACTC;EACF,CAAC,GAAAX,IAAA;EACC,MAAM,CAACY,GAAG,EAAEC,MAAM,CAAC,GAAGpB,QAAQ,CAACW,KAAK,CAAC;EACrC,MAAM,CAACU,OAAO,EAAEC,UAAU,CAAC,GAAGtB,QAAQ,CAAC,KAAK,CAAC;EAE7CC,SAAS,CAAC,MAAM;IACdmB,MAAM,CAACT,KAAK,CAAC;IACbW,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC,EAAE,CAACX,KAAK,EAAEH,IAAI,CAAC,CAAC;EAEjB,MAAMe,OAAO,GAAGrB,OAAO,CAAC,MAAM;IAC5B,IAAI,CAACe,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IACA,OAAOA,SAAS,CAACE,GAAG,IAAIK,SAAS,CAAC;EACpC,CAAC,EAAE,CAACL,GAAG,EAAEF,SAAS,CAAC,CAAC;EAEpB,MAAMQ,SAAS,GAAGJ,OAAO,IAAI,CAACE,OAAO,IAAIJ,GAAG,KAAK,EAAE;EAEnD,MAAMO,aAAa,GAAGA,CAAA,KAAM;IAC1B,IAAI,CAACH,OAAO,EAAE;MACZD,UAAU,CAAC,IAAI,CAAC;MAChB;IACF;IACAZ,MAAM,CAACS,GAAG,CAAC;IACXV,OAAO,CAAC,CAAC;EACX,CAAC;EAED,MAAMkB,YAAY,GAAIC,CAAsC,IAAK;IAC/DR,MAAM,CAACQ,CAAC,CAACC,MAAM,CAAClB,KAAK,CAAC;IACtBW,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC;EAED,oBACEvB,KAAA,CAAA+B,aAAA,CAAC3B,KAAK;IACJ4B,MAAM,EAAEvB,IAAK;IACbwB,cAAc,EAAEvB,OAAQ;IACxBwB,MAAM,EAAC,SAAS;IAChBjB,QAAQ,EAAEA;EAAS,gBAEnBjB,KAAA,CAAA+B,aAAA,CAAC1B,iBAAiB;IAChBY,QAAQ,EAAE,GAAGA,QAAQ,SAAU;IAC/BJ,KAAK,EAAEA,KAAM;IACbsB,gBAAgB,EAAE;MAAEC,OAAO,EAAE1B;IAAQ,CAAE;IACvC2B,oBAAoB,EAAEV,aAAc;IACpCW,sBAAsB,EAAE5B,OAAQ;IAChCK,iBAAiB,EAAEA,iBAAkB;IACrCC,mBAAmB,EAAEA,mBAAoB;IACzCuB,SAAS,EAAC,MAAM;IAChBC,KAAK,EAAC,OAAO;IACbC,OAAO,eACLzC,KAAA,CAAA+B,aAAA,CAACzB,KAAK;MACJW,QAAQ,EAAE,GAAGA,QAAQ,WAAY;MACjCyB,WAAW,EAAE5B,gBAAiB;MAC9BF,KAAK,EAAEQ,GAAI;MACXuB,QAAQ,EAAEf,YAAa;MACvBgB,SAAS;MACTC,MAAM,EAAEnB,SAAS,GAAG,OAAO,GAAGD,SAAU;MACxCqB,aAAa,EAAEpB,SAAS,GAAGP,kBAAkB,GAAGM;IAAU,CAC3D;EACF,CACF,CACI,CAAC;AAEZ,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/media-control/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/cms-fields/components/media-control/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/media-control/types.ts"],"sourcesContent":["import type { FormInputProps } from '../../types';\n\ntype WithPreviewCallbacks = {\n  previewCallbacks?: { onOpen: () => void; onClose: () => void };\n};\n\nexport type FormMediaControlProps<T = string> = Omit<\n  FormInputProps<T>,\n  'field'\n> &\n  WithPreviewCallbacks;\n"],"mappings":"","ignoreList":[]}

package/dist/esm/cms-fields/components/media-control/use-document-delete.js

@@ -0,0 +1,38 @@
+import { useCallback, useState } from 'react';
+import { useTranslations } from '../../hooks';
+import { getMediaTitle } from '../../utils/media-utils';
+export const useDocumentDelete = _ref => {
+  let {
+    data = [],
+    onChange
+  } = _ref;
+  const {
+    t
+  } = useTranslations();
+  const [indexToDelete, setIndexToDelete] = useState(null);
+  const onDelete = useCallback(index => () => setIndexToDelete(index), []);
+  const onDeleteCancel = useCallback(() => setIndexToDelete(null), []);
+  const onDeleteConfirm = useCallback(() => {
+    if (indexToDelete === null) {
+      return;
+    }
+    const updatedData = [...(data ?? [])];
+    updatedData.splice(indexToDelete, 1);
+    onChange(updatedData);
+    setIndexToDelete(null);
+  }, [indexToDelete, onChange, data]);
+  const filename = indexToDelete !== null ? getMediaTitle(data[indexToDelete]) : '';
+  return {
+    isOpen: indexToDelete !== null,
+    onDelete,
+    onDeleteCancel,
+    onDeleteConfirm,
+    title: t('CMS.document.delete.title', {
+      filename
+    }),
+    text: t('CMS.document.delete.message', {
+      filename
+    })
+  };
+};
+//# sourceMappingURL=use-document-delete.js.map

package/dist/esm/cms-fields/components/media-control/use-document-delete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","useTranslations","getMediaTitle","useDocumentDelete","_ref","data","onChange","t","indexToDelete","setIndexToDelete","onDelete","index","onDeleteCancel","onDeleteConfirm","updatedData","splice","filename","isOpen","title","text"],"sources":["../../../../../src/cms-fields/components/media-control/use-document-delete.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { useTranslations } from '../../hooks';\nimport { getMediaTitle } from '../../utils/media-utils';\n\nexport interface UseDocumentDeleteParams {\n  data?: string[];\n  onChange: (value: string[]) => void;\n}\n\nexport const useDocumentDelete = ({\n  data = [],\n  onChange,\n}: UseDocumentDeleteParams) => {\n  const { t } = useTranslations();\n  const [indexToDelete, setIndexToDelete] = useState<number | null>(null);\n\n  const onDelete = useCallback(\n    (index: number) => () => setIndexToDelete(index),\n    [],\n  );\n\n  const onDeleteCancel = useCallback(() => setIndexToDelete(null), []);\n\n  const onDeleteConfirm = useCallback(() => {\n    if (indexToDelete === null) {\n      return;\n    }\n\n    const updatedData = [...(data ?? [])];\n    updatedData.splice(indexToDelete, 1);\n    onChange(updatedData);\n\n    setIndexToDelete(null);\n  }, [indexToDelete, onChange, data]);\n\n  const filename =\n    indexToDelete !== null ? getMediaTitle(data[indexToDelete]) : '';\n\n  return {\n    isOpen: indexToDelete !== null,\n    onDelete,\n    onDeleteCancel,\n    onDeleteConfirm,\n    title: t('CMS.document.delete.title', { filename }),\n    text: t('CMS.document.delete.message', { filename }),\n  };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAE7C,SAASC,eAAe,QAAQ,aAAa;AAC7C,SAASC,aAAa,QAAQ,yBAAyB;AAOvD,OAAO,MAAMC,iBAAiB,GAAGC,IAAA,IAGF;EAAA,IAHG;IAChCC,IAAI,GAAG,EAAE;IACTC;EACuB,CAAC,GAAAF,IAAA;EACxB,MAAM;IAAEG;EAAE,CAAC,GAAGN,eAAe,CAAC,CAAC;EAC/B,MAAM,CAACO,aAAa,EAAEC,gBAAgB,CAAC,GAAGT,QAAQ,CAAgB,IAAI,CAAC;EAEvE,MAAMU,QAAQ,GAAGX,WAAW,CACzBY,KAAa,IAAK,MAAMF,gBAAgB,CAACE,KAAK,CAAC,EAChD,EACF,CAAC;EAED,MAAMC,cAAc,GAAGb,WAAW,CAAC,MAAMU,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EAEpE,MAAMI,eAAe,GAAGd,WAAW,CAAC,MAAM;IACxC,IAAIS,aAAa,KAAK,IAAI,EAAE;MAC1B;IACF;IAEA,MAAMM,WAAW,GAAG,CAAC,IAAIT,IAAI,IAAI,EAAE,CAAC,CAAC;IACrCS,WAAW,CAACC,MAAM,CAACP,aAAa,EAAE,CAAC,CAAC;IACpCF,QAAQ,CAACQ,WAAW,CAAC;IAErBL,gBAAgB,CAAC,IAAI,CAAC;EACxB,CAAC,EAAE,CAACD,aAAa,EAAEF,QAAQ,EAAED,IAAI,CAAC,CAAC;EAEnC,MAAMW,QAAQ,GACZR,aAAa,KAAK,IAAI,GAAGN,aAAa,CAACG,IAAI,CAACG,aAAa,CAAC,CAAC,GAAG,EAAE;EAElE,OAAO;IACLS,MAAM,EAAET,aAAa,KAAK,IAAI;IAC9BE,QAAQ;IACRE,cAAc;IACdC,eAAe;IACfK,KAAK,EAAEX,CAAC,CAAC,2BAA2B,EAAE;MAAES;IAAS,CAAC,CAAC;IACnDG,IAAI,EAAEZ,CAAC,CAAC,6BAA6B,EAAE;MAAES;IAAS,CAAC;EACrD,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/media-control/use-media-control.js

@@ -0,0 +1,121 @@
+import { useRef, useState, useEffect, useCallback } from 'react';
+import { dashboard } from '@wix/dashboard';
+const MEDIA_TYPE_TO_CATEGORY = {
+  IMAGE: 'IMAGE',
+  VIDEO: 'VIDEO',
+  AUDIO: 'MUSIC',
+  DOCUMENT: 'DOCUMENT',
+  ALL_MEDIA: undefined
+};
+
+/**
+ * Extracts the Wix media URI from media manager result.
+ * Media manager returns different structures for different media types.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const extractMediaUri = mediaItem => {
+  var _media$image, _media$video, _media$audio, _media$document;
+  const {
+    media
+  } = mediaItem || {};
+  if (!media) {
+    return '';
+  }
+
+  // Try each media type - the URI is nested under media.[type].[type]
+  return ((_media$image = media.image) == null ? void 0 : _media$image.image) || ((_media$video = media.video) == null ? void 0 : _media$video.video) || ((_media$audio = media.audio) == null ? void 0 : _media$audio.audio) || ((_media$document = media.document) == null ? void 0 : _media$document.document) || (
+  // Fallback for direct string values
+  typeof media.image === 'string' ? media.image : '') || (typeof media.video === 'string' ? media.video : '') || (typeof media.audio === 'string' ? media.audio : '') || (typeof media.document === 'string' ? media.document : '');
+};
+export function useMediaControl(_ref) {
+  let {
+    mediaType,
+    readOnly,
+    autoFocus,
+    initialLoading,
+    inputRef,
+    viewRef,
+    onFocus,
+    onBlur,
+    ...params
+  } = _ref;
+  const {
+    value,
+    multiSelect
+  } = params;
+  const [loading, setLoading] = useState(Boolean(initialLoading && value));
+  const mediaRequested = useRef(false);
+  const setActive = useCallback(() => {
+    if (!autoFocus) {
+      return;
+    }
+    if (value) {
+      var _viewRef$current, _inputRef$current;
+      viewRef && (viewRef == null || (_viewRef$current = viewRef.current) == null ? void 0 : _viewRef$current.focus());
+      !viewRef && (inputRef == null || (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus());
+    } else {
+      var _inputRef$current2;
+      inputRef == null || (_inputRef$current2 = inputRef.current) == null || _inputRef$current2.focus();
+    }
+  }, [autoFocus, value, inputRef, viewRef]);
+  useEffect(() => setActive(), [setActive]);
+  const onMediaLoad = useCallback(() => setLoading(false), []);
+  const callMedia = useCallback(async index => {
+    if (mediaRequested.current || readOnly) {
+      return;
+    }
+    if (!params.onChange) {
+      return;
+    }
+    mediaRequested.current = true;
+    onFocus == null || onFocus();
+    setLoading(true);
+    try {
+      var _mediaManagerData$ite;
+      const category = MEDIA_TYPE_TO_CATEGORY[mediaType];
+      const mediaManagerData = await dashboard.openMediaManager({
+        multiSelect: Boolean(multiSelect),
+        ...(category && {
+          category
+        })
+      });
+      onBlur == null || onBlur();
+      setLoading(false);
+      setActive();
+      mediaRequested.current = false;
+      if (!(mediaManagerData != null && (_mediaManagerData$ite = mediaManagerData.items) != null && _mediaManagerData$ite.length)) {
+        return;
+      }
+      if (params.multiSelect) {
+        const newURIs = mediaManagerData.items.map(extractMediaUri);
+        if (!newURIs.length) {
+          throw new Error(`Media Control Error: Media Manager returns not-covered Multi-Document data.`);
+        }
+        if (typeof index === 'number') {
+          const newValue = value ? [...value] : [];
+          newValue.splice(index, 1, ...newURIs);
+          params.onChange(newValue);
+        } else {
+          params.onChange([...(value ?? []), ...newURIs]);
+        }
+      } else {
+        params.onChange(extractMediaUri(mediaManagerData.items[0]));
+      }
+    } catch (e) {
+      setLoading(false);
+      mediaRequested.current = false;
+      console.error(`Media Control Error:`, e);
+    }
+  }, [mediaType, multiSelect, onBlur, onFocus, params, readOnly, setActive, value]);
+  const downloadMedia = valueToDownload => {
+    // TODO: Implement download media
+    return valueToDownload;
+  };
+  return {
+    loading,
+    callMedia,
+    downloadMedia,
+    onMediaLoad
+  };
+}
+//# sourceMappingURL=use-media-control.js.map

package/dist/esm/cms-fields/components/media-control/use-media-control.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","useEffect","useCallback","dashboard","MEDIA_TYPE_TO_CATEGORY","IMAGE","VIDEO","AUDIO","DOCUMENT","ALL_MEDIA","undefined","extractMediaUri","mediaItem","_media$image","_media$video","_media$audio","_media$document","media","image","video","audio","document","useMediaControl","_ref","mediaType","readOnly","autoFocus","initialLoading","inputRef","viewRef","onFocus","onBlur","params","value","multiSelect","loading","setLoading","Boolean","mediaRequested","setActive","_viewRef$current","_inputRef$current","current","focus","_inputRef$current2","onMediaLoad","callMedia","index","onChange","_mediaManagerData$ite","category","mediaManagerData","openMediaManager","items","length","newURIs","map","Error","newValue","splice","e","console","error","downloadMedia","valueToDownload"],"sources":["../../../../../src/cms-fields/components/media-control/use-media-control.ts"],"sourcesContent":["import { useRef, useState, useEffect, useCallback } from 'react';\nimport { dashboard } from '@wix/dashboard';\n\nimport type { MEDIA_TYPES } from '../../utils/media-utils';\n\ntype Focusable = { focus: () => void };\ntype FocusableRef =\n  | React.RefObject<Focusable | undefined>\n  | React.MutableRefObject<Focusable | undefined>;\n\ninterface UseMediaControlBaseParams {\n  mediaType: MEDIA_TYPES;\n  autoFocus?: boolean;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  readOnly?: boolean;\n  initialLoading?: boolean;\n  inputRef?: FocusableRef;\n  viewRef?: FocusableRef;\n}\n\ninterface UseSingleMediaControlParams extends UseMediaControlBaseParams {\n  value?: string;\n  onChange?: (value: string) => void;\n  multiSelect?: false;\n}\n\ninterface UseMultiMediaControlParams extends UseMediaControlBaseParams {\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  multiSelect: true;\n}\n\nexport type UseMediaControlParams =\n  | UseSingleMediaControlParams\n  | UseMultiMediaControlParams;\n\ninterface UseMediaControlBaseReturnType {\n  loading: boolean;\n  onMediaLoad: () => void;\n}\n\ninterface UseSingleMediaControlReturnType\n  extends UseMediaControlBaseReturnType {\n  callMedia(): Promise<void>;\n}\n\ninterface UseMultiMediaControlReturnType extends UseMediaControlBaseReturnType {\n  callMedia(index?: number): Promise<void>;\n  downloadMedia(): void;\n}\n\nexport type UseMediaControlReturnType =\n  | UseSingleMediaControlReturnType\n  | UseMultiMediaControlReturnType;\n\nconst MEDIA_TYPE_TO_CATEGORY: Record<string, string | undefined> = {\n  IMAGE: 'IMAGE',\n  VIDEO: 'VIDEO',\n  AUDIO: 'MUSIC',\n  DOCUMENT: 'DOCUMENT',\n  ALL_MEDIA: undefined,\n};\n\n/**\n * Extracts the Wix media URI from media manager result.\n * Media manager returns different structures for different media types.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst extractMediaUri = (mediaItem: any): string => {\n  const { media } = mediaItem || {};\n  if (!media) {\n    return '';\n  }\n\n  // Try each media type - the URI is nested under media.[type].[type]\n  return (\n    media.image?.image ||\n    media.video?.video ||\n    media.audio?.audio ||\n    media.document?.document ||\n    // Fallback for direct string values\n    (typeof media.image === 'string' ? media.image : '') ||\n    (typeof media.video === 'string' ? media.video : '') ||\n    (typeof media.audio === 'string' ? media.audio : '') ||\n    (typeof media.document === 'string' ? media.document : '')\n  );\n};\n\nexport function useMediaControl(\n  params: UseSingleMediaControlParams,\n): UseSingleMediaControlReturnType;\n\nexport function useMediaControl(\n  params: UseMultiMediaControlParams,\n): UseMultiMediaControlReturnType;\n\nexport function useMediaControl({\n  mediaType,\n  readOnly,\n  autoFocus,\n  initialLoading,\n  inputRef,\n  viewRef,\n  onFocus,\n  onBlur,\n  ...params\n}: UseMediaControlParams): UseMediaControlReturnType {\n  const { value, multiSelect } = params;\n\n  const [loading, setLoading] = useState(Boolean(initialLoading && value));\n  const mediaRequested = useRef(false);\n\n  const setActive = useCallback(() => {\n    if (!autoFocus) {\n      return;\n    }\n\n    if (value) {\n      viewRef && viewRef?.current?.focus();\n      !viewRef && inputRef?.current?.focus();\n    } else {\n      inputRef?.current?.focus();\n    }\n  }, [autoFocus, value, inputRef, viewRef]);\n\n  useEffect(() => setActive(), [setActive]);\n\n  const onMediaLoad = useCallback(() => setLoading(false), []);\n\n  const callMedia = useCallback(\n    async (index?: number) => {\n      if (mediaRequested.current || readOnly) {\n        return;\n      }\n\n      if (!params.onChange) {\n        return;\n      }\n\n      mediaRequested.current = true;\n\n      onFocus?.();\n      setLoading(true);\n\n      try {\n        const category = MEDIA_TYPE_TO_CATEGORY[mediaType];\n        const mediaManagerData = await dashboard.openMediaManager({\n          multiSelect: Boolean(multiSelect),\n          ...(category && { category }),\n        });\n\n        onBlur?.();\n        setLoading(false);\n\n        setActive();\n\n        mediaRequested.current = false;\n\n        if (!mediaManagerData?.items?.length) {\n          return;\n        }\n\n        if (params.multiSelect) {\n          const newURIs = mediaManagerData.items.map(extractMediaUri);\n\n          if (!newURIs.length) {\n            throw new Error(\n              `Media Control Error: Media Manager returns not-covered Multi-Document data.`,\n            );\n          }\n\n          if (typeof index === 'number') {\n            const newValue = value ? [...value] : [];\n            newValue.splice(index, 1, ...newURIs);\n            params.onChange(newValue);\n          } else {\n            params.onChange([...((value as string[]) ?? []), ...newURIs]);\n          }\n        } else {\n          params.onChange(extractMediaUri(mediaManagerData.items[0]));\n        }\n      } catch (e) {\n        setLoading(false);\n        mediaRequested.current = false;\n        console.error(`Media Control Error:`, e);\n      }\n    },\n    [\n      mediaType,\n      multiSelect,\n      onBlur,\n      onFocus,\n      params,\n      readOnly,\n      setActive,\n      value,\n    ],\n  );\n\n  const downloadMedia = (valueToDownload?: string) => {\n    // TODO: Implement download media\n    return valueToDownload;\n  };\n\n  return {\n    loading,\n    callMedia,\n    downloadMedia,\n    onMediaLoad,\n  };\n}\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAQ,OAAO;AAChE,SAASC,SAAS,QAAQ,gBAAgB;AAuD1C,MAAMC,sBAA0D,GAAG;EACjEC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAEC;AACb,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAIC,SAAc,IAAa;EAAA,IAAAC,YAAA,EAAAC,YAAA,EAAAC,YAAA,EAAAC,eAAA;EAClD,MAAM;IAAEC;EAAM,CAAC,GAAGL,SAAS,IAAI,CAAC,CAAC;EACjC,IAAI,CAACK,KAAK,EAAE;IACV,OAAO,EAAE;EACX;;EAEA;EACA,OACE,EAAAJ,YAAA,GAAAI,KAAK,CAACC,KAAK,qBAAXL,YAAA,CAAaK,KAAK,OAAAJ,YAAA,GAClBG,KAAK,CAACE,KAAK,qBAAXL,YAAA,CAAaK,KAAK,OAAAJ,YAAA,GAClBE,KAAK,CAACG,KAAK,qBAAXL,YAAA,CAAaK,KAAK,OAAAJ,eAAA,GAClBC,KAAK,CAACI,QAAQ,qBAAdL,eAAA,CAAgBK,QAAQ;EACxB;EACC,OAAOJ,KAAK,CAACC,KAAK,KAAK,QAAQ,GAAGD,KAAK,CAACC,KAAK,GAAG,EAAE,CAAC,KACnD,OAAOD,KAAK,CAACE,KAAK,KAAK,QAAQ,GAAGF,KAAK,CAACE,KAAK,GAAG,EAAE,CAAC,KACnD,OAAOF,KAAK,CAACG,KAAK,KAAK,QAAQ,GAAGH,KAAK,CAACG,KAAK,GAAG,EAAE,CAAC,KACnD,OAAOH,KAAK,CAACI,QAAQ,KAAK,QAAQ,GAAGJ,KAAK,CAACI,QAAQ,GAAG,EAAE,CAAC;AAE9D,CAAC;AAUD,OAAO,SAASC,eAAeA,CAAAC,IAAA,EAUsB;EAAA,IAVrB;IAC9BC,SAAS;IACTC,QAAQ;IACRC,SAAS;IACTC,cAAc;IACdC,QAAQ;IACRC,OAAO;IACPC,OAAO;IACPC,MAAM;IACN,GAAGC;EACkB,CAAC,GAAAT,IAAA;EACtB,MAAM;IAAEU,KAAK;IAAEC;EAAY,CAAC,GAAGF,MAAM;EAErC,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAGpC,QAAQ,CAACqC,OAAO,CAACV,cAAc,IAAIM,KAAK,CAAC,CAAC;EACxE,MAAMK,cAAc,GAAGvC,MAAM,CAAC,KAAK,CAAC;EAEpC,MAAMwC,SAAS,GAAGrC,WAAW,CAAC,MAAM;IAClC,IAAI,CAACwB,SAAS,EAAE;MACd;IACF;IAEA,IAAIO,KAAK,EAAE;MAAA,IAAAO,gBAAA,EAAAC,iBAAA;MACTZ,OAAO,KAAIA,OAAO,aAAAW,gBAAA,GAAPX,OAAO,CAAEa,OAAO,qBAAhBF,gBAAA,CAAkBG,KAAK,CAAC,CAAC;MACpC,CAACd,OAAO,KAAID,QAAQ,aAAAa,iBAAA,GAARb,QAAQ,CAAEc,OAAO,qBAAjBD,iBAAA,CAAmBE,KAAK,CAAC,CAAC;IACxC,CAAC,MAAM;MAAA,IAAAC,kBAAA;MACLhB,QAAQ,aAAAgB,kBAAA,GAARhB,QAAQ,CAAEc,OAAO,aAAjBE,kBAAA,CAAmBD,KAAK,CAAC,CAAC;IAC5B;EACF,CAAC,EAAE,CAACjB,SAAS,EAAEO,KAAK,EAAEL,QAAQ,EAAEC,OAAO,CAAC,CAAC;EAEzC5B,SAAS,CAAC,MAAMsC,SAAS,CAAC,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEzC,MAAMM,WAAW,GAAG3C,WAAW,CAAC,MAAMkC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAE5D,MAAMU,SAAS,GAAG5C,WAAW,CAC3B,MAAO6C,KAAc,IAAK;IACxB,IAAIT,cAAc,CAACI,OAAO,IAAIjB,QAAQ,EAAE;MACtC;IACF;IAEA,IAAI,CAACO,MAAM,CAACgB,QAAQ,EAAE;MACpB;IACF;IAEAV,cAAc,CAACI,OAAO,GAAG,IAAI;IAE7BZ,OAAO,YAAPA,OAAO,CAAG,CAAC;IACXM,UAAU,CAAC,IAAI,CAAC;IAEhB,IAAI;MAAA,IAAAa,qBAAA;MACF,MAAMC,QAAQ,GAAG9C,sBAAsB,CAACoB,SAAS,CAAC;MAClD,MAAM2B,gBAAgB,GAAG,MAAMhD,SAAS,CAACiD,gBAAgB,CAAC;QACxDlB,WAAW,EAAEG,OAAO,CAACH,WAAW,CAAC;QACjC,IAAIgB,QAAQ,IAAI;UAAEA;QAAS,CAAC;MAC9B,CAAC,CAAC;MAEFnB,MAAM,YAANA,MAAM,CAAG,CAAC;MACVK,UAAU,CAAC,KAAK,CAAC;MAEjBG,SAAS,CAAC,CAAC;MAEXD,cAAc,CAACI,OAAO,GAAG,KAAK;MAE9B,IAAI,EAACS,gBAAgB,aAAAF,qBAAA,GAAhBE,gBAAgB,CAAEE,KAAK,aAAvBJ,qBAAA,CAAyBK,MAAM,GAAE;QACpC;MACF;MAEA,IAAItB,MAAM,CAACE,WAAW,EAAE;QACtB,MAAMqB,OAAO,GAAGJ,gBAAgB,CAACE,KAAK,CAACG,GAAG,CAAC7C,eAAe,CAAC;QAE3D,IAAI,CAAC4C,OAAO,CAACD,MAAM,EAAE;UACnB,MAAM,IAAIG,KAAK,CACb,6EACF,CAAC;QACH;QAEA,IAAI,OAAOV,KAAK,KAAK,QAAQ,EAAE;UAC7B,MAAMW,QAAQ,GAAGzB,KAAK,GAAG,CAAC,GAAGA,KAAK,CAAC,GAAG,EAAE;UACxCyB,QAAQ,CAACC,MAAM,CAACZ,KAAK,EAAE,CAAC,EAAE,GAAGQ,OAAO,CAAC;UACrCvB,MAAM,CAACgB,QAAQ,CAACU,QAAQ,CAAC;QAC3B,CAAC,MAAM;UACL1B,MAAM,CAACgB,QAAQ,CAAC,CAAC,IAAKf,KAAK,IAAiB,EAAE,CAAC,EAAE,GAAGsB,OAAO,CAAC,CAAC;QAC/D;MACF,CAAC,MAAM;QACLvB,MAAM,CAACgB,QAAQ,CAACrC,eAAe,CAACwC,gBAAgB,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;MAC7D;IACF,CAAC,CAAC,OAAOO,CAAC,EAAE;MACVxB,UAAU,CAAC,KAAK,CAAC;MACjBE,cAAc,CAACI,OAAO,GAAG,KAAK;MAC9BmB,OAAO,CAACC,KAAK,CAAC,sBAAsB,EAAEF,CAAC,CAAC;IAC1C;EACF,CAAC,EACD,CACEpC,SAAS,EACTU,WAAW,EACXH,MAAM,EACND,OAAO,EACPE,MAAM,EACNP,QAAQ,EACRc,SAAS,EACTN,KAAK,CAET,CAAC;EAED,MAAM8B,aAAa,GAAIC,eAAwB,IAAK;IAClD;IACA,OAAOA,eAAe;EACxB,CAAC;EAED,OAAO;IACL7B,OAAO;IACPW,SAAS;IACTiB,aAAa;IACblB;EACF,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+import { useState, useCallback } from 'react';
+import { useOpenState } from '../../hooks';
+export const usePasteURLForm = _ref => {
+  let {
+    onChange
+  } = _ref;
+  const {
+    isOpen,
+    onOpen: onOpenModal,
+    onClose
+  } = useOpenState(false);
+  const [title, setTitle] = useState('');
+  const [value, setValue] = useState('');
+  const [indexToReplace, setIndexToReplace] = useState(undefined);
+  const onOpen = useCallback(_ref2 => {
+    let {
+      title,
+      value,
+      index
+    } = _ref2;
+    return () => {
+      setTitle(title);
+      setValue(value ?? '');
+      onOpenModal();
+      setIndexToReplace(index);
+    };
+  }, [onOpenModal]);
+  const onSave = useCallback(value => {
+    onChange(value, indexToReplace);
+  }, [onChange, indexToReplace]);
+  return {
+    isOpen,
+    title,
+    onOpen,
+    onClose,
+    onSave,
+    value
+  };
+};
+//# sourceMappingURL=use-paste-url-form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useCallback","useOpenState","usePasteURLForm","_ref","onChange","isOpen","onOpen","onOpenModal","onClose","title","setTitle","value","setValue","indexToReplace","setIndexToReplace","undefined","_ref2","index","onSave"],"sources":["../../../../../src/cms-fields/components/media-control/use-paste-url-form.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nimport { useOpenState } from '../../hooks';\n\nexport interface UsePasteURLFormParams {\n  onChange: (value: string, indexToReplace?: number) => void;\n}\n\nexport interface OpenPasteURLFormParams {\n  title: string;\n  value?: string;\n  index?: number;\n}\n\nexport type UsePasteURLFormHook = (params: UsePasteURLFormParams) => {\n  isOpen: boolean;\n  title: string;\n  onOpen: (params: OpenPasteURLFormParams) => () => void;\n  onClose: () => void;\n  onSave: (value: string) => void;\n  value?: string;\n};\n\nexport const usePasteURLForm: UsePasteURLFormHook = ({ onChange }) => {\n  const { isOpen, onOpen: onOpenModal, onClose } = useOpenState(false);\n  const [title, setTitle] = useState('');\n  const [value, setValue] = useState('');\n  const [indexToReplace, setIndexToReplace] = useState<number | undefined>(\n    undefined,\n  );\n\n  const onOpen = useCallback(\n    ({ title, value, index }: OpenPasteURLFormParams) =>\n      () => {\n        setTitle(title);\n        setValue(value ?? '');\n        onOpenModal();\n        setIndexToReplace(index);\n      },\n    [onOpenModal],\n  );\n\n  const onSave = useCallback(\n    (value: string) => {\n      onChange(value, indexToReplace);\n    },\n    [onChange, indexToReplace],\n  );\n\n  return {\n    isOpen,\n    title,\n    onOpen,\n    onClose,\n    onSave,\n    value,\n  };\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAE7C,SAASC,YAAY,QAAQ,aAAa;AAqB1C,OAAO,MAAMC,eAAoC,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAC/D,MAAM;IAAEE,MAAM;IAAEC,MAAM,EAAEC,WAAW;IAAEC;EAAQ,CAAC,GAAGP,YAAY,CAAC,KAAK,CAAC;EACpE,MAAM,CAACQ,KAAK,EAAEC,QAAQ,CAAC,GAAGX,QAAQ,CAAC,EAAE,CAAC;EACtC,MAAM,CAACY,KAAK,EAAEC,QAAQ,CAAC,GAAGb,QAAQ,CAAC,EAAE,CAAC;EACtC,MAAM,CAACc,cAAc,EAAEC,iBAAiB,CAAC,GAAGf,QAAQ,CAClDgB,SACF,CAAC;EAED,MAAMT,MAAM,GAAGN,WAAW,CACxBgB,KAAA;IAAA,IAAC;MAAEP,KAAK;MAAEE,KAAK;MAAEM;IAA8B,CAAC,GAAAD,KAAA;IAAA,OAC9C,MAAM;MACJN,QAAQ,CAACD,KAAK,CAAC;MACfG,QAAQ,CAACD,KAAK,IAAI,EAAE,CAAC;MACrBJ,WAAW,CAAC,CAAC;MACbO,iBAAiB,CAACG,KAAK,CAAC;IAC1B,CAAC;EAAA,GACH,CAACV,WAAW,CACd,CAAC;EAED,MAAMW,MAAM,GAAGlB,WAAW,CACvBW,KAAa,IAAK;IACjBP,QAAQ,CAACO,KAAK,EAAEE,cAAc,CAAC;EACjC,CAAC,EACD,CAACT,QAAQ,EAAES,cAAc,CAC3B,CAAC;EAED,OAAO;IACLR,MAAM;IACNI,KAAK;IACLH,MAAM;IACNE,OAAO;IACPU,MAAM;IACNP;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/media-gallery/index.js

@@ -0,0 +1,2 @@
+export * from './media-gallery-view';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/media-gallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/media-gallery/index.ts"],"sourcesContent":["export * from './media-gallery-view';\n"],"mappings":"AAAA,cAAc,sBAAsB","ignoreList":[]}