@contentstack/live-preview-utils 4.1.1 → 4.1.3

package/dist/modern/visualBuilder/utils/isFieldDisabled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/isFieldDisabled.ts"],"sourcesContent":["import Config from \"../../configManager/configManager\";\nimport { ISchemaFieldMap } from \"./types/index.types\";\nimport { VisualBuilder } from \"..\";\nimport { FieldDetails } from \"../components/FieldToolbar\";\nimport { EntryPermissions } from \"./getEntryPermissions\";\nimport { WorkflowStageDetails } from \"./getWorkflowStageDetails\";\n\nconst DisableReason = {\n    ReadOnly: \"You have only read access to this field\",\n    LocalizedEntry: \"Editing this field is restricted in localized entries\",\n    UnlinkedVariant:\n        \"This field is not editable as it is not linked to the selected variant\",\n    AudienceMode: \"To edit an experience, open the Audience widget and click the Edit icon.\",\n    DisabledVariant:\n        \"This field is not editable as it doesn't match the selected variant\",\n    UnlocalizedVariant: \"This field is not editable as it is not localized\",\n    None: \"\",\n    EntryUpdateRestricted: \"You do not have permission to edit this entry\",\n    WorkflowStagePermission: ({ stageName }: { stageName: string }) =>\n        `You do not have Edit access to this entry on the '${stageName}' workflow stage`,\n    EntryUpdateRestrictedRoleAndWorkflowStage: ({\n        stageName,\n    }: {\n        stageName: string;\n    }) =>\n        `Editing is restricted for your role or by the rules for the '${stageName}' stage. Contact your admin for edit access.`,\n} as const;\n\ninterface FieldDisableState {\n    isDisabled: boolean;\n    reason: string;\n}\n\nconst getDisableReason = (\n    flags: Record<string, boolean>,\n    params?: Record<string, any>\n) => {\n    if (flags.updateRestrictDueToRole) return DisableReason.ReadOnly;\n    if (flags.updateRestrictDueToNonLocalizableFields)\n        return DisableReason.LocalizedEntry;\n    if (flags.updateRestrictDueToUnlocalizedVariant)\n        return DisableReason.UnlocalizedVariant;\n    if (flags.updateRestrictDueToUnlinkVariant)\n        return DisableReason.UnlinkedVariant;\n    if (flags.updateRestrictDueToAudienceMode)\n        return DisableReason.AudienceMode;\n    if (flags.updateRestrictDueToDisabledVariant)\n        return DisableReason.DisabledVariant;\n    if (\n        flags.updateRestrictDueToEntryUpdateRestriction &&\n        flags.updateRestrictDueToWorkflowStagePermission\n    ) {\n        return DisableReason.EntryUpdateRestrictedRoleAndWorkflowStage({\n            stageName: params?.stageName ? params.stageName : \"Unknown\",\n        });\n    }\n    if (flags.updateRestrictDueToEntryUpdateRestriction) {\n        return DisableReason.EntryUpdateRestricted;\n    }\n    if (flags.updateRestrictDueToWorkflowStagePermission) {\n        return DisableReason.WorkflowStagePermission({\n            stageName: params?.stageName ? params.stageName : \"Unknown\",\n        });\n    }\n    return DisableReason.None;\n};\n\nexport const isFieldDisabled = (\n    fieldSchemaMap: ISchemaFieldMap,\n    eventFieldDetails: FieldDetails,\n    entryPermissions?: EntryPermissions,\n    entryWorkflowStageDetails?: WorkflowStageDetails\n): FieldDisableState => {\n    const { editableElement, fieldMetadata } = eventFieldDetails;\n    const masterLocale = Config.get().stackDetails.masterLocale || \"en-us\";\n    const { locale: cmsLocale, variant } =\n        VisualBuilder.VisualBuilderGlobalState.value;\n\n    const flags: Record<string, boolean> = {\n        updateRestrictDueToRole: Boolean(\n            fieldSchemaMap?.field_metadata?.updateRestrict\n        ),\n        updateRestrictDueToUnlinkVariant: Boolean(\n            fieldSchemaMap?.field_metadata?.isUnlinkedVariant\n        ),\n        updateRestrictDueToUnlocalizedVariant: Boolean(\n            variant && fieldMetadata.locale !== cmsLocale\n        ),\n        updateRestrictDueToNonLocalizableFields: Boolean(\n            fieldSchemaMap?.non_localizable &&\n                masterLocale !== fieldMetadata.locale\n        ),\n        updateRestrictDueToAudienceMode: false,\n        updateRestrictDueToDisabledVariant: false,\n    };\n\n    if (entryPermissions && !entryPermissions.update) {\n        flags.updateRestrictDueToEntryUpdateRestriction = true;\n    }\n\n    if (\n        entryWorkflowStageDetails &&\n        !entryWorkflowStageDetails.permissions.entry.update\n    ) {\n        flags.updateRestrictDueToWorkflowStagePermission = true;\n    }\n\n    if (\n        VisualBuilder.VisualBuilderGlobalState.value.audienceMode &&\n        !editableElement.classList.contains(\"visual-builder__variant-field\") &&\n        !editableElement.classList.contains(\"visual-builder__base-field\")\n    ) {\n        if (\n            editableElement.classList.contains(\n                \"visual-builder__disabled-variant-field\"\n            )\n        ) {\n            flags.updateRestrictDueToDisabledVariant = true;\n        } else {\n            flags.updateRestrictDueToAudienceMode = true;\n        }\n    }\n\n    const isDisabled = Object.values(flags).some(Boolean);\n    const reason = getDisableReason(flags, {\n        stageName: entryWorkflowStageDetails?.stage?.name,\n    });\n\n    return { isDisabled, reason };\n};\n"],"mappings":";;;AAAA,OAAO,YAAY;AAEnB,SAAS,qBAAqB;AAK9B,IAAM,gBAAgB;AAAA,EAClB,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,iBACI;AAAA,EACJ,cAAc;AAAA,EACd,iBACI;AAAA,EACJ,oBAAoB;AAAA,EACpB,MAAM;AAAA,EACN,uBAAuB;AAAA,EACvB,yBAAyB,CAAC,EAAE,UAAU,MAClC,qDAAqD,SAAS;AAAA,EAClE,2CAA2C,CAAC;AAAA,IACxC;AAAA,EACJ,MAGI,gEAAgE,SAAS;AACjF;AAOA,IAAM,mBAAmB,CACrB,OACA,WACC;AACD,MAAI,MAAM,wBAAyB,QAAO,cAAc;AACxD,MAAI,MAAM;AACN,WAAO,cAAc;AACzB,MAAI,MAAM;AACN,WAAO,cAAc;AACzB,MAAI,MAAM;AACN,WAAO,cAAc;AACzB,MAAI,MAAM;AACN,WAAO,cAAc;AACzB,MAAI,MAAM;AACN,WAAO,cAAc;AACzB,MACI,MAAM,6CACN,MAAM,4CACR;AACE,WAAO,cAAc,0CAA0C;AAAA,MAC3D,WAAW,QAAQ,YAAY,OAAO,YAAY;AAAA,IACtD,CAAC;AAAA,EACL;AACA,MAAI,MAAM,2CAA2C;AACjD,WAAO,cAAc;AAAA,EACzB;AACA,MAAI,MAAM,4CAA4C;AAClD,WAAO,cAAc,wBAAwB;AAAA,MACzC,WAAW,QAAQ,YAAY,OAAO,YAAY;AAAA,IACtD,CAAC;AAAA,EACL;AACA,SAAO,cAAc;AACzB;AAEO,IAAM,kBAAkB,CAC3B,gBACA,mBACA,kBACA,8BACoB;AACpB,QAAM,EAAE,iBAAiB,cAAc,IAAI;AAC3C,QAAM,eAAe,OAAO,IAAI,EAAE,aAAa,gBAAgB;AAC/D,QAAM,EAAE,QAAQ,WAAW,QAAQ,IAC/B,cAAc,yBAAyB;AAE3C,QAAM,QAAiC;AAAA,IACnC,yBAAyB;AAAA,MACrB,gBAAgB,gBAAgB;AAAA,IACpC;AAAA,IACA,kCAAkC;AAAA,MAC9B,gBAAgB,gBAAgB;AAAA,IACpC;AAAA,IACA,uCAAuC;AAAA,MACnC,WAAW,cAAc,WAAW;AAAA,IACxC;AAAA,IACA,yCAAyC;AAAA,MACrC,gBAAgB,mBACZ,iBAAiB,cAAc;AAAA,IACvC;AAAA,IACA,iCAAiC;AAAA,IACjC,oCAAoC;AAAA,EACxC;AAEA,MAAI,oBAAoB,CAAC,iBAAiB,QAAQ;AAC9C,UAAM,4CAA4C;AAAA,EACtD;AAEA,MACI,6BACA,CAAC,0BAA0B,YAAY,MAAM,QAC/C;AACE,UAAM,6CAA6C;AAAA,EACvD;AAEA,MACI,cAAc,yBAAyB,MAAM,gBAC7C,CAAC,gBAAgB,UAAU,SAAS,+BAA+B,KACnE,CAAC,gBAAgB,UAAU,SAAS,4BAA4B,GAClE;AACE,QACI,gBAAgB,UAAU;AAAA,MACtB;AAAA,IACJ,GACF;AACE,YAAM,qCAAqC;AAAA,IAC/C,OAAO;AACH,YAAM,kCAAkC;AAAA,IAC5C;AAAA,EACJ;AAEA,QAAM,aAAa,OAAO,OAAO,KAAK,EAAE,KAAK,OAAO;AACpD,QAAM,SAAS,iBAAiB,OAAO;AAAA,IACnC,WAAW,2BAA2B,OAAO;AAAA,EACjD,CAAC;AAED,SAAO,EAAE,YAAY,OAAO;AAChC;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/isFieldDisabled.ts"],"sourcesContent":["import Config from \"../../configManager/configManager\";\nimport { ISchemaFieldMap } from \"./types/index.types\";\nimport { VisualBuilder } from \"..\";\nimport { FieldDetails } from \"../components/FieldToolbar\";\nimport { EntryPermissions } from \"./getEntryPermissions\";\nimport { WorkflowStageDetails } from \"./getWorkflowStageDetails\";\nimport { ResolvedVariantPermissions } from \"./getResolvedVariantPermissions\";\n\nexport const DisableReason = {\n    ReadOnly: \"You have only read access to this field\",\n    LocalizedEntry: \"Editing this field is restricted in localized entries\",\n    ResolvedVariantPermissions: \"This field does not exist in the selected variant\",\n    UnlinkedVariant:\n        \"This field is not editable as it is not linked to the selected variant.\",\n    CanLinkVariant: \"Click here to link a variant\",\n    UnderlinedAndClickableWord: \"here\",\n    CannotLinkVariant: \"Contact your stack admin or owner to link it.\",\n    AudienceMode:\n        \"To edit an experience, open the Audience widget and click the Edit icon.\",\n    DisabledVariant:\n        \"This field is not editable as it doesn't match the selected variant\",\n    UnlocalizedVariant: \"This field is not editable as it is not localized\",\n    None: \"\",\n    EntryUpdateRestricted: \"You do not have permission to edit this entry\",\n    WorkflowStagePermission: ({ stageName }: { stageName: string }) =>\n        `You do not have Edit access to this entry on the '${stageName}' workflow stage`,\n    EntryUpdateRestrictedRoleAndWorkflowStage: ({\n        stageName,\n    }: {\n        stageName: string;\n    }) =>\n        `Editing is restricted for your role or by the rules for the '${stageName}' stage. Contact your admin for edit access.`,\n} as const;\n\ninterface FieldDisableState {\n    isDisabled: boolean;\n    reason: string;\n}\n\nconst getDisableReason = (\n    flags: Record<string, boolean>,\n    params?: Record<string, any>\n) => {\n    if (flags.updateRestrictDueToRole) return DisableReason.ReadOnly;\n    if (flags.updateRestrictDueToNonLocalizableFields)\n        return DisableReason.LocalizedEntry;\n    if (flags.updateRestrictDueToUnlocalizedVariant)\n        return DisableReason.UnlocalizedVariant;\n    if (flags.updateRestrictDueToUnlinkVariant) {\n        return flags.canLinkVariant\n            ? `${DisableReason.UnlinkedVariant} ${DisableReason.CanLinkVariant} `\n            : `${DisableReason.UnlinkedVariant} ${DisableReason.CannotLinkVariant}`;\n    }\n    if (flags.updateRestrictDueToAudienceMode)\n        return DisableReason.AudienceMode;\n    if (flags.updateRestrictDueToDisabledVariant)\n        return DisableReason.DisabledVariant;\n    if (\n        flags.updateRestrictDueToEntryUpdateRestriction &&\n        flags.updateRestrictDueToWorkflowStagePermission\n    ) {\n        return DisableReason.EntryUpdateRestrictedRoleAndWorkflowStage({\n            stageName: params?.stageName ? params.stageName : \"Unknown\",\n        });\n    }\n    if (flags.updateRestrictDueToEntryUpdateRestriction) {\n        return DisableReason.EntryUpdateRestricted;\n    }\n    if (flags.updateRestrictDueToWorkflowStagePermission) {\n        return DisableReason.WorkflowStagePermission({\n            stageName: params?.stageName ? params.stageName : \"Unknown\",\n        });\n    }\n    if(flags.updateRestrictDueToResolvedVariantPermissions) {\n        return DisableReason.ResolvedVariantPermissions;\n    }\n    return DisableReason.None;\n};\n\nexport const isFieldDisabled = (\n    fieldSchemaMap: ISchemaFieldMap,\n    eventFieldDetails: FieldDetails,\n    resolvedVariantPermissions?: ResolvedVariantPermissions,\n    entryPermissions?: EntryPermissions,\n    entryWorkflowStageDetails?: WorkflowStageDetails,\n): FieldDisableState => {\n    const { editableElement, fieldMetadata } = eventFieldDetails;\n    const masterLocale = Config.get().stackDetails.masterLocale || \"en-us\";\n    const { locale: cmsLocale, variant } =\n        VisualBuilder.VisualBuilderGlobalState.value;\n\n    const flags: Record<string, boolean> = {\n        updateRestrictDueToRole: Boolean(\n            fieldSchemaMap?.field_metadata?.updateRestrict\n        ),\n        updateRestrictDueToUnlinkVariant: Boolean(\n            fieldSchemaMap?.field_metadata?.isUnlinkedVariant\n        ),\n        canLinkVariant: Boolean(fieldSchemaMap?.field_metadata?.canLinkVariant),\n        updateRestrictDueToUnlocalizedVariant: Boolean(\n            variant && fieldMetadata.locale !== cmsLocale\n        ),\n        updateRestrictDueToNonLocalizableFields: Boolean(\n            fieldSchemaMap?.non_localizable &&\n                masterLocale !== fieldMetadata.locale\n        ),\n        updateRestrictDueToResolvedVariantPermissions: resolvedVariantPermissions ? Boolean(\n            !resolvedVariantPermissions.update\n        ) : false,\n        updateRestrictDueToAudienceMode: false,\n        updateRestrictDueToDisabledVariant: false,\n    };\n\n    if (entryPermissions && !entryPermissions.update) {\n        flags.updateRestrictDueToEntryUpdateRestriction = true;\n    }\n\n    if (\n        entryWorkflowStageDetails &&\n        !entryWorkflowStageDetails.permissions.entry.update\n    ) {\n        flags.updateRestrictDueToWorkflowStagePermission = true;\n    }\n\n    if(VisualBuilder.VisualBuilderGlobalState.value.audienceMode\n        && editableElement.classList.contains(\"visual-builder__lower-order-variant-field\")) {\n        // If resolvedVariantPermissions errors out for any reason, we need to disable editing\n        // for lower order (priority) variant fields with updateRestrictDueToDisabledVariant's message\n        flags.updateRestrictDueToDisabledVariant = resolvedVariantPermissions ? !!resolvedVariantPermissions.error : false;\n    }\n\n    if (\n        VisualBuilder.VisualBuilderGlobalState.value.audienceMode &&\n        !editableElement.classList.contains(\"visual-builder__variant-field\") &&\n        !editableElement.classList.contains(\"visual-builder__base-field\")\n    ) {\n        if (\n            editableElement.classList.contains(\n                \"visual-builder__disabled-variant-field\"\n            )\n        ) {\n            flags.updateRestrictDueToDisabledVariant = true;\n        } else {\n            flags.updateRestrictDueToAudienceMode = true;\n        }\n    }\n\n    const isDisabled = Object.values(flags).some(Boolean);\n    const reason = getDisableReason(flags, {\n        stageName: entryWorkflowStageDetails?.stage?.name,\n    });\n\n    return { isDisabled, reason };\n};\n"],"mappings":"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","names":[]}

