@wix/patterns-fields 1.134.0 → 1.136.0

package/dist/types/components/media-vector-art-field/cell-media-vector-art-edit.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cell-media-vector-art-edit.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/media-vector-art-field/cell-media-vector-art-edit.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAwH,CAAC;AAC3I,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"cell-media-vector-art-edit.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/media-vector-art-field/cell-media-vector-art-edit.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAA0H,CAAC;AAC7I,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/multi-document/cell-multi-document-edit.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cell-multi-document-edit.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-document/cell-multi-document-edit.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAA8G,CAAC;AACjI,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"cell-multi-document-edit.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-document/cell-multi-document-edit.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAgH,CAAC;AACnI,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fullscreen-modal.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAoG,CAAC;AACvH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;CAA8K,CAAC"}
+{"version":3,"file":"fullscreen-modal.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAsG,CAAC;AACzH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;CAA8K,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"publish-loader.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAkG,CAAC;AACrH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;CAA0C,CAAC"}
+{"version":3,"file":"publish-loader.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAoG,CAAC;AACvH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;CAA0C,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-viewer.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAAuJ,CAAC;AAC1K,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"rich-content-viewer.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAAoJ,CAAC;AACvK,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/text/text-view.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-view.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text-view.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAgF,CAAC;AACnG,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"text-view.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text-view.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAA8E,CAAC;AACjG,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/utils/media-item-utils.d.ts

@@ -55,6 +55,11 @@ export interface ParsedAudioItem {
 export type ParsedMediaItem = ParsedImageItem | ParsedVideoItem | ParsedDocumentItem | ParsedVectorItem | ParsedAudioItem;
 export type ParseMediaItemResult = ParsedMediaItem | MediaItemError;
 export type CreateMediaItemUriResult = CreateMediaItemResult | MediaItemError;
+export declare const isDecodable: (uri: string) => boolean;
+export declare function parseWixImageIdAndTitle(uri: string): {
+    mediaId: string;
+    title: string;
+} | null;
 export declare function parseMediaItemUri(mediaItemUri?: string): ParseMediaItemResult;
 export declare function createMediaItemUri(params: CreateMediaItemParams): CreateMediaItemUriResult;
 export declare function isMediaItemError(result: ParseMediaItemResult | CreateMediaItemUriResult): result is MediaItemError;

package/dist/types/utils/media-item-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media-item-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/media-item-utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5E,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,eAAe,GACvB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,CAAC;AACpB,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG,cAAc,CAAC;AACpE,MAAM,MAAM,wBAAwB,GAAG,qBAAqB,GAAG,cAAc,CAAC;AAyE9E,wBAAgB,iBAAiB,CAAC,YAAY,SAAK,GAAG,oBAAoB,CAkGzE;AAID,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,qBAAqB,GAC5B,wBAAwB,CAiD1B;AAID,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,oBAAoB,GAAG,wBAAwB,GACtD,MAAM,IAAI,cAAc,CAE1B"}
+{"version":3,"file":"media-item-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/media-item-utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5E,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,eAAe,GACvB,eAAe,GACf,eAAe,GACf,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,CAAC;AACpB,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG,cAAc,CAAC;AACpE,MAAM,MAAM,wBAAwB,GAAG,qBAAqB,GAAG,cAAc,CAAC;AAwE9E,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,KAAG,OAOzC,CAAC;AAIF,wBAAgB,uBAAuB,CACrC,GAAG,EAAE,MAAM,GACV;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAK3C;AAED,wBAAgB,iBAAiB,CAAC,YAAY,SAAK,GAAG,oBAAoB,CAkGzE;AAID,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,qBAAqB,GAC5B,wBAAwB,CAiD1B;AAID,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,oBAAoB,GAAG,wBAAwB,GACtD,MAAM,IAAI,cAAc,CAE1B"}

package/dist/types/utils/media-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/media-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA+BH,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,OAK9C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,OAK3C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,OAK3C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,OAK3C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,OAK5C,CAAC;AAiBF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,MAyC3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,MAAM,SAc7C,CAAC;AAGF,oBAAY,WAAW;IACrB,SAAS,cAAc;IACvB,KAAK,cAAc;IACnB,KAAK,mBAAmB;IACxB,KAAK,UAAU;IACf,OAAO,gBAAgB;IACvB,UAAU,eAAe;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,MAAM,MAAM,GAAG,SAAS,EACxB,MAAM,UAAU,GAAG,OAAO,KACzB,OAeF,CAAC"}
+{"version":3,"file":"media-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/media-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAqBH,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,OAK9C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,OAK3C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,OAK3C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,OAK3C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,OAK5C,CAAC;AAiBF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,KAAK,MAAM,KAAG,MAyC3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,MAAM,SAc7C,CAAC;AAGF,oBAAY,WAAW;IACrB,SAAS,cAAc;IACvB,KAAK,cAAc;IACnB,KAAK,mBAAmB;IACxB,KAAK,UAAU;IACf,OAAO,gBAAgB;IACvB,UAAU,eAAe;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAC9B,MAAM,MAAM,GAAG,SAAS,EACxB,MAAM,UAAU,GAAG,OAAO,KACzB,OAeF,CAAC"}

package/dist/types/utils/media-vector-art-value.d.ts

@@ -2,4 +2,5 @@ import type { MediaVectorArtValue } from '../types/media-vector-art';
 export declare const toMediaVectorArtValue: (value: unknown) => MediaVectorArtValue | null;
 export declare const isMediaVectorArtEmpty: (value: unknown) => boolean;
 export declare const fromVectorArtPick: (uri: string) => MediaVectorArtValue | null;
+export declare const deserializeMediaVectorArtValue: (raw: string) => MediaVectorArtValue | null;
 //# sourceMappingURL=media-vector-art-value.d.ts.map

package/dist/types/utils/media-vector-art-value.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media-vector-art-value.d.ts","sourceRoot":"","sources":["../../../src/utils/media-vector-art-value.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAUrE,eAAO,MAAM,qBAAqB,GAChC,OAAO,OAAO,KACb,mBAAmB,GAAG,IAA4C,CAAC;AAEtE,eAAO,MAAM,qBAAqB,GAAI,OAAO,OAAO,KAAG,OAChB,CAAC;AAExC,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,KAAG,mBAAmB,GAAG,IAU5D,CAAC"}
+{"version":3,"file":"media-vector-art-value.d.ts","sourceRoot":"","sources":["../../../src/utils/media-vector-art-value.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAuBrE,eAAO,MAAM,qBAAqB,GAChC,OAAO,OAAO,KACb,mBAAmB,GAAG,IAA4C,CAAC;AAEtE,eAAO,MAAM,qBAAqB,GAAI,OAAO,OAAO,KAAG,OAChB,CAAC;AAExC,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,KAAG,mBAAmB,GAAG,IAU5D,CAAC;AAEX,eAAO,MAAM,8BAA8B,GACzC,KAAK,MAAM,KACV,mBAAmB,GAAG,IAUxB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns-fields",
-  "version": "1.134.0",
+  "version": "1.136.0",
   "license": "UNLICENSED",
   "author": {
     "name": "Kobi",
@@ -125,7 +125,7 @@
     "@wix/atlas": "^1.0.35",
     "@wix/data": "^1.0.323",
     "@wix/media": "^1.0.231",
-    "@wix/patterns-fields-utils": "1.115.0",
+    "@wix/patterns-fields-utils": "1.117.0",
     "@wix/rich-content": "1.0.37",
     "@wix/sdk": "^1.17.2",
     "@wix/wix-ui-icons-common": "^3.189.0",
@@ -153,7 +153,7 @@
     "@types/lodash": "^4.17.20",
     "@types/react": "^16.14.68",
     "@wix/babel-cli": "^1.11.0",
-    "@wix/bex-core": "2.412.0",
+    "@wix/bex-core": "2.414.0",
     "@wix/design-system": "^1.336.0",
     "@wix/eslint-config-yoshi": "^6.74.0",
     "@wix/jest-yoshi-preset": "^6.74.0",
@@ -216,5 +216,5 @@
       "optional": true
     }
   },
-  "falconPackageHash": "376b775556198c1a338c4853076bb94f7f600764df78a2c2f5efa36c"
+  "falconPackageHash": "b17303cf495443a5c3fc5a436c59473108c2eaf11f4d80bb39e46310"
 }

package/src/__tests__/components/media-vector-art-field/form-media-vector-art-input.spec.tsx

@@ -14,7 +14,7 @@ import { PatternsFieldsTestProvider } from '../../../testkit/patterns-fields-tes
 import { FormFieldDriver, makeField } from '../../form-field.driver';
 
 const uri = 'wix:vector://v1/3d4bb251d1904cf8b5b8a1e9a1ba727d.svg/Cheese.svg';
-const otherUri = 'wix:vector://v1/shape789.svg/';
+const otherUri = 'wix:vector://v1/shape789.svg/shape789.svg';
 const imageUri =
   'wix:image://v1/913019_d5425b6817dc4739bd0f3a494d4ec00b~mv2.jpg/cat.jpg#originWidth=100&originHeight=50';
 
@@ -33,9 +33,17 @@ const vectorArt: MediaVectorArtValue = {
   colors: { 'color-1': '#FF0000' },
 };
 
-const vectorPick = (itemUri: string) => ({
-  items: [{ media: { vector: { vector: itemUri } } }],
-});
+const splitVectorUri = (itemUri: string) =>
+  itemUri.replace('wix:vector://v1/', '').split('/');
+const vectorPick = (itemUri: string) => {
+  const [id, filename] = splitVectorUri(itemUri);
+  return { items: [{ media: { vector: { image: { id, filename } } } }] };
+};
+const uploadedSvgPick = (itemUri: string, dimensions = '') => {
+  const [id, filename] = splitVectorUri(itemUri);
+  const image = `wix:image://v1/${id}/${filename}${dimensions}`;
+  return { items: [{ media: { vector: { image } } }] };
+};
 const imageShapedPick = (itemUri: string) => ({
   items: [{ media: { image: { image: itemUri } } }],
 });
@@ -126,6 +134,11 @@ describe('ControlledMediaVectorArtInput', () => {
 
   it.each([
     ['a vector payload', vectorPick(uri)],
+    [
+      'an uploaded svg',
+      uploadedSvgPick(uri, '#originWidth=20&originHeight=20'),
+    ],
+    ['an uploaded svg without dimensions', uploadedSvgPick(uri)],
     ['a shape returned as an image', imageShapedPick(uri)],
   ])(
     'adds vector art from the vector-only media manager, for %s',

package/src/__tests__/utils/media-vector-art-value.spec.ts

@@ -1,4 +1,5 @@
 import {
+  deserializeMediaVectorArtValue,
   fromVectorArtPick,
   isMediaVectorArtEmpty,
   toMediaVectorArtValue,
@@ -46,6 +47,7 @@ describe('toMediaVectorArtValue', () => {
       uri: 'wix:vector://v1/3d4bb251d1904cf8b5b8a1e9a1ba727d.svg',
     },
     { ...pickedVectorArt, uri: undefined },
+    { ...pickedVectorArt, uri: 'wix:vector://v1/shape789.svg/Cheese%ZZ.svg' },
     [pickedVectorArt],
   ])('returns null when there is no vector art to show: %p', (value) => {
     expect(toMediaVectorArtValue(value)).toBeNull();
@@ -71,3 +73,31 @@ describe('fromVectorArtPick', () => {
     expect(fromVectorArtPick(imageValue.uri)).toBeNull();
   });
 });
+
+describe('deserializeMediaVectorArtValue', () => {
+  it('reads back a copied value', () => {
+    expect(
+      deserializeMediaVectorArtValue(JSON.stringify(boundVectorArt)),
+    ).toEqual(boundVectorArt);
+  });
+
+  it('fills the members a pasted value leaves out', () => {
+    expect(
+      deserializeMediaVectorArtValue(
+        JSON.stringify({ uri: pickedVectorArt.uri }),
+      ),
+    ).toEqual(pickedVectorArt);
+  });
+
+  it('reads blank text as no value', () => {
+    expect(deserializeMediaVectorArtValue('  ')).toBeNull();
+  });
+
+  it.each([
+    ['an image value', JSON.stringify(imageValue)],
+    ['a plain vector URI', pickedVectorArt.uri],
+    ['other text', 'Cheese'],
+  ])('throws for %s', (_, raw) => {
+    expect(() => deserializeMediaVectorArtValue(raw)).toThrow();
+  });
+});

package/src/assets/locale/version_file

@@ -1 +1 @@
-1793620185
+1793707260

package/src/components/address/input/address-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "addressinput3354350482";
+var _namespace_ = "addressinput2052745656";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"addressinput3354350482__root","tableAddressInput":"addressinput3354350482__tableAddressInput"};
+export var classes = {"root":"addressinput2052745656__root","tableAddressInput":"addressinput2052745656__tableAddressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "actionsmenu2277151988";
+var _namespace_ = "actionsmenu4043346182";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"actionsmenu2277151988__root","action":"actionsmenu2277151988__action"};
+export var classes = {"root":"actionsmenu4043346182__root","action":"actionsmenu4043346182__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-field/form-audio-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "formaudiofield2240420700";
+var _namespace_ = "formaudiofield1955549198";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formaudiofield2240420700__root","addItem":"formaudiofield2240420700__addItem","mediaTitle":"formaudiofield2240420700__mediaTitle"};
+export var classes = {"root":"formaudiofield1955549198__root","addItem":"formaudiofield1955549198__addItem","mediaTitle":"formaudiofield1955549198__mediaTitle"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-player/audio-player.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "audioplayer3622009392";
+var _namespace_ = "audioplayer1432654471";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"audioplayer3622009392__root"};
+export var classes = {"root":"audioplayer1432654471__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/color-view/cell-color-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellcolorview2081017582";
+var _namespace_ = "cellcolorview755247089";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellcolorview2081017582__root","hashPrefix":"cellcolorview2081017582__hashPrefix"};
+export var classes = {"root":"cellcolorview755247089__root","hashPrefix":"cellcolorview755247089__hashPrefix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/color-view/color-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "colorview1058993989";
+var _namespace_ = "colorview1149688262";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"colorview1058993989__root","view":"colorview1058993989__view","fillPreview":"colorview1058993989__fillPreview"};
+export var classes = {"root":"colorview1149688262__root","view":"colorview1149688262__view","fillPreview":"colorview1149688262__fillPreview"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/delete-dialog/delete-dialog.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "deletedialog2898630707";
+var _namespace_ = "deletedialog1889738812";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"deletedialog2898630707__root","layout":"deletedialog2898630707__layout"};
+export var classes = {"root":"deletedialog1889738812__root","layout":"deletedialog1889738812__layout"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/document/form-document-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "formdocumentfield1742862035";
+var _namespace_ = "formdocumentfield4108488274";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formdocumentfield1742862035__root","viewWrapper":"formdocumentfield1742862035__viewWrapper","textWidth":"formdocumentfield1742862035__textWidth","documentLoader":"formdocumentfield1742862035__documentLoader","addDocument":"formdocumentfield1742862035__addDocument","addItemWrapper":"formdocumentfield1742862035__addItemWrapper"};
+export var classes = {"root":"formdocumentfield4108488274__root","viewWrapper":"formdocumentfield4108488274__viewWrapper","textWidth":"formdocumentfield4108488274__textWidth","documentLoader":"formdocumentfield4108488274__documentLoader","addDocument":"formdocumentfield4108488274__addDocument","addItemWrapper":"formdocumentfield4108488274__addItemWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/exclamation/exclamation.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "exclamation1262612039";
+var _namespace_ = "exclamation1994739553";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"exclamation1262612039__root","exclamation":"exclamation1262612039__exclamation","actions":"exclamation1262612039__actions","action":"exclamation1262612039__action"};
+export var classes = {"root":"exclamation1994739553__root","exclamation":"exclamation1994739553__exclamation","actions":"exclamation1994739553__actions","action":"exclamation1994739553__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/field-validation-settings/field-validation-settings-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "fieldvalidationsettingsinput3913148241";
+var _namespace_ = "fieldvalidationsettingsinput4071633888";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"fieldvalidationsettingsinput3913148241__root","specificValuesInput":"fieldvalidationsettingsinput3913148241__specificValuesInput"};
+export var classes = {"root":"fieldvalidationsettingsinput4071633888__root","specificValuesInput":"fieldvalidationsettingsinput4071633888__specificValuesInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/highlighted-text/highlighted-text.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "highlightedtext3488378348";
+var _namespace_ = "highlightedtext3930973860";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"highlightedtext3488378348__root","substring":"highlightedtext3488378348__substring"};
-export var keyframes = {"highlighted":"highlightedtext3488378348__highlighted","highlighted-match":"highlightedtext3488378348__highlighted-match"}; 
+export var classes = {"root":"highlightedtext3930973860__root","substring":"highlightedtext3930973860__substring"};
+export var keyframes = {"highlighted":"highlightedtext3930973860__highlighted","highlighted-match":"highlightedtext3930973860__highlighted-match"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/image/thumbnail-replace-overlay.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "thumbnailreplaceoverlay3209634177";
+var _namespace_ = "thumbnailreplaceoverlay3060574487";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"thumbnailreplaceoverlay3209634177__root","icon":"thumbnailreplaceoverlay3209634177__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay3060574487__root","icon":"thumbnailreplaceoverlay3060574487__icon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-control/cell-media-edit-shell.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmediaeditshell2156232776";
+var _namespace_ = "cellmediaeditshell3329525901";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellmediaeditshell2156232776__root"};
+export var classes = {"root":"cellmediaeditshell3329525901__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-control/paste-url-button.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "pasteurlbutton1865172608";
+var _namespace_ = "pasteurlbutton2405025088";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"pasteurlbutton1865172608__root","iconButtonTooltip":"pasteurlbutton1865172608__iconButtonTooltip","iconButton":"pasteurlbutton1865172608__iconButton"};
+export var classes = {"root":"pasteurlbutton2405025088__root","iconButtonTooltip":"pasteurlbutton2405025088__iconButtonTooltip","iconButton":"pasteurlbutton2405025088__iconButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-control/use-media-control.ts

@@ -3,6 +3,11 @@ import { WixPatternsContainerContext } from '@wix/bex-core/react';
 import { files } from '@wix/media';
 
 import { executeDownloading, MEDIA_TYPES } from '../../utils/media-utils';
+import {
+  createMediaItemUri,
+  isMediaItemError,
+  parseWixImageIdAndTitle,
+} from '../../utils/media-item-utils';
 import { getMediaURL } from '../../auto-field-types';
 
 type Focusable = { focus: () => void };
@@ -90,6 +95,21 @@ const extractAudioUrl = (audio: any): string | undefined => {
   return undefined;
 };
 
+const toVectorUri = (mediaId: string, title?: string): string | undefined => {
+  const result = createMediaItemUri({ mediaId, type: 'vector', title });
+  return isMediaItemError(result) ? undefined : result.item;
+};
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const extractVectorUri = (vector: any): string | undefined => {
+  const image = vector?.image;
+  if (typeof image === 'string') {
+    const parsed = parseWixImageIdAndTitle(image);
+    return parsed ? toVectorUri(parsed.mediaId, parsed.title) : undefined;
+  }
+  return image?.id ? toVectorUri(image.id, image.filename) : undefined;
+};
+
 /**
  * Extracts the Wix media URI from media manager result.
  * Media manager returns different structures for different media types.
@@ -106,6 +126,7 @@ const extractMediaUri = (mediaItem: any): string => {
       media.document?.document ||
       (typeof media.document === 'string' && media.document) ||
       media.vector?.vector ||
+      extractVectorUri(media.vector) ||
       (typeof media.vector === 'string' && media.vector) ||
       extractAudioUrl(media.audio) ||
       ''

package/src/components/media-gallery/form-media-gallery-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "formmediagalleryfield3044816708";
+var _namespace_ = "formmediagalleryfield4126786050";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formmediagalleryfield3044816708__root","container":"formmediagalleryfield3044816708__container","viewBox":"formmediagalleryfield3044816708__viewBox","addItemWrapper":"formmediagalleryfield3044816708__addItemWrapper","addItem":"formmediagalleryfield3044816708__addItem","overlay":"formmediagalleryfield3044816708__overlay","image":"formmediagalleryfield3044816708__image","previewImage":"formmediagalleryfield3044816708__previewImage","previewVideo":"formmediagalleryfield3044816708__previewVideo"};
+export var classes = {"root":"formmediagalleryfield4126786050__root","container":"formmediagalleryfield4126786050__container","viewBox":"formmediagalleryfield4126786050__viewBox","addItemWrapper":"formmediagalleryfield4126786050__addItemWrapper","addItem":"formmediagalleryfield4126786050__addItem","overlay":"formmediagalleryfield4126786050__overlay","image":"formmediagalleryfield4126786050__image","previewImage":"formmediagalleryfield4126786050__previewImage","previewVideo":"formmediagalleryfield4126786050__previewVideo"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-gallery/media-preview-modal.tsx

@@ -157,6 +157,7 @@ const MediaPreviewLayout: React.FC<MediaPreviewLayoutProps> = ({
                   priority="secondary"
                   size="small"
                   skin="light"
+                  dataHook="preview-modal-delete-button"
                   onClick={handleClear}
                   disabled={readOnly}
                 >

package/src/components/media-image/media-image.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "mediaimage2838180827";
+var _namespace_ = "mediaimage453535878";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"mediaimage2838180827__root"};
+export var classes = {"root":"mediaimage453535878__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-color-red-200":"--wds-color-red-200","wsr-color-R20":"--wsr-color-R20","wds-color-black-550":"--wds-color-black-550","wsr-color-D55":"--wsr-color-D55","from":"--mediaimage2838180827-from","to":"--mediaimage2838180827-to"}; 
+export var vars = {"wds-color-red-200":"--wds-color-red-200","wsr-color-R20":"--wsr-color-R20","wds-color-black-550":"--wds-color-black-550","wsr-color-D55":"--wsr-color-D55","from":"--mediaimage453535878-from","to":"--mediaimage453535878-to"}; 
 
 
 

package/src/components/media-image/overlays/overlay.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "overlay1548084948";
+var _namespace_ = "overlay869258729";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"overlay1548084948__root","iconOverlay":"overlay1548084948__iconOverlay"};
+export var classes = {"root":"overlay869258729__root","iconOverlay":"overlay869258729__iconOverlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-image-field/cell-media-image-edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmediaimageedit1809120006";
+var _namespace_ = "cellmediaimageedit951602822";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellmediaimageedit1809120006__root","view":"cellmediaimageedit1809120006__view","anchor":"cellmediaimageedit1809120006__anchor","anchorBox":"cellmediaimageedit1809120006__anchorBox","popoverContent":"cellmediaimageedit1809120006__popoverContent","image":"cellmediaimageedit1809120006__image","imageActions":"cellmediaimageedit1809120006__imageActions"};
+export var classes = {"root":"cellmediaimageedit951602822__root","view":"cellmediaimageedit951602822__view","anchor":"cellmediaimageedit951602822__anchor","anchorBox":"cellmediaimageedit951602822__anchorBox","popoverContent":"cellmediaimageedit951602822__popoverContent","image":"cellmediaimageedit951602822__image","imageActions":"cellmediaimageedit951602822__imageActions"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};