package/dist/modern/visualBuilder/utils/types/index.types.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/index.types.ts"],"sourcesContent":["import {\n    IContentTypeRootBlocks,\n    IModularBlockSingleBlock,\n} from \"../../../cms/types/contentTypeSchema.types\";\n\nexport type ISchemaIndividualFieldMap = Record<string, ISchemaFieldMap>;\n\nexport type ISchemaFieldMap = (\n    | IContentTypeRootBlocks\n    | (IModularBlockSingleBlock & {\n          data_type: \"block\";\n          display_name: string;\n      })\n) & {\n    non_localizable?: boolean;\n    multiple?: boolean;\n    field_metadata?: {\n        updateRestrict?: boolean;\n        isUnlinkedVariant?: boolean;\n    };\n};\n\nexport interface ITraverseSchemaVisitor {\n    should_visit: (\n        fieldSchema: IContentTypeRootBlocks,\n        path: string\n    ) => boolean;\n    visit: (fieldSchema: IContentTypeRootBlocks, path: string) => void;\n\n    /**\n     * A flat list of all the fields with its schema\n     */\n    fieldMap: ISchemaIndividualFieldMap;\n}\n\nexport enum FieldDataType {\n    CUSTOM_FIELD = \"custom_field\",\n    MULTILINE = \"multiline\",\n    HTML_RTE = \"html_rte\",\n    MARKDOWN_RTE = \"markdown_rte\",\n    SELECT = \"select\",\n    URL = \"url\",\n    SINGLELINE = \"singleline\",\n    JSON_RTE = \"json_rte\",\n    MODULAR_BLOCK = \"modular_block\",\n    LINK = \"link\",\n    ISODATE = \"isodate\",\n    BOOLEAN = \"boolean\",\n    BLOCK = \"block\",\n    NUMBER = \"number\",\n    REFERENCE = \"reference\",\n    GROUP = \"group\",\n    EXPERIENCE_CONTAINER = \"experience_container\",\n    FILE = \"file\",\n    GLOBAL_FIELD = \"global_field\",\n    TAXONOMY = \"taxonomy\",\n}\n\nexport interface VisualBuilderEditContext {\n    visualBuilderContainer: HTMLDivElement;\n    resizeObserver: ResizeObserver;\n    lastEditedField: Element | null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCO,IAAK,gBAAL,kBAAKA,mBAAL;AACH,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,SAAM;AACN,EAAAA,eAAA,gBAAa;AACb,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,mBAAgB;AAChB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,0BAAuB;AACvB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,cAAW;AApBH,SAAAA;AAAA,GAAA;","names":["FieldDataType"]}
+{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/index.types.ts"],"sourcesContent":["import {\n    IContentTypeRootBlocks,\n    IModularBlockSingleBlock,\n} from \"../../../cms/types/contentTypeSchema.types\";\n\nexport type ISchemaIndividualFieldMap = Record<string, ISchemaFieldMap>;\n\nexport type ISchemaFieldMap = (\n    | IContentTypeRootBlocks\n    | (IModularBlockSingleBlock & {\n          data_type: \"block\";\n          display_name: string;\n      })\n) & {\n    non_localizable?: boolean;\n    multiple?: boolean;\n    field_metadata?: {\n        updateRestrict?: boolean;\n        isUnlinkedVariant?: boolean;\n        canLinkVariant?: boolean;\n    };\n};\n\nexport interface ITraverseSchemaVisitor {\n    should_visit: (\n        fieldSchema: IContentTypeRootBlocks,\n        path: string\n    ) => boolean;\n    visit: (fieldSchema: IContentTypeRootBlocks, path: string) => void;\n\n    /**\n     * A flat list of all the fields with its schema\n     */\n    fieldMap: ISchemaIndividualFieldMap;\n}\n\nexport enum FieldDataType {\n    CUSTOM_FIELD = \"custom_field\",\n    MULTILINE = \"multiline\",\n    HTML_RTE = \"html_rte\",\n    MARKDOWN_RTE = \"markdown_rte\",\n    SELECT = \"select\",\n    URL = \"url\",\n    SINGLELINE = \"singleline\",\n    JSON_RTE = \"json_rte\",\n    MODULAR_BLOCK = \"modular_block\",\n    LINK = \"link\",\n    ISODATE = \"isodate\",\n    BOOLEAN = \"boolean\",\n    BLOCK = \"block\",\n    NUMBER = \"number\",\n    REFERENCE = \"reference\",\n    GROUP = \"group\",\n    EXPERIENCE_CONTAINER = \"experience_container\",\n    FILE = \"file\",\n    GLOBAL_FIELD = \"global_field\",\n    TAXONOMY = \"taxonomy\",\n}\n\nexport interface VisualBuilderEditContext {\n    visualBuilderContainer: HTMLDivElement;\n    resizeObserver: ResizeObserver;\n    lastEditedField: Element | null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCO,IAAK,gBAAL,kBAAKA,mBAAL;AACH,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,SAAM;AACN,EAAAA,eAAA,gBAAa;AACb,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,mBAAgB;AAChB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,0BAAuB;AACvB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,cAAW;AApBH,SAAAA;AAAA,GAAA;","names":["FieldDataType"]}

package/dist/modern/visualBuilder/utils/types/index.types.d.cts

@@ -10,6 +10,7 @@ type ISchemaFieldMap = (IContentTypeRootBlocks | (IModularBlockSingleBlock & {
     field_metadata?: {
         updateRestrict?: boolean;
         isUnlinkedVariant?: boolean;
+        canLinkVariant?: boolean;
     };
 };
 interface ITraverseSchemaVisitor {

package/dist/modern/visualBuilder/utils/types/index.types.d.ts

@@ -10,6 +10,7 @@ type ISchemaFieldMap = (IContentTypeRootBlocks | (IModularBlockSingleBlock & {
     field_metadata?: {
         updateRestrict?: boolean;
         isUnlinkedVariant?: boolean;
+        canLinkVariant?: boolean;
     };
 };
 interface ITraverseSchemaVisitor {

package/dist/modern/visualBuilder/utils/types/index.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/index.types.ts"],"sourcesContent":["import {\n    IContentTypeRootBlocks,\n    IModularBlockSingleBlock,\n} from \"../../../cms/types/contentTypeSchema.types\";\n\nexport type ISchemaIndividualFieldMap = Record<string, ISchemaFieldMap>;\n\nexport type ISchemaFieldMap = (\n    | IContentTypeRootBlocks\n    | (IModularBlockSingleBlock & {\n          data_type: \"block\";\n          display_name: string;\n      })\n) & {\n    non_localizable?: boolean;\n    multiple?: boolean;\n    field_metadata?: {\n        updateRestrict?: boolean;\n        isUnlinkedVariant?: boolean;\n    };\n};\n\nexport interface ITraverseSchemaVisitor {\n    should_visit: (\n        fieldSchema: IContentTypeRootBlocks,\n        path: string\n    ) => boolean;\n    visit: (fieldSchema: IContentTypeRootBlocks, path: string) => void;\n\n    /**\n     * A flat list of all the fields with its schema\n     */\n    fieldMap: ISchemaIndividualFieldMap;\n}\n\nexport enum FieldDataType {\n    CUSTOM_FIELD = \"custom_field\",\n    MULTILINE = \"multiline\",\n    HTML_RTE = \"html_rte\",\n    MARKDOWN_RTE = \"markdown_rte\",\n    SELECT = \"select\",\n    URL = \"url\",\n    SINGLELINE = \"singleline\",\n    JSON_RTE = \"json_rte\",\n    MODULAR_BLOCK = \"modular_block\",\n    LINK = \"link\",\n    ISODATE = \"isodate\",\n    BOOLEAN = \"boolean\",\n    BLOCK = \"block\",\n    NUMBER = \"number\",\n    REFERENCE = \"reference\",\n    GROUP = \"group\",\n    EXPERIENCE_CONTAINER = \"experience_container\",\n    FILE = \"file\",\n    GLOBAL_FIELD = \"global_field\",\n    TAXONOMY = \"taxonomy\",\n}\n\nexport interface VisualBuilderEditContext {\n    visualBuilderContainer: HTMLDivElement;\n    resizeObserver: ResizeObserver;\n    lastEditedField: Element | null;\n}\n"],"mappings":";;;AAmCO,IAAK,gBAAL,kBAAKA,mBAAL;AACH,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,SAAM;AACN,EAAAA,eAAA,gBAAa;AACb,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,mBAAgB;AAChB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,0BAAuB;AACvB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,cAAW;AApBH,SAAAA;AAAA,GAAA;","names":["FieldDataType"]}
+{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/index.types.ts"],"sourcesContent":["import {\n    IContentTypeRootBlocks,\n    IModularBlockSingleBlock,\n} from \"../../../cms/types/contentTypeSchema.types\";\n\nexport type ISchemaIndividualFieldMap = Record<string, ISchemaFieldMap>;\n\nexport type ISchemaFieldMap = (\n    | IContentTypeRootBlocks\n    | (IModularBlockSingleBlock & {\n          data_type: \"block\";\n          display_name: string;\n      })\n) & {\n    non_localizable?: boolean;\n    multiple?: boolean;\n    field_metadata?: {\n        updateRestrict?: boolean;\n        isUnlinkedVariant?: boolean;\n        canLinkVariant?: boolean;\n    };\n};\n\nexport interface ITraverseSchemaVisitor {\n    should_visit: (\n        fieldSchema: IContentTypeRootBlocks,\n        path: string\n    ) => boolean;\n    visit: (fieldSchema: IContentTypeRootBlocks, path: string) => void;\n\n    /**\n     * A flat list of all the fields with its schema\n     */\n    fieldMap: ISchemaIndividualFieldMap;\n}\n\nexport enum FieldDataType {\n    CUSTOM_FIELD = \"custom_field\",\n    MULTILINE = \"multiline\",\n    HTML_RTE = \"html_rte\",\n    MARKDOWN_RTE = \"markdown_rte\",\n    SELECT = \"select\",\n    URL = \"url\",\n    SINGLELINE = \"singleline\",\n    JSON_RTE = \"json_rte\",\n    MODULAR_BLOCK = \"modular_block\",\n    LINK = \"link\",\n    ISODATE = \"isodate\",\n    BOOLEAN = \"boolean\",\n    BLOCK = \"block\",\n    NUMBER = \"number\",\n    REFERENCE = \"reference\",\n    GROUP = \"group\",\n    EXPERIENCE_CONTAINER = \"experience_container\",\n    FILE = \"file\",\n    GLOBAL_FIELD = \"global_field\",\n    TAXONOMY = \"taxonomy\",\n}\n\nexport interface VisualBuilderEditContext {\n    visualBuilderContainer: HTMLDivElement;\n    resizeObserver: ResizeObserver;\n    lastEditedField: Element | null;\n}\n"],"mappings":";;;AAoCO,IAAK,gBAAL,kBAAKA,mBAAL;AACH,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,SAAM;AACN,EAAAA,eAAA,gBAAa;AACb,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,mBAAgB;AAChB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,0BAAuB;AACvB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,cAAW;AApBH,SAAAA;AAAA,GAAA;","names":["FieldDataType"]}

package/dist/modern/visualBuilder/utils/types/postMessage.types.cjs

@@ -34,6 +34,7 @@ var VisualBuilderPostMessageEvents = /* @__PURE__ */ ((VisualBuilderPostMessageE
   VisualBuilderPostMessageEvents2["TOGGLE_FORM"] = "toggle-quick-form";
   VisualBuilderPostMessageEvents2["GET_FIELD_SCHEMA"] = "get-field-schema";
   VisualBuilderPostMessageEvents2["GET_FIELD_DATA"] = "get-field-data";
+  VisualBuilderPostMessageEvents2["OPEN_LINK_VARIANT_MODAL"] = "open-link-variant-modal";
   VisualBuilderPostMessageEvents2["GET_FIELD_PATH_WITH_UID"] = "get-field-path-with-uid";
   VisualBuilderPostMessageEvents2["GET_FIELD_DISPLAY_NAMES"] = "get-field-display-names";
   VisualBuilderPostMessageEvents2["MOUSE_CLICK"] = "mouse-click";
@@ -55,6 +56,7 @@ var VisualBuilderPostMessageEvents = /* @__PURE__ */ ((VisualBuilderPostMessageE
   VisualBuilderPostMessageEvents2["FIELD_LOCATION_SELECTED_APP"] = "field-location-selected-app";
   VisualBuilderPostMessageEvents2["GET_PERMISSIONS"] = "get-permissions";
   VisualBuilderPostMessageEvents2["GET_WORKFLOW_STAGE_DETAILS"] = "get-workflow-stage-details";
+  VisualBuilderPostMessageEvents2["GET_RESOLVED_VARIANT_PERMISSIONS"] = "get-resolved-variant-permissions";
   VisualBuilderPostMessageEvents2["GET_ALL_ENTRIES_IN_CURRENT_PAGE"] = "get-entries-in-current-page";
   VisualBuilderPostMessageEvents2["HIDE_FOCUS_OVERLAY"] = "hide-focus-overlay";
   VisualBuilderPostMessageEvents2["SHOW_DRAFT_FIELDS"] = "show-draft-fields";

package/dist/modern/visualBuilder/utils/types/postMessage.types.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = \"sync-field\",\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    COLLAB_CREATE_THREAD = \"collab-create-thread\",\n    COLLAB_CREATE_COMMENT = \"collab-create-comment\",\n    COLLAB_FETCH_COMMENTS = \"collab-fetch-comments\",\n    COLLAB_EDIT_COMMENT = \"collab-edit-comment\",\n    COLLAB_DELETE_COMMENT = \"collab-delete-comment\",\n    COLLAB_RESOLVE_THREAD = \"collab-resolve-thread\",\n    COLLAB_DELETE_THREAD = \"collab-delete-thread\",\n    COLLAB_MISSING_THREADS = \"collab-missing-threads\",\n    FIELD_LOCATION_DATA = \"field-location-data\",\n    FIELD_LOCATION_SELECTED_APP = \"field-location-selected-app\",\n    GET_PERMISSIONS = \"get-permissions\",\n    GET_WORKFLOW_STAGE_DETAILS = \"get-workflow-stage-details\",\n\n    // FROM visual builder\n    GET_ALL_ENTRIES_IN_CURRENT_PAGE = \"get-entries-in-current-page\",\n    HIDE_FOCUS_OVERLAY = \"hide-focus-overlay\",\n    SHOW_DRAFT_FIELDS = \"show-draft-fields\",\n    REMOVE_DRAFT_FIELDS = \"remove-draft-fields\",\n    SHOW_VARIANT_FIELDS = \"show-variant-fields\",\n    REMOVE_VARIANT_FIELDS = \"remove-variant-fields\",\n    SET_AUDIENCE_MODE = \"set-audience-mode\",\n    UPDATE_DISCUSSION_ID = \"update-discussion-id-for-focus-field\",\n    SCROLL_TO_FIELD = \"scroll-to-view-field-by-cslp-value\",\n    HIGHLIGHT_ACTIVE_COMMENTS = \"highlight-active-comments-by-data-cs\",\n    REMOVE_HIGHLIGHTED_COMMENTS = \"remove-highlighted-comments\",\n    GET_VARIANT_ID = \"get-variant-id\",\n    GET_LOCALE = \"get-locale\",\n    SEND_VARIANT_AND_LOCALE = \"send-variant-and-locale\",\n    GET_CONTENT_TYPE_NAME = \"get-content-type-name\",\n    REFERENCE_MAP = \"get-reference-map\",\n    COLLAB_ENABLE = \"collab-enable\",\n    COLLAB_DATA_UPDATE = \"collab-data-update\",\n    COLLAB_DISABLE = \"collab-disable\",\n    COLLAB_THREADS_REMOVE = \"collab-threads-remove\",\n    COLLAB_THREAD_REOPEN = \"collab-thread-reopen\",\n    COLLAB_THREAD_HIGHLIGHT = \"collab-thread-highlight\",\n    TOGGLE_SCROLL = \"toggle-scroll\",\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAK,iCAAL,kBAAKA,oCAAL;AACH,EAAAA,gCAAA,UAAO;AACP,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,8BAA2B;AAC3B,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,4BAAyB;AACzB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,gCAA6B;AAG7B,EAAAA,gCAAA,qCAAkC;AAClC,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,+BAA4B;AAC5B,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,mBAAgB;AAxDR,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}
+{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = \"sync-field\",\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    OPEN_LINK_VARIANT_MODAL = \"open-link-variant-modal\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    COLLAB_CREATE_THREAD = \"collab-create-thread\",\n    COLLAB_CREATE_COMMENT = \"collab-create-comment\",\n    COLLAB_FETCH_COMMENTS = \"collab-fetch-comments\",\n    COLLAB_EDIT_COMMENT = \"collab-edit-comment\",\n    COLLAB_DELETE_COMMENT = \"collab-delete-comment\",\n    COLLAB_RESOLVE_THREAD = \"collab-resolve-thread\",\n    COLLAB_DELETE_THREAD = \"collab-delete-thread\",\n    COLLAB_MISSING_THREADS = \"collab-missing-threads\",\n    FIELD_LOCATION_DATA = \"field-location-data\",\n    FIELD_LOCATION_SELECTED_APP = \"field-location-selected-app\",\n    GET_PERMISSIONS = \"get-permissions\",\n    GET_WORKFLOW_STAGE_DETAILS = \"get-workflow-stage-details\",\n    GET_RESOLVED_VARIANT_PERMISSIONS = \"get-resolved-variant-permissions\",\n\n    // FROM visual builder\n    GET_ALL_ENTRIES_IN_CURRENT_PAGE = \"get-entries-in-current-page\",\n    HIDE_FOCUS_OVERLAY = \"hide-focus-overlay\",\n    SHOW_DRAFT_FIELDS = \"show-draft-fields\",\n    REMOVE_DRAFT_FIELDS = \"remove-draft-fields\",\n    SHOW_VARIANT_FIELDS = \"show-variant-fields\",\n    REMOVE_VARIANT_FIELDS = \"remove-variant-fields\",\n    SET_AUDIENCE_MODE = \"set-audience-mode\",\n    UPDATE_DISCUSSION_ID = \"update-discussion-id-for-focus-field\",\n    SCROLL_TO_FIELD = \"scroll-to-view-field-by-cslp-value\",\n    HIGHLIGHT_ACTIVE_COMMENTS = \"highlight-active-comments-by-data-cs\",\n    REMOVE_HIGHLIGHTED_COMMENTS = \"remove-highlighted-comments\",\n    GET_VARIANT_ID = \"get-variant-id\",\n    GET_LOCALE = \"get-locale\",\n    SEND_VARIANT_AND_LOCALE = \"send-variant-and-locale\",\n    GET_CONTENT_TYPE_NAME = \"get-content-type-name\",\n    REFERENCE_MAP = \"get-reference-map\",\n    COLLAB_ENABLE = \"collab-enable\",\n    COLLAB_DATA_UPDATE = \"collab-data-update\",\n    COLLAB_DISABLE = \"collab-disable\",\n    COLLAB_THREADS_REMOVE = \"collab-threads-remove\",\n    COLLAB_THREAD_REOPEN = \"collab-thread-reopen\",\n    COLLAB_THREAD_HIGHLIGHT = \"collab-thread-highlight\",\n    TOGGLE_SCROLL = \"toggle-scroll\",\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAK,iCAAL,kBAAKA,oCAAL;AACH,EAAAA,gCAAA,UAAO;AACP,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,8BAA2B;AAC3B,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,4BAAyB;AACzB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,gCAA6B;AAC7B,EAAAA,gCAAA,sCAAmC;AAGnC,EAAAA,gCAAA,qCAAkC;AAClC,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,+BAA4B;AAC5B,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,mBAAgB;AA1DR,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}

package/dist/modern/visualBuilder/utils/types/postMessage.types.d.cts

@@ -9,6 +9,7 @@ declare enum VisualBuilderPostMessageEvents {
     TOGGLE_FORM = "toggle-quick-form",
     GET_FIELD_SCHEMA = "get-field-schema",
     GET_FIELD_DATA = "get-field-data",
+    OPEN_LINK_VARIANT_MODAL = "open-link-variant-modal",
     GET_FIELD_PATH_WITH_UID = "get-field-path-with-uid",
     GET_FIELD_DISPLAY_NAMES = "get-field-display-names",
     MOUSE_CLICK = "mouse-click",
@@ -30,6 +31,7 @@ declare enum VisualBuilderPostMessageEvents {
     FIELD_LOCATION_SELECTED_APP = "field-location-selected-app",
     GET_PERMISSIONS = "get-permissions",
     GET_WORKFLOW_STAGE_DETAILS = "get-workflow-stage-details",
+    GET_RESOLVED_VARIANT_PERMISSIONS = "get-resolved-variant-permissions",
     GET_ALL_ENTRIES_IN_CURRENT_PAGE = "get-entries-in-current-page",
     HIDE_FOCUS_OVERLAY = "hide-focus-overlay",
     SHOW_DRAFT_FIELDS = "show-draft-fields",

package/dist/modern/visualBuilder/utils/types/postMessage.types.d.ts

@@ -9,6 +9,7 @@ declare enum VisualBuilderPostMessageEvents {
     TOGGLE_FORM = "toggle-quick-form",
     GET_FIELD_SCHEMA = "get-field-schema",
     GET_FIELD_DATA = "get-field-data",
+    OPEN_LINK_VARIANT_MODAL = "open-link-variant-modal",
     GET_FIELD_PATH_WITH_UID = "get-field-path-with-uid",
     GET_FIELD_DISPLAY_NAMES = "get-field-display-names",
     MOUSE_CLICK = "mouse-click",
@@ -30,6 +31,7 @@ declare enum VisualBuilderPostMessageEvents {
     FIELD_LOCATION_SELECTED_APP = "field-location-selected-app",
     GET_PERMISSIONS = "get-permissions",
     GET_WORKFLOW_STAGE_DETAILS = "get-workflow-stage-details",
+    GET_RESOLVED_VARIANT_PERMISSIONS = "get-resolved-variant-permissions",
     GET_ALL_ENTRIES_IN_CURRENT_PAGE = "get-entries-in-current-page",
     HIDE_FOCUS_OVERLAY = "hide-focus-overlay",
     SHOW_DRAFT_FIELDS = "show-draft-fields",

package/dist/modern/visualBuilder/utils/types/postMessage.types.js

@@ -12,6 +12,7 @@ var VisualBuilderPostMessageEvents = /* @__PURE__ */ ((VisualBuilderPostMessageE
   VisualBuilderPostMessageEvents2["TOGGLE_FORM"] = "toggle-quick-form";
   VisualBuilderPostMessageEvents2["GET_FIELD_SCHEMA"] = "get-field-schema";
   VisualBuilderPostMessageEvents2["GET_FIELD_DATA"] = "get-field-data";
+  VisualBuilderPostMessageEvents2["OPEN_LINK_VARIANT_MODAL"] = "open-link-variant-modal";
   VisualBuilderPostMessageEvents2["GET_FIELD_PATH_WITH_UID"] = "get-field-path-with-uid";
   VisualBuilderPostMessageEvents2["GET_FIELD_DISPLAY_NAMES"] = "get-field-display-names";
   VisualBuilderPostMessageEvents2["MOUSE_CLICK"] = "mouse-click";
@@ -33,6 +34,7 @@ var VisualBuilderPostMessageEvents = /* @__PURE__ */ ((VisualBuilderPostMessageE
   VisualBuilderPostMessageEvents2["FIELD_LOCATION_SELECTED_APP"] = "field-location-selected-app";
   VisualBuilderPostMessageEvents2["GET_PERMISSIONS"] = "get-permissions";
   VisualBuilderPostMessageEvents2["GET_WORKFLOW_STAGE_DETAILS"] = "get-workflow-stage-details";
+  VisualBuilderPostMessageEvents2["GET_RESOLVED_VARIANT_PERMISSIONS"] = "get-resolved-variant-permissions";
   VisualBuilderPostMessageEvents2["GET_ALL_ENTRIES_IN_CURRENT_PAGE"] = "get-entries-in-current-page";
   VisualBuilderPostMessageEvents2["HIDE_FOCUS_OVERLAY"] = "hide-focus-overlay";
   VisualBuilderPostMessageEvents2["SHOW_DRAFT_FIELDS"] = "show-draft-fields";

package/dist/modern/visualBuilder/utils/types/postMessage.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = \"sync-field\",\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    COLLAB_CREATE_THREAD = \"collab-create-thread\",\n    COLLAB_CREATE_COMMENT = \"collab-create-comment\",\n    COLLAB_FETCH_COMMENTS = \"collab-fetch-comments\",\n    COLLAB_EDIT_COMMENT = \"collab-edit-comment\",\n    COLLAB_DELETE_COMMENT = \"collab-delete-comment\",\n    COLLAB_RESOLVE_THREAD = \"collab-resolve-thread\",\n    COLLAB_DELETE_THREAD = \"collab-delete-thread\",\n    COLLAB_MISSING_THREADS = \"collab-missing-threads\",\n    FIELD_LOCATION_DATA = \"field-location-data\",\n    FIELD_LOCATION_SELECTED_APP = \"field-location-selected-app\",\n    GET_PERMISSIONS = \"get-permissions\",\n    GET_WORKFLOW_STAGE_DETAILS = \"get-workflow-stage-details\",\n\n    // FROM visual builder\n    GET_ALL_ENTRIES_IN_CURRENT_PAGE = \"get-entries-in-current-page\",\n    HIDE_FOCUS_OVERLAY = \"hide-focus-overlay\",\n    SHOW_DRAFT_FIELDS = \"show-draft-fields\",\n    REMOVE_DRAFT_FIELDS = \"remove-draft-fields\",\n    SHOW_VARIANT_FIELDS = \"show-variant-fields\",\n    REMOVE_VARIANT_FIELDS = \"remove-variant-fields\",\n    SET_AUDIENCE_MODE = \"set-audience-mode\",\n    UPDATE_DISCUSSION_ID = \"update-discussion-id-for-focus-field\",\n    SCROLL_TO_FIELD = \"scroll-to-view-field-by-cslp-value\",\n    HIGHLIGHT_ACTIVE_COMMENTS = \"highlight-active-comments-by-data-cs\",\n    REMOVE_HIGHLIGHTED_COMMENTS = \"remove-highlighted-comments\",\n    GET_VARIANT_ID = \"get-variant-id\",\n    GET_LOCALE = \"get-locale\",\n    SEND_VARIANT_AND_LOCALE = \"send-variant-and-locale\",\n    GET_CONTENT_TYPE_NAME = \"get-content-type-name\",\n    REFERENCE_MAP = \"get-reference-map\",\n    COLLAB_ENABLE = \"collab-enable\",\n    COLLAB_DATA_UPDATE = \"collab-data-update\",\n    COLLAB_DISABLE = \"collab-disable\",\n    COLLAB_THREADS_REMOVE = \"collab-threads-remove\",\n    COLLAB_THREAD_REOPEN = \"collab-thread-reopen\",\n    COLLAB_THREAD_HIGHLIGHT = \"collab-thread-highlight\",\n    TOGGLE_SCROLL = \"toggle-scroll\",\n}\n"],"mappings":";;;AAAO,IAAK,iCAAL,kBAAKA,oCAAL;AACH,EAAAA,gCAAA,UAAO;AACP,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,8BAA2B;AAC3B,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,4BAAyB;AACzB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,gCAA6B;AAG7B,EAAAA,gCAAA,qCAAkC;AAClC,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,+BAA4B;AAC5B,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,mBAAgB;AAxDR,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}
+{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = \"sync-field\",\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    OPEN_LINK_VARIANT_MODAL = \"open-link-variant-modal\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    COLLAB_CREATE_THREAD = \"collab-create-thread\",\n    COLLAB_CREATE_COMMENT = \"collab-create-comment\",\n    COLLAB_FETCH_COMMENTS = \"collab-fetch-comments\",\n    COLLAB_EDIT_COMMENT = \"collab-edit-comment\",\n    COLLAB_DELETE_COMMENT = \"collab-delete-comment\",\n    COLLAB_RESOLVE_THREAD = \"collab-resolve-thread\",\n    COLLAB_DELETE_THREAD = \"collab-delete-thread\",\n    COLLAB_MISSING_THREADS = \"collab-missing-threads\",\n    FIELD_LOCATION_DATA = \"field-location-data\",\n    FIELD_LOCATION_SELECTED_APP = \"field-location-selected-app\",\n    GET_PERMISSIONS = \"get-permissions\",\n    GET_WORKFLOW_STAGE_DETAILS = \"get-workflow-stage-details\",\n    GET_RESOLVED_VARIANT_PERMISSIONS = \"get-resolved-variant-permissions\",\n\n    // FROM visual builder\n    GET_ALL_ENTRIES_IN_CURRENT_PAGE = \"get-entries-in-current-page\",\n    HIDE_FOCUS_OVERLAY = \"hide-focus-overlay\",\n    SHOW_DRAFT_FIELDS = \"show-draft-fields\",\n    REMOVE_DRAFT_FIELDS = \"remove-draft-fields\",\n    SHOW_VARIANT_FIELDS = \"show-variant-fields\",\n    REMOVE_VARIANT_FIELDS = \"remove-variant-fields\",\n    SET_AUDIENCE_MODE = \"set-audience-mode\",\n    UPDATE_DISCUSSION_ID = \"update-discussion-id-for-focus-field\",\n    SCROLL_TO_FIELD = \"scroll-to-view-field-by-cslp-value\",\n    HIGHLIGHT_ACTIVE_COMMENTS = \"highlight-active-comments-by-data-cs\",\n    REMOVE_HIGHLIGHTED_COMMENTS = \"remove-highlighted-comments\",\n    GET_VARIANT_ID = \"get-variant-id\",\n    GET_LOCALE = \"get-locale\",\n    SEND_VARIANT_AND_LOCALE = \"send-variant-and-locale\",\n    GET_CONTENT_TYPE_NAME = \"get-content-type-name\",\n    REFERENCE_MAP = \"get-reference-map\",\n    COLLAB_ENABLE = \"collab-enable\",\n    COLLAB_DATA_UPDATE = \"collab-data-update\",\n    COLLAB_DISABLE = \"collab-disable\",\n    COLLAB_THREADS_REMOVE = \"collab-threads-remove\",\n    COLLAB_THREAD_REOPEN = \"collab-thread-reopen\",\n    COLLAB_THREAD_HIGHLIGHT = \"collab-thread-highlight\",\n    TOGGLE_SCROLL = \"toggle-scroll\",\n}\n"],"mappings":";;;AAAO,IAAK,iCAAL,kBAAKA,oCAAL;AACH,EAAAA,gCAAA,UAAO;AACP,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,8BAA2B;AAC3B,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,4BAAyB;AACzB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,gCAA6B;AAC7B,EAAAA,gCAAA,sCAAmC;AAGnC,EAAAA,gCAAA,qCAAkC;AAClC,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,+BAA4B;AAC5B,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,mBAAgB;AA1DR,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}

package/dist/modern/visualBuilder/utils/updateFocussedState.cjs

@@ -87,7 +87,7 @@ async function updateFocussedState({
     `[data-cslp-unique-id="${previousSelectedElementCslpUniqueId}"]`
   ) || document.querySelector(`[data-cslp="${previousSelectedElementCslp}"]`);
   if (!newPreviousSelectedElement && resizeObserver) {
-    (0, import_generateOverlay.hideFocusOverlay)({
+    (0, import_generateOverlay.hideOverlay)({
       visualBuilderOverlayWrapper: overlayWrapper,
       focusedToolbar,
       visualBuilderContainer,
@@ -101,21 +101,26 @@ async function updateFocussedState({
     import__.VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM = previousSelectedEditableDOM;
   }
   const cslp = editableElement?.getAttribute("data-cslp") || "";
+  if (!cslp) {
+    return;
+  }
   const fieldMetadata = (0, import_cslp.extractDetailsFromCslp)(cslp);
   (0, import_mouseHover.hideHoverOutline)(visualBuilderContainer);
   const fieldSchema = await import_fieldSchemaMap.FieldSchemaMap.getFieldSchema(
     fieldMetadata.content_type_uid,
     fieldMetadata.fieldPath
   );
-  const { acl: entryAcl, workflowStage: entryWorkflowStageDetails } = await (0, import_fetchEntryPermissionsAndStageDetails.fetchEntryPermissionsAndStageDetails)({
+  const { acl: entryAcl, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } = await (0, import_fetchEntryPermissionsAndStageDetails.fetchEntryPermissionsAndStageDetails)({
     entryUid: fieldMetadata.entry_uid,
     contentTypeUid: fieldMetadata.content_type_uid,
     locale: fieldMetadata.locale,
-    variantUid: fieldMetadata.variant
+    variantUid: fieldMetadata.variant,
+    fieldPathWithIndex: fieldMetadata.fieldPathWithIndex
   });
   const { isDisabled } = (0, import_isFieldDisabled.isFieldDisabled)(
     fieldSchema,
     { editableElement, fieldMetadata },
+    resolvedVariantPermissions,
     entryAcl,
     entryWorkflowStageDetails
   );
@@ -179,7 +184,7 @@ function updateFocussedStateOnMutation(focusOverlayWrapper, focusedToolbar, visu
     `[data-cslp-unique-id="${selectedElementCslpUniqueId}"]`
   ) || document.querySelector(`[data-cslp="${selectedElementCslp}"]`);
   if (!newSelectedElement && resizeObserver) {
-    (0, import_generateOverlay.hideFocusOverlay)({
+    (0, import_generateOverlay.hideOverlay)({
       visualBuilderOverlayWrapper: focusOverlayWrapper,
       focusedToolbar,
       visualBuilderContainer,

package/dist/modern/visualBuilder/utils/updateFocussedState.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/updateFocussedState.ts"],"sourcesContent":["import { VisualBuilder } from \"..\";\nimport { extractDetailsFromCslp } from \"../../cslp\";\nimport { getAddInstanceButtons } from \"../generators/generateAddInstanceButtons\";\nimport {\n    addFocusOverlay,\n    hideFocusOverlay,\n} from \"../generators/generateOverlay\";\nimport { hideHoverOutline } from \"../listeners/mouseHover\";\nimport {\n    LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX,\n    RIGHT_EDGE_BUFFER,\n    TOOLBAR_EDGE_BUFFER,\n    TOP_EDGE_BUFFER,\n} from \"./constants\";\nimport { FieldSchemaMap } from \"./fieldSchemaMap\";\nimport getChildrenDirection from \"./getChildrenDirection\";\nimport { getPsuedoEditableElementStyles } from \"./getPsuedoEditableStylesElement\";\nimport { isFieldDisabled } from \"./isFieldDisabled\";\nimport { fetchEntryPermissionsAndStageDetails } from \"./fetchEntryPermissionsAndStageDetails\";\n\ninterface ToolbarPositionParams {\n    focusedToolbar: HTMLElement | null;\n    selectedElementDimension: DOMRect;\n}\n/**\n * Adjust the position of the field toolbar instead of clearing the innerhtml fo the focused toolbar.\n * By doing this, can avoid the re-rendering of the focus field toolbar.\n */\nfunction positionToolbar({\n    focusedToolbar,\n    selectedElementDimension,\n}: ToolbarPositionParams): void {\n    if (focusedToolbar) {\n        const targetElementRightEdgeOffset =\n            window.scrollX + window.innerWidth - selectedElementDimension.left;\n        const distanceFromTop =\n            selectedElementDimension.top + window.scrollY - TOOLBAR_EDGE_BUFFER;\n\n        // Adjust top position based on the available space\n        const adjustedDistanceFromTop =\n            selectedElementDimension.top + window.scrollY < TOP_EDGE_BUFFER\n                ? distanceFromTop +\n                  selectedElementDimension.height +\n                  TOP_EDGE_BUFFER\n                : distanceFromTop;\n\n        const distanceFromLeft =\n            selectedElementDimension.left - LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;\n        const adjustedDistanceFromLeft = Math.max(\n            distanceFromLeft,\n            TOOLBAR_EDGE_BUFFER\n        );\n\n        // Handle right-edge overflow\n        if (\n            targetElementRightEdgeOffset < RIGHT_EDGE_BUFFER &&\n            (focusedToolbar.style.justifyContent !== \"flex-end\" ||\n                focusedToolbar.style.left !==\n                    `${selectedElementDimension.right + LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX}px`)\n        ) {\n            focusedToolbar.style.justifyContent = \"flex-end\";\n            focusedToolbar.style.left = `${selectedElementDimension.right + LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX}px`;\n        } else if (\n            focusedToolbar.style.justifyContent !== \"flex-start\" ||\n            focusedToolbar.style.left !== `${adjustedDistanceFromLeft}px`\n        ) {\n            focusedToolbar.style.justifyContent = \"flex-start\"; // Default\n            focusedToolbar.style.left = `${adjustedDistanceFromLeft}px`;\n        }\n\n        // Adjust top position if necessary\n        if (focusedToolbar.style.top !== `${adjustedDistanceFromTop}px`) {\n            focusedToolbar.style.top = `${adjustedDistanceFromTop}px`;\n        }\n    }\n}\n\n/**\n * This function can be used to re-draw/update the focussed state of an element.\n * The focussed state includes the overlay, psuedo-editable, toolbar, and multiple\n * instance add buttons. It is similar to handleBuilderInteraction but it does not\n * create new elements, it just updates the existing ones whenever possible.\n * NOTE: breakdown this function into multiple functions when the need arises\n */\nexport async function updateFocussedState({\n    editableElement,\n    visualBuilderContainer,\n    overlayWrapper,\n    focusedToolbar,\n    resizeObserver,\n}: {\n    editableElement: HTMLElement | null;\n    visualBuilderContainer: HTMLDivElement | null;\n    overlayWrapper: HTMLDivElement | null;\n    focusedToolbar: HTMLDivElement | null;\n    resizeObserver: ResizeObserver | null;\n}): Promise<void> {\n    let previousSelectedEditableDOM =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (\n        !visualBuilderContainer ||\n        !editableElement ||\n        !previousSelectedEditableDOM ||\n        !overlayWrapper\n    ) {\n        return;\n    }\n\n    // prefer data-cslp-unique-id when available else use data-cslp.\n    // unique ID is added on click when multiple elements with same\n    // data-cslp are found.\n    const previousSelectedElementCslp =\n        editableElement?.getAttribute(\"data-cslp\") || \"\";\n    const previousSelectedElementCslpUniqueId =\n        previousSelectedEditableDOM?.getAttribute(\"data-cslp-unique-id\");\n    const newPreviousSelectedElement =\n        document.querySelector(\n            `[data-cslp-unique-id=\"${previousSelectedElementCslpUniqueId}\"]`\n        ) ||\n        document.querySelector(`[data-cslp=\"${previousSelectedElementCslp}\"]`);\n    if (!newPreviousSelectedElement && resizeObserver) {\n        hideFocusOverlay({\n            visualBuilderOverlayWrapper: overlayWrapper,\n            focusedToolbar,\n            visualBuilderContainer,\n            resizeObserver,\n            noTrigger: true,\n        });\n        return;\n    }\n    if (newPreviousSelectedElement !== previousSelectedEditableDOM) {\n        previousSelectedEditableDOM = newPreviousSelectedElement as HTMLElement;\n        VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n            previousSelectedEditableDOM;\n    }\n\n    const cslp = editableElement?.getAttribute(\"data-cslp\") || \"\";\n    const fieldMetadata = extractDetailsFromCslp(cslp);\n\n    hideHoverOutline(visualBuilderContainer);\n\n    // in every case, this function will bring cached values\n    // and this should be quick\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        fieldMetadata.content_type_uid,\n        fieldMetadata.fieldPath\n    );\n    const { acl: entryAcl, workflowStage: entryWorkflowStageDetails } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: fieldMetadata.entry_uid,\n            contentTypeUid: fieldMetadata.content_type_uid,\n            locale: fieldMetadata.locale,\n            variantUid: fieldMetadata.variant,\n        });\n    const { isDisabled } = isFieldDisabled(\n        fieldSchema,\n        { editableElement, fieldMetadata },\n        entryAcl,\n        entryWorkflowStageDetails\n    );\n    addFocusOverlay(previousSelectedEditableDOM, overlayWrapper, isDisabled);\n\n    // update psuedo editable element if present\n    const psuedoEditableElement = visualBuilderContainer.querySelector(\n        \".visual-builder__pseudo-editable-element\"\n    ) as HTMLElement;\n    if (psuedoEditableElement) {\n        const styles = getPsuedoEditableElementStyles(editableElement);\n        const styleString = Object.entries(styles).reduce(\n            (acc, [key, value]) => {\n                return `${acc}${key}:${value};`;\n            },\n            \"\"\n        );\n        psuedoEditableElement.style.cssText = styleString;\n        // since we are copying styles from the editableEl\n        // it will now have a visibility of hidden, which we added\n        // when creating the pseudo editable element, so make the psuedo visible\n        psuedoEditableElement.style.visibility = \"visible\";\n    }\n\n    const targetElementDimension = editableElement.getBoundingClientRect();\n    if (targetElementDimension.width && targetElementDimension.height) {\n        const selectedElement =\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM;\n\n        if (!selectedElement) return;\n        // position the focused tool bar\n        positionToolbar({\n            focusedToolbar: focusedToolbar,\n            selectedElementDimension: selectedElement.getBoundingClientRect(),\n        });\n    }\n\n    // re-add multiple instance add buttons\n    const buttons = getAddInstanceButtons(visualBuilderContainer);\n    const parentCslpValue =\n        fieldMetadata.multipleFieldMetadata?.parentDetails?.parentCslpValue;\n    if (\n        buttons &&\n        parentCslpValue &&\n        buttons.length > 1 &&\n        buttons[0] &&\n        buttons[1]\n    ) {\n        const [previousButton, nextButton] = buttons;\n        const direction = getChildrenDirection(\n            editableElement,\n            parentCslpValue\n        );\n        const targetDOMDimension = editableElement.getBoundingClientRect();\n\n        if (direction === \"horizontal\") {\n            const middleHeight =\n                targetDOMDimension.top +\n                (targetDOMDimension.bottom - targetDOMDimension.top) / 2 +\n                window.scrollY;\n            previousButton.style.left = `${targetDOMDimension.left}px`;\n            previousButton.style.top = `${middleHeight}px`;\n\n            nextButton.style.left = `${targetDOMDimension.right}px`;\n            nextButton.style.top = `${middleHeight}px`;\n        } else if (direction === \"vertical\") {\n            const middleWidth =\n                targetDOMDimension.left +\n                (targetDOMDimension.right - targetDOMDimension.left) / 2;\n            previousButton.style.left = `${middleWidth}px`;\n            previousButton.style.top = `${\n                targetDOMDimension.top + window.scrollY\n            }px`;\n\n            nextButton.style.left = `${middleWidth}px`;\n            nextButton.style.top = `${\n                targetDOMDimension.bottom + window.scrollY\n            }px`;\n        }\n    }\n}\n\n/**\n * This function is used to resize/reposition focus overlay and toolbar due to a\n * mutation in the DOM or due to changes in a different field (other than the focussed field).\n */\nexport function updateFocussedStateOnMutation(\n    focusOverlayWrapper: HTMLDivElement | null,\n    focusedToolbar: HTMLDivElement | null,\n    visualBuilderContainer: HTMLDivElement | null,\n    resizeObserver: ResizeObserver | null\n) {\n    if (!focusOverlayWrapper) return;\n\n    let selectedElement =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (!selectedElement) return;\n\n    const selectedElementCslp = selectedElement?.getAttribute(\"data-cslp\");\n    const selectedElementCslpUniqueId = selectedElement?.getAttribute(\n        \"data-cslp-unique-id\"\n    );\n    const newSelectedElement =\n        document.querySelector(\n            `[data-cslp-unique-id=\"${selectedElementCslpUniqueId}\"]`\n        ) || document.querySelector(`[data-cslp=\"${selectedElementCslp}\"]`);\n    if (!newSelectedElement && resizeObserver) {\n        hideFocusOverlay({\n            visualBuilderOverlayWrapper: focusOverlayWrapper,\n            focusedToolbar,\n            visualBuilderContainer,\n            resizeObserver,\n            noTrigger: true,\n        });\n        return;\n    }\n\n    if (newSelectedElement !== selectedElement) {\n        selectedElement = newSelectedElement as HTMLElement;\n        VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n            selectedElement;\n    }\n\n    const selectedElementDimension = selectedElement.getBoundingClientRect();\n\n    /**\n     * Update the focus outline if it exists.\n     */\n    const focusOutline = focusOverlayWrapper.querySelector<HTMLDivElement>(\n        \".visual-builder__overlay--outline\"\n    );\n\n    if (focusOutline) {\n        const focusOutlineDimension = focusOutline.getBoundingClientRect();\n        if (!isSameRect(selectedElementDimension, focusOutlineDimension)) {\n            focusOutline.style.top = `${selectedElementDimension.top + window.scrollY}px`;\n            focusOutline.style.left = `${selectedElementDimension.left}px`;\n            focusOutline.style.width = `${selectedElementDimension.width}px`;\n            focusOutline.style.height = `${selectedElementDimension.height}px`;\n        }\n    }\n\n    /**\n     * Update the focus overlays if they exists.\n     */\n\n    const focusedOverlayTop = focusOverlayWrapper.querySelector<HTMLDivElement>(\n        \".visual-builder__overlay--top\"\n    );\n    const focusedOverlayBottom =\n        focusOverlayWrapper.querySelector<HTMLDivElement>(\n            \".visual-builder__overlay--bottom\"\n        );\n    const focusedOverlayLeft =\n        focusOverlayWrapper.querySelector<HTMLDivElement>(\n            \".visual-builder__overlay--left\"\n        );\n    const focusedOverlayRight =\n        focusOverlayWrapper.querySelector<HTMLDivElement>(\n            \".visual-builder__overlay--right\"\n        );\n\n    const distanceFromTop = selectedElementDimension.top + window.scrollY;\n\n    if (focusedOverlayTop) {\n        const dimension = focusedOverlayTop.getBoundingClientRect();\n        if (dimension.height !== distanceFromTop) {\n            focusedOverlayTop.style.height = `calc(${distanceFromTop}px)`;\n        }\n    }\n\n    if (focusedOverlayBottom) {\n        const dimension = focusedOverlayBottom.getBoundingClientRect();\n        if (\n            dimension.top !== selectedElementDimension.bottom ||\n            dimension.height !==\n                window.document.body.scrollHeight -\n                    selectedElementDimension.bottom -\n                    window.scrollY\n        ) {\n            focusedOverlayBottom.style.top = `${\n                selectedElementDimension.bottom + window.scrollY\n            }px`;\n            focusedOverlayBottom.style.height = `${\n                window.document.body.scrollHeight -\n                selectedElementDimension.bottom -\n                window.scrollY\n            }px`;\n        }\n    }\n\n    if (focusedOverlayLeft) {\n        const dimension = focusedOverlayLeft.getBoundingClientRect();\n        if (\n            dimension.top + window.scrollY !== distanceFromTop ||\n            dimension.height !== selectedElementDimension.height ||\n            dimension.width !== selectedElementDimension.left\n        ) {\n            focusedOverlayLeft.style.top = `${distanceFromTop}px`;\n            focusedOverlayLeft.style.height = `${selectedElementDimension.height}px`;\n            focusedOverlayLeft.style.width = `${selectedElementDimension.left}px`;\n        }\n    }\n\n    if (focusedOverlayRight) {\n        const dimension = focusedOverlayRight.getBoundingClientRect();\n        if (\n            dimension.left !== selectedElementDimension.right ||\n            dimension.top + window.scrollY !== distanceFromTop ||\n            dimension.height !== selectedElementDimension.height ||\n            dimension.width !==\n                document.documentElement.clientWidth -\n                    selectedElementDimension.right\n        ) {\n            focusedOverlayRight.style.left = `${selectedElementDimension.right}px`;\n            focusedOverlayRight.style.top = `${distanceFromTop}px`;\n            focusedOverlayRight.style.height = `${selectedElementDimension.height}px`;\n            focusedOverlayRight.style.width = `${\n                document.documentElement.clientWidth -\n                selectedElementDimension.right\n            }px`;\n        }\n    }\n\n    /**\n     * Update the focus toolbar if it exists.\n     */\n\n    if (focusedToolbar) {\n        const targetElementRightEdgeOffset =\n            window.scrollX + window.innerWidth - selectedElementDimension.left;\n        const distanceFromTop =\n            selectedElementDimension.top + window.scrollY - TOOLBAR_EDGE_BUFFER;\n        // Position the toolbar at the top unless there's insufficient space or scrolling up is not possible (topmost element targetted).\n        const adjustedDistanceFromTop =\n            selectedElementDimension.top + window.scrollY < TOP_EDGE_BUFFER\n                ? distanceFromTop +\n                  selectedElementDimension.height +\n                  TOP_EDGE_BUFFER\n                : distanceFromTop;\n\n        const distanceFromLeft =\n            selectedElementDimension.left - LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;\n        const adjustedDistanceFromLeft = Math.max(\n            distanceFromLeft,\n            TOOLBAR_EDGE_BUFFER\n        );\n\n        if (\n            targetElementRightEdgeOffset < RIGHT_EDGE_BUFFER &&\n            (focusedToolbar.style.justifyContent !== \"flex-end\" ||\n                focusedToolbar.style.left !==\n                    `${\n                        selectedElementDimension.right +\n                        LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX\n                    }px`)\n        ) {\n            // Overflow / Cutoff on right edge\n            focusedToolbar.style.justifyContent = \"flex-end\";\n            focusedToolbar.style.left = `${\n                selectedElementDimension.right +\n                LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX\n            }px`;\n        } else if (\n            focusedToolbar.style.justifyContent !== \"flex-start\" ||\n            focusedToolbar.style.left !== `${adjustedDistanceFromLeft}px`\n        ) {\n            focusedToolbar.style.justifyContent = \"flex-start\"; // default\n            focusedToolbar.style.left = `${adjustedDistanceFromLeft}px`;\n        }\n\n        if (focusedToolbar.style.top !== `${adjustedDistanceFromTop}px`) {\n            focusedToolbar.style.top = `${adjustedDistanceFromTop}px`;\n        }\n    }\n\n    /**\n     * Update the pseudo-editable if it exists.\n     */\n\n    if (visualBuilderContainer) {\n        const psuedoEditableElement = visualBuilderContainer.querySelector(\n            \".visual-builder__pseudo-editable-element\"\n        ) as HTMLElement;\n        const editableElement = selectedElement as HTMLElement;\n        const styles = getPsuedoEditableElementStyles(editableElement);\n        const styleString = Object.entries(styles).reduce(\n            (acc, [key, value]) => {\n                return `${acc}${key}:${value};`;\n            },\n            \"\"\n        );\n        if (\n            psuedoEditableElement &&\n            (psuedoEditableElement.style.cssText !== styleString ||\n                psuedoEditableElement.style.visibility !== \"visible\")\n        ) {\n            psuedoEditableElement.style.cssText = styleString;\n            // since we are copying styles from the editableEl\n            // it will now have a visibility of hidden, which we added\n            // when creating the pseudo editable element, so make the psuedo visible\n            psuedoEditableElement.style.visibility = \"visible\";\n        }\n    }\n}\n\nfunction isSameRect(rect1: DOMRect, rect2: DOMRect) {\n    return (\n        rect1.top === rect2.top &&\n        rect1.left === rect2.left &&\n        rect1.width === rect2.width &&\n        rect1.height === rect2.height\n    );\n}\n"],"mappings":"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","names":["getChildrenDirection","distanceFromTop"]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/updateFocussedState.ts"],"sourcesContent":["import { VisualBuilder } from \"..\";\nimport { extractDetailsFromCslp } from \"../../cslp\";\nimport { getAddInstanceButtons } from \"../generators/generateAddInstanceButtons\";\nimport {\n    addFocusOverlay,\n    hideOverlay,\n} from \"../generators/generateOverlay\";\nimport { hideHoverOutline } from \"../listeners/mouseHover\";\nimport {\n    LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX,\n    RIGHT_EDGE_BUFFER,\n    TOOLBAR_EDGE_BUFFER,\n    TOP_EDGE_BUFFER,\n} from \"./constants\";\nimport { FieldSchemaMap } from \"./fieldSchemaMap\";\nimport getChildrenDirection from \"./getChildrenDirection\";\nimport { getPsuedoEditableElementStyles } from \"./getPsuedoEditableStylesElement\";\nimport { isFieldDisabled } from \"./isFieldDisabled\";\nimport { fetchEntryPermissionsAndStageDetails } from \"./fetchEntryPermissionsAndStageDetails\";\n\ninterface ToolbarPositionParams {\n    focusedToolbar: HTMLElement | null;\n    selectedElementDimension: DOMRect;\n}\n/**\n * Adjust the position of the field toolbar instead of clearing the innerhtml fo the focused toolbar.\n * By doing this, can avoid the re-rendering of the focus field toolbar.\n */\nfunction positionToolbar({\n    focusedToolbar,\n    selectedElementDimension,\n}: ToolbarPositionParams): void {\n    if (focusedToolbar) {\n        const targetElementRightEdgeOffset =\n            window.scrollX + window.innerWidth - selectedElementDimension.left;\n        const distanceFromTop =\n            selectedElementDimension.top + window.scrollY - TOOLBAR_EDGE_BUFFER;\n\n        // Adjust top position based on the available space\n        const adjustedDistanceFromTop =\n            selectedElementDimension.top + window.scrollY < TOP_EDGE_BUFFER\n                ? distanceFromTop +\n                  selectedElementDimension.height +\n                  TOP_EDGE_BUFFER\n                : distanceFromTop;\n\n        const distanceFromLeft =\n            selectedElementDimension.left - LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;\n        const adjustedDistanceFromLeft = Math.max(\n            distanceFromLeft,\n            TOOLBAR_EDGE_BUFFER\n        );\n\n        // Handle right-edge overflow\n        if (\n            targetElementRightEdgeOffset < RIGHT_EDGE_BUFFER &&\n            (focusedToolbar.style.justifyContent !== \"flex-end\" ||\n                focusedToolbar.style.left !==\n                    `${selectedElementDimension.right + LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX}px`)\n        ) {\n            focusedToolbar.style.justifyContent = \"flex-end\";\n            focusedToolbar.style.left = `${selectedElementDimension.right + LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX}px`;\n        } else if (\n            focusedToolbar.style.justifyContent !== \"flex-start\" ||\n            focusedToolbar.style.left !== `${adjustedDistanceFromLeft}px`\n        ) {\n            focusedToolbar.style.justifyContent = \"flex-start\"; // Default\n            focusedToolbar.style.left = `${adjustedDistanceFromLeft}px`;\n        }\n\n        // Adjust top position if necessary\n        if (focusedToolbar.style.top !== `${adjustedDistanceFromTop}px`) {\n            focusedToolbar.style.top = `${adjustedDistanceFromTop}px`;\n        }\n    }\n}\n\n/**\n * This function can be used to re-draw/update the focussed state of an element.\n * The focussed state includes the overlay, psuedo-editable, toolbar, and multiple\n * instance add buttons. It is similar to handleBuilderInteraction but it does not\n * create new elements, it just updates the existing ones whenever possible.\n * NOTE: breakdown this function into multiple functions when the need arises\n */\nexport async function updateFocussedState({\n    editableElement,\n    visualBuilderContainer,\n    overlayWrapper,\n    focusedToolbar,\n    resizeObserver,\n}: {\n    editableElement: HTMLElement | null;\n    visualBuilderContainer: HTMLDivElement | null;\n    overlayWrapper: HTMLDivElement | null;\n    focusedToolbar: HTMLDivElement | null;\n    resizeObserver: ResizeObserver | null;\n}): Promise<void> {\n    let previousSelectedEditableDOM =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (\n        !visualBuilderContainer ||\n        !editableElement ||\n        !previousSelectedEditableDOM ||\n        !overlayWrapper\n    ) {\n        return;\n    }\n\n    // prefer data-cslp-unique-id when available else use data-cslp.\n    // unique ID is added on click when multiple elements with same\n    // data-cslp are found.\n    const previousSelectedElementCslp =\n        editableElement?.getAttribute(\"data-cslp\") || \"\";\n    const previousSelectedElementCslpUniqueId =\n        previousSelectedEditableDOM?.getAttribute(\"data-cslp-unique-id\");\n    const newPreviousSelectedElement =\n        document.querySelector(\n            `[data-cslp-unique-id=\"${previousSelectedElementCslpUniqueId}\"]`\n        ) ||\n        document.querySelector(`[data-cslp=\"${previousSelectedElementCslp}\"]`);\n    if (!newPreviousSelectedElement && resizeObserver) {\n        hideOverlay({\n            visualBuilderOverlayWrapper: overlayWrapper,\n            focusedToolbar,\n            visualBuilderContainer,\n            resizeObserver,\n            noTrigger: true,\n        });\n        return;\n    }\n    if (newPreviousSelectedElement !== previousSelectedEditableDOM) {\n        previousSelectedEditableDOM = newPreviousSelectedElement as HTMLElement;\n        VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n            previousSelectedEditableDOM;\n    }\n\n    const cslp = editableElement?.getAttribute(\"data-cslp\") || \"\";\n    if (!cslp) {\n        return;\n    }\n    const fieldMetadata = extractDetailsFromCslp(cslp);\n\n    hideHoverOutline(visualBuilderContainer);\n\n    // in every case, this function will bring cached values\n    // and this should be quick\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        fieldMetadata.content_type_uid,\n        fieldMetadata.fieldPath\n    );\n    const { acl: entryAcl, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: fieldMetadata.entry_uid,\n            contentTypeUid: fieldMetadata.content_type_uid,\n            locale: fieldMetadata.locale,\n            variantUid: fieldMetadata.variant,\n            fieldPathWithIndex: fieldMetadata.fieldPathWithIndex,\n        });\n    const { isDisabled } = isFieldDisabled(\n        fieldSchema,\n        { editableElement, fieldMetadata },\n        resolvedVariantPermissions,\n        entryAcl,\n        entryWorkflowStageDetails\n    );\n    addFocusOverlay(previousSelectedEditableDOM, overlayWrapper, isDisabled);\n\n    // update psuedo editable element if present\n    const psuedoEditableElement = visualBuilderContainer.querySelector(\n        \".visual-builder__pseudo-editable-element\"\n    ) as HTMLElement;\n    if (psuedoEditableElement) {\n        const styles = getPsuedoEditableElementStyles(editableElement);\n        const styleString = Object.entries(styles).reduce(\n            (acc, [key, value]) => {\n                return `${acc}${key}:${value};`;\n            },\n            \"\"\n        );\n        psuedoEditableElement.style.cssText = styleString;\n        // since we are copying styles from the editableEl\n        // it will now have a visibility of hidden, which we added\n        // when creating the pseudo editable element, so make the psuedo visible\n        psuedoEditableElement.style.visibility = \"visible\";\n    }\n\n    const targetElementDimension = editableElement.getBoundingClientRect();\n    if (targetElementDimension.width && targetElementDimension.height) {\n        const selectedElement =\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM;\n\n        if (!selectedElement) return;\n        // position the focused tool bar\n        positionToolbar({\n            focusedToolbar: focusedToolbar,\n            selectedElementDimension: selectedElement.getBoundingClientRect(),\n        });\n    }\n\n    // re-add multiple instance add buttons\n    const buttons = getAddInstanceButtons(visualBuilderContainer);\n    const parentCslpValue =\n        fieldMetadata.multipleFieldMetadata?.parentDetails?.parentCslpValue;\n    if (\n        buttons &&\n        parentCslpValue &&\n        buttons.length > 1 &&\n        buttons[0] &&\n        buttons[1]\n    ) {\n        const [previousButton, nextButton] = buttons;\n        const direction = getChildrenDirection(\n            editableElement,\n            parentCslpValue\n        );\n        const targetDOMDimension = editableElement.getBoundingClientRect();\n\n        if (direction === \"horizontal\") {\n            const middleHeight =\n                targetDOMDimension.top +\n                (targetDOMDimension.bottom - targetDOMDimension.top) / 2 +\n                window.scrollY;\n            previousButton.style.left = `${targetDOMDimension.left}px`;\n            previousButton.style.top = `${middleHeight}px`;\n\n            nextButton.style.left = `${targetDOMDimension.right}px`;\n            nextButton.style.top = `${middleHeight}px`;\n        } else if (direction === \"vertical\") {\n            const middleWidth =\n                targetDOMDimension.left +\n                (targetDOMDimension.right - targetDOMDimension.left) / 2;\n            previousButton.style.left = `${middleWidth}px`;\n            previousButton.style.top = `${\n                targetDOMDimension.top + window.scrollY\n            }px`;\n\n            nextButton.style.left = `${middleWidth}px`;\n            nextButton.style.top = `${\n                targetDOMDimension.bottom + window.scrollY\n            }px`;\n        }\n    }\n}\n\n/**\n * This function is used to resize/reposition focus overlay and toolbar due to a\n * mutation in the DOM or due to changes in a different field (other than the focussed field).\n */\nexport function updateFocussedStateOnMutation(\n    focusOverlayWrapper: HTMLDivElement | null,\n    focusedToolbar: HTMLDivElement | null,\n    visualBuilderContainer: HTMLDivElement | null,\n    resizeObserver: ResizeObserver | null\n) {\n    if (!focusOverlayWrapper) return;\n\n    let selectedElement =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (!selectedElement) return;\n\n    const selectedElementCslp = selectedElement?.getAttribute(\"data-cslp\");\n    const selectedElementCslpUniqueId = selectedElement?.getAttribute(\n        \"data-cslp-unique-id\"\n    );\n    const newSelectedElement =\n        document.querySelector(\n            `[data-cslp-unique-id=\"${selectedElementCslpUniqueId}\"]`\n        ) || document.querySelector(`[data-cslp=\"${selectedElementCslp}\"]`);\n    if (!newSelectedElement && resizeObserver) {\n        hideOverlay({\n            visualBuilderOverlayWrapper: focusOverlayWrapper,\n            focusedToolbar,\n            visualBuilderContainer,\n            resizeObserver,\n            noTrigger: true,\n        });\n        return;\n    }\n\n    if (newSelectedElement !== selectedElement) {\n        selectedElement = newSelectedElement as HTMLElement;\n        VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n            selectedElement;\n    }\n\n    const selectedElementDimension = selectedElement.getBoundingClientRect();\n\n    /**\n     * Update the focus outline if it exists.\n     */\n    const focusOutline = focusOverlayWrapper.querySelector<HTMLDivElement>(\n        \".visual-builder__overlay--outline\"\n    );\n\n    if (focusOutline) {\n        const focusOutlineDimension = focusOutline.getBoundingClientRect();\n        if (!isSameRect(selectedElementDimension, focusOutlineDimension)) {\n            focusOutline.style.top = `${selectedElementDimension.top + window.scrollY}px`;\n            focusOutline.style.left = `${selectedElementDimension.left}px`;\n            focusOutline.style.width = `${selectedElementDimension.width}px`;\n            focusOutline.style.height = `${selectedElementDimension.height}px`;\n        }\n    }\n\n    //TODO: This logic for overlay position is already present in generateOverlay as `addFocusOverlay`.\n    // We should refactor this to use the same logic. Refer \"VB-593\" branch for more details.\n\n    /**\n     * Update the focus overlays if they exists.\n     */\n\n    const focusedOverlayTop = focusOverlayWrapper.querySelector<HTMLDivElement>(\n        \".visual-builder__overlay--top\"\n    );\n    const focusedOverlayBottom =\n        focusOverlayWrapper.querySelector<HTMLDivElement>(\n            \".visual-builder__overlay--bottom\"\n        );\n    const focusedOverlayLeft =\n        focusOverlayWrapper.querySelector<HTMLDivElement>(\n            \".visual-builder__overlay--left\"\n        );\n    const focusedOverlayRight =\n        focusOverlayWrapper.querySelector<HTMLDivElement>(\n            \".visual-builder__overlay--right\"\n        );\n\n    const distanceFromTop = selectedElementDimension.top + window.scrollY;\n\n    if (focusedOverlayTop) {\n        const dimension = focusedOverlayTop.getBoundingClientRect();\n        if (dimension.height !== distanceFromTop) {\n            focusedOverlayTop.style.height = `calc(${distanceFromTop}px)`;\n        }\n    }\n\n    if (focusedOverlayBottom) {\n        const dimension = focusedOverlayBottom.getBoundingClientRect();\n        if (\n            dimension.top !== selectedElementDimension.bottom ||\n            dimension.height !==\n                window.document.body.scrollHeight -\n                    selectedElementDimension.bottom -\n                    window.scrollY\n        ) {\n            focusedOverlayBottom.style.top = `${\n                selectedElementDimension.bottom + window.scrollY\n            }px`;\n            focusedOverlayBottom.style.height = `${\n                window.document.body.scrollHeight -\n                selectedElementDimension.bottom -\n                window.scrollY\n            }px`;\n        }\n    }\n\n    if (focusedOverlayLeft) {\n        const dimension = focusedOverlayLeft.getBoundingClientRect();\n        if (\n            dimension.top + window.scrollY !== distanceFromTop ||\n            dimension.height !== selectedElementDimension.height ||\n            dimension.width !== selectedElementDimension.left\n        ) {\n            focusedOverlayLeft.style.top = `${distanceFromTop}px`;\n            focusedOverlayLeft.style.height = `${selectedElementDimension.height}px`;\n            focusedOverlayLeft.style.width = `${selectedElementDimension.left}px`;\n        }\n    }\n\n    if (focusedOverlayRight) {\n        const dimension = focusedOverlayRight.getBoundingClientRect();\n        if (\n            dimension.left !== selectedElementDimension.right ||\n            dimension.top + window.scrollY !== distanceFromTop ||\n            dimension.height !== selectedElementDimension.height ||\n            dimension.width !==\n                document.documentElement.clientWidth -\n                    selectedElementDimension.right\n        ) {\n            focusedOverlayRight.style.left = `${selectedElementDimension.right}px`;\n            focusedOverlayRight.style.top = `${distanceFromTop}px`;\n            focusedOverlayRight.style.height = `${selectedElementDimension.height}px`;\n            focusedOverlayRight.style.width = `${\n                document.documentElement.clientWidth -\n                selectedElementDimension.right\n            }px`;\n        }\n    }\n\n    /**\n     * Update the focus toolbar if it exists.\n     */\n\n    //TODO: This logic for toolbar position is already present in same file as `positionToolbar`.\n    // We should refactor this to use the same logic. Refer \"VB-593\" branch for more details.\n    if (focusedToolbar) {\n        const targetElementRightEdgeOffset =\n            window.scrollX + window.innerWidth - selectedElementDimension.left;\n        const distanceFromTop =\n            selectedElementDimension.top + window.scrollY - TOOLBAR_EDGE_BUFFER;\n        // Position the toolbar at the top unless there's insufficient space or scrolling up is not possible (topmost element targetted).\n        const adjustedDistanceFromTop =\n            selectedElementDimension.top + window.scrollY < TOP_EDGE_BUFFER\n                ? distanceFromTop +\n                  selectedElementDimension.height +\n                  TOP_EDGE_BUFFER\n                : distanceFromTop;\n\n        const distanceFromLeft =\n            selectedElementDimension.left - LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;\n        const adjustedDistanceFromLeft = Math.max(\n            distanceFromLeft,\n            TOOLBAR_EDGE_BUFFER\n        );\n\n        if (\n            targetElementRightEdgeOffset < RIGHT_EDGE_BUFFER &&\n            (focusedToolbar.style.justifyContent !== \"flex-end\" ||\n                focusedToolbar.style.left !==\n                    `${\n                        selectedElementDimension.right +\n                        LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX\n                    }px`)\n        ) {\n            // Overflow / Cutoff on right edge\n            focusedToolbar.style.justifyContent = \"flex-end\";\n            focusedToolbar.style.left = `${\n                selectedElementDimension.right +\n                LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX\n            }px`;\n        } else if (\n            focusedToolbar.style.justifyContent !== \"flex-start\" ||\n            focusedToolbar.style.left !== `${adjustedDistanceFromLeft}px`\n        ) {\n            focusedToolbar.style.justifyContent = \"flex-start\"; // default\n            focusedToolbar.style.left = `${adjustedDistanceFromLeft}px`;\n        }\n\n        if (focusedToolbar.style.top !== `${adjustedDistanceFromTop}px`) {\n            focusedToolbar.style.top = `${adjustedDistanceFromTop}px`;\n        }\n    }\n\n    /**\n     * Update the pseudo-editable if it exists.\n     */\n\n    if (visualBuilderContainer) {\n        const psuedoEditableElement = visualBuilderContainer.querySelector(\n            \".visual-builder__pseudo-editable-element\"\n        ) as HTMLElement;\n        const editableElement = selectedElement as HTMLElement;\n        const styles = getPsuedoEditableElementStyles(editableElement);\n        const styleString = Object.entries(styles).reduce(\n            (acc, [key, value]) => {\n                return `${acc}${key}:${value};`;\n            },\n            \"\"\n        );\n        if (\n            psuedoEditableElement &&\n            (psuedoEditableElement.style.cssText !== styleString ||\n                psuedoEditableElement.style.visibility !== \"visible\")\n        ) {\n            psuedoEditableElement.style.cssText = styleString;\n            // since we are copying styles from the editableEl\n            // it will now have a visibility of hidden, which we added\n            // when creating the pseudo editable element, so make the psuedo visible\n            psuedoEditableElement.style.visibility = \"visible\";\n        }\n    }\n}\n\nfunction isSameRect(rect1: DOMRect, rect2: DOMRect) {\n    return (\n        rect1.top === rect2.top &&\n        rect1.left === rect2.left &&\n        rect1.width === rect2.width &&\n        rect1.height === rect2.height\n    );\n}\n"],"mappings":"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","names":["getChildrenDirection","distanceFromTop"]}

package/dist/modern/visualBuilder/utils/updateFocussedState.js

@@ -6,7 +6,7 @@ import { extractDetailsFromCslp } from "../../cslp/index.js";
 import { getAddInstanceButtons } from "../generators/generateAddInstanceButtons.js";
 import {
   addFocusOverlay,
-  hideFocusOverlay
+  hideOverlay
 } from "../generators/generateOverlay.js";
 import { hideHoverOutline } from "../listeners/mouseHover.js";
 import {
@@ -62,7 +62,7 @@ async function updateFocussedState({
     `[data-cslp-unique-id="${previousSelectedElementCslpUniqueId}"]`
   ) || document.querySelector(`[data-cslp="${previousSelectedElementCslp}"]`);
   if (!newPreviousSelectedElement && resizeObserver) {
-    hideFocusOverlay({
+    hideOverlay({
       visualBuilderOverlayWrapper: overlayWrapper,
       focusedToolbar,
       visualBuilderContainer,
@@ -76,21 +76,26 @@ async function updateFocussedState({
     VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM = previousSelectedEditableDOM;
   }
   const cslp = editableElement?.getAttribute("data-cslp") || "";
+  if (!cslp) {
+    return;
+  }
   const fieldMetadata = extractDetailsFromCslp(cslp);
   hideHoverOutline(visualBuilderContainer);
   const fieldSchema = await FieldSchemaMap.getFieldSchema(
     fieldMetadata.content_type_uid,
     fieldMetadata.fieldPath
   );
-  const { acl: entryAcl, workflowStage: entryWorkflowStageDetails } = await fetchEntryPermissionsAndStageDetails({
+  const { acl: entryAcl, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } = await fetchEntryPermissionsAndStageDetails({
     entryUid: fieldMetadata.entry_uid,
     contentTypeUid: fieldMetadata.content_type_uid,
     locale: fieldMetadata.locale,
-    variantUid: fieldMetadata.variant
+    variantUid: fieldMetadata.variant,
+    fieldPathWithIndex: fieldMetadata.fieldPathWithIndex
   });
   const { isDisabled } = isFieldDisabled(
     fieldSchema,
     { editableElement, fieldMetadata },
+    resolvedVariantPermissions,
     entryAcl,
     entryWorkflowStageDetails
   );
@@ -154,7 +159,7 @@ function updateFocussedStateOnMutation(focusOverlayWrapper, focusedToolbar, visu
     `[data-cslp-unique-id="${selectedElementCslpUniqueId}"]`
   ) || document.querySelector(`[data-cslp="${selectedElementCslp}"]`);
   if (!newSelectedElement && resizeObserver) {
-    hideFocusOverlay({
+    hideOverlay({
       visualBuilderOverlayWrapper: focusOverlayWrapper,
       focusedToolbar,
       visualBuilderContainer,

package/dist/modern/visualBuilder/utils/updateFocussedState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/updateFocussedState.ts"],"sourcesContent":["import { VisualBuilder } from \"..\";\nimport { extractDetailsFromCslp } from \"../../cslp\";\nimport { getAddInstanceButtons } from \"../generators/generateAddInstanceButtons\";\nimport {\n    addFocusOverlay,\n    hideFocusOverlay,\n} from \"../generators/generateOverlay\";\nimport { hideHoverOutline } from \"../listeners/mouseHover\";\nimport {\n    LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX,\n    RIGHT_EDGE_BUFFER,\n    TOOLBAR_EDGE_BUFFER,\n    TOP_EDGE_BUFFER,\n} from \"./constants\";\nimport { FieldSchemaMap } from \"./fieldSchemaMap\";\nimport getChildrenDirection from \"./getChildrenDirection\";\nimport { getPsuedoEditableElementStyles } from \"./getPsuedoEditableStylesElement\";\nimport { isFieldDisabled } from \"./isFieldDisabled\";\nimport { fetchEntryPermissionsAndStageDetails } from \"./fetchEntryPermissionsAndStageDetails\";\n\ninterface ToolbarPositionParams {\n    focusedToolbar: HTMLElement | null;\n    selectedElementDimension: DOMRect;\n}\n/**\n * Adjust the position of the field toolbar instead of clearing the innerhtml fo the focused toolbar.\n * By doing this, can avoid the re-rendering of the focus field toolbar.\n */\nfunction positionToolbar({\n    focusedToolbar,\n    selectedElementDimension,\n}: ToolbarPositionParams): void {\n    if (focusedToolbar) {\n        const targetElementRightEdgeOffset =\n            window.scrollX + window.innerWidth - selectedElementDimension.left;\n        const distanceFromTop =\n            selectedElementDimension.top + window.scrollY - TOOLBAR_EDGE_BUFFER;\n\n        // Adjust top position based on the available space\n        const adjustedDistanceFromTop =\n            selectedElementDimension.top + window.scrollY < TOP_EDGE_BUFFER\n                ? distanceFromTop +\n                  selectedElementDimension.height +\n                  TOP_EDGE_BUFFER\n                : distanceFromTop;\n\n        const distanceFromLeft =\n            selectedElementDimension.left - LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;\n        const adjustedDistanceFromLeft = Math.max(\n            distanceFromLeft,\n            TOOLBAR_EDGE_BUFFER\n        );\n\n        // Handle right-edge overflow\n        if (\n            targetElementRightEdgeOffset < RIGHT_EDGE_BUFFER &&\n            (focusedToolbar.style.justifyContent !== \"flex-end\" ||\n                focusedToolbar.style.left !==\n                    `${selectedElementDimension.right + LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX}px`)\n        ) {\n            focusedToolbar.style.justifyContent = \"flex-end\";\n            focusedToolbar.style.left = `${selectedElementDimension.right + LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX}px`;\n        } else if (\n            focusedToolbar.style.justifyContent !== \"flex-start\" ||\n            focusedToolbar.style.left !== `${adjustedDistanceFromLeft}px`\n        ) {\n            focusedToolbar.style.justifyContent = \"flex-start\"; // Default\n            focusedToolbar.style.left = `${adjustedDistanceFromLeft}px`;\n        }\n\n        // Adjust top position if necessary\n        if (focusedToolbar.style.top !== `${adjustedDistanceFromTop}px`) {\n            focusedToolbar.style.top = `${adjustedDistanceFromTop}px`;\n        }\n    }\n}\n\n/**\n * This function can be used to re-draw/update the focussed state of an element.\n * The focussed state includes the overlay, psuedo-editable, toolbar, and multiple\n * instance add buttons. It is similar to handleBuilderInteraction but it does not\n * create new elements, it just updates the existing ones whenever possible.\n * NOTE: breakdown this function into multiple functions when the need arises\n */\nexport async function updateFocussedState({\n    editableElement,\n    visualBuilderContainer,\n    overlayWrapper,\n    focusedToolbar,\n    resizeObserver,\n}: {\n    editableElement: HTMLElement | null;\n    visualBuilderContainer: HTMLDivElement | null;\n    overlayWrapper: HTMLDivElement | null;\n    focusedToolbar: HTMLDivElement | null;\n    resizeObserver: ResizeObserver | null;\n}): Promise<void> {\n    let previousSelectedEditableDOM =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (\n        !visualBuilderContainer ||\n        !editableElement ||\n        !previousSelectedEditableDOM ||\n        !overlayWrapper\n    ) {\n        return;\n    }\n\n    // prefer data-cslp-unique-id when available else use data-cslp.\n    // unique ID is added on click when multiple elements with same\n    // data-cslp are found.\n    const previousSelectedElementCslp =\n        editableElement?.getAttribute(\"data-cslp\") || \"\";\n    const previousSelectedElementCslpUniqueId =\n        previousSelectedEditableDOM?.getAttribute(\"data-cslp-unique-id\");\n    const newPreviousSelectedElement =\n        document.querySelector(\n            `[data-cslp-unique-id=\"${previousSelectedElementCslpUniqueId}\"]`\n        ) ||\n        document.querySelector(`[data-cslp=\"${previousSelectedElementCslp}\"]`);\n    if (!newPreviousSelectedElement && resizeObserver) {\n        hideFocusOverlay({\n            visualBuilderOverlayWrapper: overlayWrapper,\n            focusedToolbar,\n            visualBuilderContainer,\n            resizeObserver,\n            noTrigger: true,\n        });\n        return;\n    }\n    if (newPreviousSelectedElement !== previousSelectedEditableDOM) {\n        previousSelectedEditableDOM = newPreviousSelectedElement as HTMLElement;\n        VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n            previousSelectedEditableDOM;\n    }\n\n    const cslp = editableElement?.getAttribute(\"data-cslp\") || \"\";\n    const fieldMetadata = extractDetailsFromCslp(cslp);\n\n    hideHoverOutline(visualBuilderContainer);\n\n    // in every case, this function will bring cached values\n    // and this should be quick\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        fieldMetadata.content_type_uid,\n        fieldMetadata.fieldPath\n    );\n    const { acl: entryAcl, workflowStage: entryWorkflowStageDetails } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: fieldMetadata.entry_uid,\n            contentTypeUid: fieldMetadata.content_type_uid,\n            locale: fieldMetadata.locale,\n            variantUid: fieldMetadata.variant,\n        });\n    const { isDisabled } = isFieldDisabled(\n        fieldSchema,\n        { editableElement, fieldMetadata },\n        entryAcl,\n        entryWorkflowStageDetails\n    );\n    addFocusOverlay(previousSelectedEditableDOM, overlayWrapper, isDisabled);\n\n    // update psuedo editable element if present\n    const psuedoEditableElement = visualBuilderContainer.querySelector(\n        \".visual-builder__pseudo-editable-element\"\n    ) as HTMLElement;\n    if (psuedoEditableElement) {\n        const styles = getPsuedoEditableElementStyles(editableElement);\n        const styleString = Object.entries(styles).reduce(\n            (acc, [key, value]) => {\n                return `${acc}${key}:${value};`;\n            },\n            \"\"\n        );\n        psuedoEditableElement.style.cssText = styleString;\n        // since we are copying styles from the editableEl\n        // it will now have a visibility of hidden, which we added\n        // when creating the pseudo editable element, so make the psuedo visible\n        psuedoEditableElement.style.visibility = \"visible\";\n    }\n\n    const targetElementDimension = editableElement.getBoundingClientRect();\n    if (targetElementDimension.width && targetElementDimension.height) {\n        const selectedElement =\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM;\n\n        if (!selectedElement) return;\n        // position the focused tool bar\n        positionToolbar({\n            focusedToolbar: focusedToolbar,\n            selectedElementDimension: selectedElement.getBoundingClientRect(),\n        });\n    }\n\n    // re-add multiple instance add buttons\n    const buttons = getAddInstanceButtons(visualBuilderContainer);\n    const parentCslpValue =\n        fieldMetadata.multipleFieldMetadata?.parentDetails?.parentCslpValue;\n    if (\n        buttons &&\n        parentCslpValue &&\n        buttons.length > 1 &&\n        buttons[0] &&\n        buttons[1]\n    ) {\n        const [previousButton, nextButton] = buttons;\n        const direction = getChildrenDirection(\n            editableElement,\n            parentCslpValue\n        );\n        const targetDOMDimension = editableElement.getBoundingClientRect();\n\n        if (direction === \"horizontal\") {\n            const middleHeight =\n                targetDOMDimension.top +\n                (targetDOMDimension.bottom - targetDOMDimension.top) / 2 +\n                window.scrollY;\n            previousButton.style.left = `${targetDOMDimension.left}px`;\n            previousButton.style.top = `${middleHeight}px`;\n\n            nextButton.style.left = `${targetDOMDimension.right}px`;\n            nextButton.style.top = `${middleHeight}px`;\n        } else if (direction === \"vertical\") {\n            const middleWidth =\n                targetDOMDimension.left +\n                (targetDOMDimension.right - targetDOMDimension.left) / 2;\n            previousButton.style.left = `${middleWidth}px`;\n            previousButton.style.top = `${\n                targetDOMDimension.top + window.scrollY\n            }px`;\n\n            nextButton.style.left = `${middleWidth}px`;\n            nextButton.style.top = `${\n                targetDOMDimension.bottom + window.scrollY\n            }px`;\n        }\n    }\n}\n\n/**\n * This function is used to resize/reposition focus overlay and toolbar due to a\n * mutation in the DOM or due to changes in a different field (other than the focussed field).\n */\nexport function updateFocussedStateOnMutation(\n    focusOverlayWrapper: HTMLDivElement | null,\n    focusedToolbar: HTMLDivElement | null,\n    visualBuilderContainer: HTMLDivElement | null,\n    resizeObserver: ResizeObserver | null\n) {\n    if (!focusOverlayWrapper) return;\n\n    let selectedElement =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (!selectedElement) return;\n\n    const selectedElementCslp = selectedElement?.getAttribute(\"data-cslp\");\n    const selectedElementCslpUniqueId = selectedElement?.getAttribute(\n        \"data-cslp-unique-id\"\n    );\n    const newSelectedElement =\n        document.querySelector(\n            `[data-cslp-unique-id=\"${selectedElementCslpUniqueId}\"]`\n        ) || document.querySelector(`[data-cslp=\"${selectedElementCslp}\"]`);\n    if (!newSelectedElement && resizeObserver) {\n        hideFocusOverlay({\n            visualBuilderOverlayWrapper: focusOverlayWrapper,\n            focusedToolbar,\n            visualBuilderContainer,\n            resizeObserver,\n            noTrigger: true,\n        });\n        return;\n    }\n\n    if (newSelectedElement !== selectedElement) {\n        selectedElement = newSelectedElement as HTMLElement;\n        VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n            selectedElement;\n    }\n\n    const selectedElementDimension = selectedElement.getBoundingClientRect();\n\n    /**\n     * Update the focus outline if it exists.\n     */\n    const focusOutline = focusOverlayWrapper.querySelector<HTMLDivElement>(\n        \".visual-builder__overlay--outline\"\n    );\n\n    if (focusOutline) {\n        const focusOutlineDimension = focusOutline.getBoundingClientRect();\n        if (!isSameRect(selectedElementDimension, focusOutlineDimension)) {\n            focusOutline.style.top = `${selectedElementDimension.top + window.scrollY}px`;\n            focusOutline.style.left = `${selectedElementDimension.left}px`;\n            focusOutline.style.width = `${selectedElementDimension.width}px`;\n            focusOutline.style.height = `${selectedElementDimension.height}px`;\n        }\n    }\n\n    /**\n     * Update the focus overlays if they exists.\n     */\n\n    const focusedOverlayTop = focusOverlayWrapper.querySelector<HTMLDivElement>(\n        \".visual-builder__overlay--top\"\n    );\n    const focusedOverlayBottom =\n        focusOverlayWrapper.querySelector<HTMLDivElement>(\n            \".visual-builder__overlay--bottom\"\n        );\n    const focusedOverlayLeft =\n        focusOverlayWrapper.querySelector<HTMLDivElement>(\n            \".visual-builder__overlay--left\"\n        );\n    const focusedOverlayRight =\n        focusOverlayWrapper.querySelector<HTMLDivElement>(\n            \".visual-builder__overlay--right\"\n        );\n\n    const distanceFromTop = selectedElementDimension.top + window.scrollY;\n\n    if (focusedOverlayTop) {\n        const dimension = focusedOverlayTop.getBoundingClientRect();\n        if (dimension.height !== distanceFromTop) {\n            focusedOverlayTop.style.height = `calc(${distanceFromTop}px)`;\n        }\n    }\n\n    if (focusedOverlayBottom) {\n        const dimension = focusedOverlayBottom.getBoundingClientRect();\n        if (\n            dimension.top !== selectedElementDimension.bottom ||\n            dimension.height !==\n                window.document.body.scrollHeight -\n                    selectedElementDimension.bottom -\n                    window.scrollY\n        ) {\n            focusedOverlayBottom.style.top = `${\n                selectedElementDimension.bottom + window.scrollY\n            }px`;\n            focusedOverlayBottom.style.height = `${\n                window.document.body.scrollHeight -\n                selectedElementDimension.bottom -\n                window.scrollY\n            }px`;\n        }\n    }\n\n    if (focusedOverlayLeft) {\n        const dimension = focusedOverlayLeft.getBoundingClientRect();\n        if (\n            dimension.top + window.scrollY !== distanceFromTop ||\n            dimension.height !== selectedElementDimension.height ||\n            dimension.width !== selectedElementDimension.left\n        ) {\n            focusedOverlayLeft.style.top = `${distanceFromTop}px`;\n            focusedOverlayLeft.style.height = `${selectedElementDimension.height}px`;\n            focusedOverlayLeft.style.width = `${selectedElementDimension.left}px`;\n        }\n    }\n\n    if (focusedOverlayRight) {\n        const dimension = focusedOverlayRight.getBoundingClientRect();\n        if (\n            dimension.left !== selectedElementDimension.right ||\n            dimension.top + window.scrollY !== distanceFromTop ||\n            dimension.height !== selectedElementDimension.height ||\n            dimension.width !==\n                document.documentElement.clientWidth -\n                    selectedElementDimension.right\n        ) {\n            focusedOverlayRight.style.left = `${selectedElementDimension.right}px`;\n            focusedOverlayRight.style.top = `${distanceFromTop}px`;\n            focusedOverlayRight.style.height = `${selectedElementDimension.height}px`;\n            focusedOverlayRight.style.width = `${\n                document.documentElement.clientWidth -\n                selectedElementDimension.right\n            }px`;\n        }\n    }\n\n    /**\n     * Update the focus toolbar if it exists.\n     */\n\n    if (focusedToolbar) {\n        const targetElementRightEdgeOffset =\n            window.scrollX + window.innerWidth - selectedElementDimension.left;\n        const distanceFromTop =\n            selectedElementDimension.top + window.scrollY - TOOLBAR_EDGE_BUFFER;\n        // Position the toolbar at the top unless there's insufficient space or scrolling up is not possible (topmost element targetted).\n        const adjustedDistanceFromTop =\n            selectedElementDimension.top + window.scrollY < TOP_EDGE_BUFFER\n                ? distanceFromTop +\n                  selectedElementDimension.height +\n                  TOP_EDGE_BUFFER\n                : distanceFromTop;\n\n        const distanceFromLeft =\n            selectedElementDimension.left - LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;\n        const adjustedDistanceFromLeft = Math.max(\n            distanceFromLeft,\n            TOOLBAR_EDGE_BUFFER\n        );\n\n        if (\n            targetElementRightEdgeOffset < RIGHT_EDGE_BUFFER &&\n            (focusedToolbar.style.justifyContent !== \"flex-end\" ||\n                focusedToolbar.style.left !==\n                    `${\n                        selectedElementDimension.right +\n                        LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX\n                    }px`)\n        ) {\n            // Overflow / Cutoff on right edge\n            focusedToolbar.style.justifyContent = \"flex-end\";\n            focusedToolbar.style.left = `${\n                selectedElementDimension.right +\n                LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX\n            }px`;\n        } else if (\n            focusedToolbar.style.justifyContent !== \"flex-start\" ||\n            focusedToolbar.style.left !== `${adjustedDistanceFromLeft}px`\n        ) {\n            focusedToolbar.style.justifyContent = \"flex-start\"; // default\n            focusedToolbar.style.left = `${adjustedDistanceFromLeft}px`;\n        }\n\n        if (focusedToolbar.style.top !== `${adjustedDistanceFromTop}px`) {\n            focusedToolbar.style.top = `${adjustedDistanceFromTop}px`;\n        }\n    }\n\n    /**\n     * Update the pseudo-editable if it exists.\n     */\n\n    if (visualBuilderContainer) {\n        const psuedoEditableElement = visualBuilderContainer.querySelector(\n            \".visual-builder__pseudo-editable-element\"\n        ) as HTMLElement;\n        const editableElement = selectedElement as HTMLElement;\n        const styles = getPsuedoEditableElementStyles(editableElement);\n        const styleString = Object.entries(styles).reduce(\n            (acc, [key, value]) => {\n                return `${acc}${key}:${value};`;\n            },\n            \"\"\n        );\n        if (\n            psuedoEditableElement &&\n            (psuedoEditableElement.style.cssText !== styleString ||\n                psuedoEditableElement.style.visibility !== \"visible\")\n        ) {\n            psuedoEditableElement.style.cssText = styleString;\n            // since we are copying styles from the editableEl\n            // it will now have a visibility of hidden, which we added\n            // when creating the pseudo editable element, so make the psuedo visible\n            psuedoEditableElement.style.visibility = \"visible\";\n        }\n    }\n}\n\nfunction isSameRect(rect1: DOMRect, rect2: DOMRect) {\n    return (\n        rect1.top === rect2.top &&\n        rect1.left === rect2.left &&\n        rect1.width === rect2.width &&\n        rect1.height === rect2.height\n    );\n}\n"],"mappings":"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","names":["distanceFromTop"]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/updateFocussedState.ts"],"sourcesContent":["import { VisualBuilder } from \"..\";\nimport { extractDetailsFromCslp } from \"../../cslp\";\nimport { getAddInstanceButtons } from \"../generators/generateAddInstanceButtons\";\nimport {\n    addFocusOverlay,\n    hideOverlay,\n} from \"../generators/generateOverlay\";\nimport { hideHoverOutline } from \"../listeners/mouseHover\";\nimport {\n    LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX,\n    RIGHT_EDGE_BUFFER,\n    TOOLBAR_EDGE_BUFFER,\n    TOP_EDGE_BUFFER,\n} from \"./constants\";\nimport { FieldSchemaMap } from \"./fieldSchemaMap\";\nimport getChildrenDirection from \"./getChildrenDirection\";\nimport { getPsuedoEditableElementStyles } from \"./getPsuedoEditableStylesElement\";\nimport { isFieldDisabled } from \"./isFieldDisabled\";\nimport { fetchEntryPermissionsAndStageDetails } from \"./fetchEntryPermissionsAndStageDetails\";\n\ninterface ToolbarPositionParams {\n    focusedToolbar: HTMLElement | null;\n    selectedElementDimension: DOMRect;\n}\n/**\n * Adjust the position of the field toolbar instead of clearing the innerhtml fo the focused toolbar.\n * By doing this, can avoid the re-rendering of the focus field toolbar.\n */\nfunction positionToolbar({\n    focusedToolbar,\n    selectedElementDimension,\n}: ToolbarPositionParams): void {\n    if (focusedToolbar) {\n        const targetElementRightEdgeOffset =\n            window.scrollX + window.innerWidth - selectedElementDimension.left;\n        const distanceFromTop =\n            selectedElementDimension.top + window.scrollY - TOOLBAR_EDGE_BUFFER;\n\n        // Adjust top position based on the available space\n        const adjustedDistanceFromTop =\n            selectedElementDimension.top + window.scrollY < TOP_EDGE_BUFFER\n                ? distanceFromTop +\n                  selectedElementDimension.height +\n                  TOP_EDGE_BUFFER\n                : distanceFromTop;\n\n        const distanceFromLeft =\n            selectedElementDimension.left - LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;\n        const adjustedDistanceFromLeft = Math.max(\n            distanceFromLeft,\n            TOOLBAR_EDGE_BUFFER\n        );\n\n        // Handle right-edge overflow\n        if (\n            targetElementRightEdgeOffset < RIGHT_EDGE_BUFFER &&\n            (focusedToolbar.style.justifyContent !== \"flex-end\" ||\n                focusedToolbar.style.left !==\n                    `${selectedElementDimension.right + LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX}px`)\n        ) {\n            focusedToolbar.style.justifyContent = \"flex-end\";\n            focusedToolbar.style.left = `${selectedElementDimension.right + LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX}px`;\n        } else if (\n            focusedToolbar.style.justifyContent !== \"flex-start\" ||\n            focusedToolbar.style.left !== `${adjustedDistanceFromLeft}px`\n        ) {\n            focusedToolbar.style.justifyContent = \"flex-start\"; // Default\n            focusedToolbar.style.left = `${adjustedDistanceFromLeft}px`;\n        }\n\n        // Adjust top position if necessary\n        if (focusedToolbar.style.top !== `${adjustedDistanceFromTop}px`) {\n            focusedToolbar.style.top = `${adjustedDistanceFromTop}px`;\n        }\n    }\n}\n\n/**\n * This function can be used to re-draw/update the focussed state of an element.\n * The focussed state includes the overlay, psuedo-editable, toolbar, and multiple\n * instance add buttons. It is similar to handleBuilderInteraction but it does not\n * create new elements, it just updates the existing ones whenever possible.\n * NOTE: breakdown this function into multiple functions when the need arises\n */\nexport async function updateFocussedState({\n    editableElement,\n    visualBuilderContainer,\n    overlayWrapper,\n    focusedToolbar,\n    resizeObserver,\n}: {\n    editableElement: HTMLElement | null;\n    visualBuilderContainer: HTMLDivElement | null;\n    overlayWrapper: HTMLDivElement | null;\n    focusedToolbar: HTMLDivElement | null;\n    resizeObserver: ResizeObserver | null;\n}): Promise<void> {\n    let previousSelectedEditableDOM =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (\n        !visualBuilderContainer ||\n        !editableElement ||\n        !previousSelectedEditableDOM ||\n        !overlayWrapper\n    ) {\n        return;\n    }\n\n    // prefer data-cslp-unique-id when available else use data-cslp.\n    // unique ID is added on click when multiple elements with same\n    // data-cslp are found.\n    const previousSelectedElementCslp =\n        editableElement?.getAttribute(\"data-cslp\") || \"\";\n    const previousSelectedElementCslpUniqueId =\n        previousSelectedEditableDOM?.getAttribute(\"data-cslp-unique-id\");\n    const newPreviousSelectedElement =\n        document.querySelector(\n            `[data-cslp-unique-id=\"${previousSelectedElementCslpUniqueId}\"]`\n        ) ||\n        document.querySelector(`[data-cslp=\"${previousSelectedElementCslp}\"]`);\n    if (!newPreviousSelectedElement && resizeObserver) {\n        hideOverlay({\n            visualBuilderOverlayWrapper: overlayWrapper,\n            focusedToolbar,\n            visualBuilderContainer,\n            resizeObserver,\n            noTrigger: true,\n        });\n        return;\n    }\n    if (newPreviousSelectedElement !== previousSelectedEditableDOM) {\n        previousSelectedEditableDOM = newPreviousSelectedElement as HTMLElement;\n        VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n            previousSelectedEditableDOM;\n    }\n\n    const cslp = editableElement?.getAttribute(\"data-cslp\") || \"\";\n    if (!cslp) {\n        return;\n    }\n    const fieldMetadata = extractDetailsFromCslp(cslp);\n\n    hideHoverOutline(visualBuilderContainer);\n\n    // in every case, this function will bring cached values\n    // and this should be quick\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        fieldMetadata.content_type_uid,\n        fieldMetadata.fieldPath\n    );\n    const { acl: entryAcl, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: fieldMetadata.entry_uid,\n            contentTypeUid: fieldMetadata.content_type_uid,\n            locale: fieldMetadata.locale,\n            variantUid: fieldMetadata.variant,\n            fieldPathWithIndex: fieldMetadata.fieldPathWithIndex,\n        });\n    const { isDisabled } = isFieldDisabled(\n        fieldSchema,\n        { editableElement, fieldMetadata },\n        resolvedVariantPermissions,\n        entryAcl,\n        entryWorkflowStageDetails\n    );\n    addFocusOverlay(previousSelectedEditableDOM, overlayWrapper, isDisabled);\n\n    // update psuedo editable element if present\n    const psuedoEditableElement = visualBuilderContainer.querySelector(\n        \".visual-builder__pseudo-editable-element\"\n    ) as HTMLElement;\n    if (psuedoEditableElement) {\n        const styles = getPsuedoEditableElementStyles(editableElement);\n        const styleString = Object.entries(styles).reduce(\n            (acc, [key, value]) => {\n                return `${acc}${key}:${value};`;\n            },\n            \"\"\n        );\n        psuedoEditableElement.style.cssText = styleString;\n        // since we are copying styles from the editableEl\n        // it will now have a visibility of hidden, which we added\n        // when creating the pseudo editable element, so make the psuedo visible\n        psuedoEditableElement.style.visibility = \"visible\";\n    }\n\n    const targetElementDimension = editableElement.getBoundingClientRect();\n    if (targetElementDimension.width && targetElementDimension.height) {\n        const selectedElement =\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM;\n\n        if (!selectedElement) return;\n        // position the focused tool bar\n        positionToolbar({\n            focusedToolbar: focusedToolbar,\n            selectedElementDimension: selectedElement.getBoundingClientRect(),\n        });\n    }\n\n    // re-add multiple instance add buttons\n    const buttons = getAddInstanceButtons(visualBuilderContainer);\n    const parentCslpValue =\n        fieldMetadata.multipleFieldMetadata?.parentDetails?.parentCslpValue;\n    if (\n        buttons &&\n        parentCslpValue &&\n        buttons.length > 1 &&\n        buttons[0] &&\n        buttons[1]\n    ) {\n        const [previousButton, nextButton] = buttons;\n        const direction = getChildrenDirection(\n            editableElement,\n            parentCslpValue\n        );\n        const targetDOMDimension = editableElement.getBoundingClientRect();\n\n        if (direction === \"horizontal\") {\n            const middleHeight =\n                targetDOMDimension.top +\n                (targetDOMDimension.bottom - targetDOMDimension.top) / 2 +\n                window.scrollY;\n            previousButton.style.left = `${targetDOMDimension.left}px`;\n            previousButton.style.top = `${middleHeight}px`;\n\n            nextButton.style.left = `${targetDOMDimension.right}px`;\n            nextButton.style.top = `${middleHeight}px`;\n        } else if (direction === \"vertical\") {\n            const middleWidth =\n                targetDOMDimension.left +\n                (targetDOMDimension.right - targetDOMDimension.left) / 2;\n            previousButton.style.left = `${middleWidth}px`;\n            previousButton.style.top = `${\n                targetDOMDimension.top + window.scrollY\n            }px`;\n\n            nextButton.style.left = `${middleWidth}px`;\n            nextButton.style.top = `${\n                targetDOMDimension.bottom + window.scrollY\n            }px`;\n        }\n    }\n}\n\n/**\n * This function is used to resize/reposition focus overlay and toolbar due to a\n * mutation in the DOM or due to changes in a different field (other than the focussed field).\n */\nexport function updateFocussedStateOnMutation(\n    focusOverlayWrapper: HTMLDivElement | null,\n    focusedToolbar: HTMLDivElement | null,\n    visualBuilderContainer: HTMLDivElement | null,\n    resizeObserver: ResizeObserver | null\n) {\n    if (!focusOverlayWrapper) return;\n\n    let selectedElement =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (!selectedElement) return;\n\n    const selectedElementCslp = selectedElement?.getAttribute(\"data-cslp\");\n    const selectedElementCslpUniqueId = selectedElement?.getAttribute(\n        \"data-cslp-unique-id\"\n    );\n    const newSelectedElement =\n        document.querySelector(\n            `[data-cslp-unique-id=\"${selectedElementCslpUniqueId}\"]`\n        ) || document.querySelector(`[data-cslp=\"${selectedElementCslp}\"]`);\n    if (!newSelectedElement && resizeObserver) {\n        hideOverlay({\n            visualBuilderOverlayWrapper: focusOverlayWrapper,\n            focusedToolbar,\n            visualBuilderContainer,\n            resizeObserver,\n            noTrigger: true,\n        });\n        return;\n    }\n\n    if (newSelectedElement !== selectedElement) {\n        selectedElement = newSelectedElement as HTMLElement;\n        VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n            selectedElement;\n    }\n\n    const selectedElementDimension = selectedElement.getBoundingClientRect();\n\n    /**\n     * Update the focus outline if it exists.\n     */\n    const focusOutline = focusOverlayWrapper.querySelector<HTMLDivElement>(\n        \".visual-builder__overlay--outline\"\n    );\n\n    if (focusOutline) {\n        const focusOutlineDimension = focusOutline.getBoundingClientRect();\n        if (!isSameRect(selectedElementDimension, focusOutlineDimension)) {\n            focusOutline.style.top = `${selectedElementDimension.top + window.scrollY}px`;\n            focusOutline.style.left = `${selectedElementDimension.left}px`;\n            focusOutline.style.width = `${selectedElementDimension.width}px`;\n            focusOutline.style.height = `${selectedElementDimension.height}px`;\n        }\n    }\n\n    //TODO: This logic for overlay position is already present in generateOverlay as `addFocusOverlay`.\n    // We should refactor this to use the same logic. Refer \"VB-593\" branch for more details.\n\n    /**\n     * Update the focus overlays if they exists.\n     */\n\n    const focusedOverlayTop = focusOverlayWrapper.querySelector<HTMLDivElement>(\n        \".visual-builder__overlay--top\"\n    );\n    const focusedOverlayBottom =\n        focusOverlayWrapper.querySelector<HTMLDivElement>(\n            \".visual-builder__overlay--bottom\"\n        );\n    const focusedOverlayLeft =\n        focusOverlayWrapper.querySelector<HTMLDivElement>(\n            \".visual-builder__overlay--left\"\n        );\n    const focusedOverlayRight =\n        focusOverlayWrapper.querySelector<HTMLDivElement>(\n            \".visual-builder__overlay--right\"\n        );\n\n    const distanceFromTop = selectedElementDimension.top + window.scrollY;\n\n    if (focusedOverlayTop) {\n        const dimension = focusedOverlayTop.getBoundingClientRect();\n        if (dimension.height !== distanceFromTop) {\n            focusedOverlayTop.style.height = `calc(${distanceFromTop}px)`;\n        }\n    }\n\n    if (focusedOverlayBottom) {\n        const dimension = focusedOverlayBottom.getBoundingClientRect();\n        if (\n            dimension.top !== selectedElementDimension.bottom ||\n            dimension.height !==\n                window.document.body.scrollHeight -\n                    selectedElementDimension.bottom -\n                    window.scrollY\n        ) {\n            focusedOverlayBottom.style.top = `${\n                selectedElementDimension.bottom + window.scrollY\n            }px`;\n            focusedOverlayBottom.style.height = `${\n                window.document.body.scrollHeight -\n                selectedElementDimension.bottom -\n                window.scrollY\n            }px`;\n        }\n    }\n\n    if (focusedOverlayLeft) {\n        const dimension = focusedOverlayLeft.getBoundingClientRect();\n        if (\n            dimension.top + window.scrollY !== distanceFromTop ||\n            dimension.height !== selectedElementDimension.height ||\n            dimension.width !== selectedElementDimension.left\n        ) {\n            focusedOverlayLeft.style.top = `${distanceFromTop}px`;\n            focusedOverlayLeft.style.height = `${selectedElementDimension.height}px`;\n            focusedOverlayLeft.style.width = `${selectedElementDimension.left}px`;\n        }\n    }\n\n    if (focusedOverlayRight) {\n        const dimension = focusedOverlayRight.getBoundingClientRect();\n        if (\n            dimension.left !== selectedElementDimension.right ||\n            dimension.top + window.scrollY !== distanceFromTop ||\n            dimension.height !== selectedElementDimension.height ||\n            dimension.width !==\n                document.documentElement.clientWidth -\n                    selectedElementDimension.right\n        ) {\n            focusedOverlayRight.style.left = `${selectedElementDimension.right}px`;\n            focusedOverlayRight.style.top = `${distanceFromTop}px`;\n            focusedOverlayRight.style.height = `${selectedElementDimension.height}px`;\n            focusedOverlayRight.style.width = `${\n                document.documentElement.clientWidth -\n                selectedElementDimension.right\n            }px`;\n        }\n    }\n\n    /**\n     * Update the focus toolbar if it exists.\n     */\n\n    //TODO: This logic for toolbar position is already present in same file as `positionToolbar`.\n    // We should refactor this to use the same logic. Refer \"VB-593\" branch for more details.\n    if (focusedToolbar) {\n        const targetElementRightEdgeOffset =\n            window.scrollX + window.innerWidth - selectedElementDimension.left;\n        const distanceFromTop =\n            selectedElementDimension.top + window.scrollY - TOOLBAR_EDGE_BUFFER;\n        // Position the toolbar at the top unless there's insufficient space or scrolling up is not possible (topmost element targetted).\n        const adjustedDistanceFromTop =\n            selectedElementDimension.top + window.scrollY < TOP_EDGE_BUFFER\n                ? distanceFromTop +\n                  selectedElementDimension.height +\n                  TOP_EDGE_BUFFER\n                : distanceFromTop;\n\n        const distanceFromLeft =\n            selectedElementDimension.left - LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;\n        const adjustedDistanceFromLeft = Math.max(\n            distanceFromLeft,\n            TOOLBAR_EDGE_BUFFER\n        );\n\n        if (\n            targetElementRightEdgeOffset < RIGHT_EDGE_BUFFER &&\n            (focusedToolbar.style.justifyContent !== \"flex-end\" ||\n                focusedToolbar.style.left !==\n                    `${\n                        selectedElementDimension.right +\n                        LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX\n                    }px`)\n        ) {\n            // Overflow / Cutoff on right edge\n            focusedToolbar.style.justifyContent = \"flex-end\";\n            focusedToolbar.style.left = `${\n                selectedElementDimension.right +\n                LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX\n            }px`;\n        } else if (\n            focusedToolbar.style.justifyContent !== \"flex-start\" ||\n            focusedToolbar.style.left !== `${adjustedDistanceFromLeft}px`\n        ) {\n            focusedToolbar.style.justifyContent = \"flex-start\"; // default\n            focusedToolbar.style.left = `${adjustedDistanceFromLeft}px`;\n        }\n\n        if (focusedToolbar.style.top !== `${adjustedDistanceFromTop}px`) {\n            focusedToolbar.style.top = `${adjustedDistanceFromTop}px`;\n        }\n    }\n\n    /**\n     * Update the pseudo-editable if it exists.\n     */\n\n    if (visualBuilderContainer) {\n        const psuedoEditableElement = visualBuilderContainer.querySelector(\n            \".visual-builder__pseudo-editable-element\"\n        ) as HTMLElement;\n        const editableElement = selectedElement as HTMLElement;\n        const styles = getPsuedoEditableElementStyles(editableElement);\n        const styleString = Object.entries(styles).reduce(\n            (acc, [key, value]) => {\n                return `${acc}${key}:${value};`;\n            },\n            \"\"\n        );\n        if (\n            psuedoEditableElement &&\n            (psuedoEditableElement.style.cssText !== styleString ||\n                psuedoEditableElement.style.visibility !== \"visible\")\n        ) {\n            psuedoEditableElement.style.cssText = styleString;\n            // since we are copying styles from the editableEl\n            // it will now have a visibility of hidden, which we added\n            // when creating the pseudo editable element, so make the psuedo visible\n            psuedoEditableElement.style.visibility = \"visible\";\n        }\n    }\n}\n\nfunction isSameRect(rect1: DOMRect, rect2: DOMRect) {\n    return (\n        rect1.top === rect2.top &&\n        rect1.left === rect2.left &&\n        rect1.width === rect2.width &&\n        rect1.height === rect2.height\n    );\n}\n"],"mappings":"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","names":["distanceFromTop"]}