@wix/patterns 1.213.0 → 1.216.0

package/dist/cjs/state/EntityPage/EntityPageState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_EntityPageStateBIReporter","_events","EntityPageState","constructor","params","_defineProperty2","default","EventEmitter","fetch","onSave","saveSuccessToast","saveErrorToast","formPage","FormPageState","form","_parentPageId","parentPageId","transformEntityToCollectionItem","anEntity","_parentPath","parentPath","container","_routerState","routerState","_this$_routerState$cu","_entity","currentState","_chosenEntity","entity","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","bi","EntityPageStateBIReporter","entityPageState","init","makeObservable","handleSubmit","action","observable","ref","setEntity","isFormDirty","computed","_withinRouter","_checkPageParams","initTask","onBeforeUnload","onBeforeUnloadSubscription","event","formState","isSubmitSuccessful","preventDefault","reportOnBeforeUnload","runOnce","_this$bi$appLoaded","_this$bi","data","Promise","all","status","promise","appLoaded","call","remove","retryFetch","newEntity","isFetching","flag","isDirty","_isFormDirty","val","onCancel","reportButtonClick","ctaName","navigateToParent","updatedEntity","entityStringKey","entityObject","navigate","state","navigateTo","pageId","_showErrorToast","err","e","_this$saveErrorToast","_this$container$showT","_this$container","errorToast","retry","message","showTryAgain","tryAgain","undefined","showToast","type","biName","translate","code","uiType","text","onClick","reportSaveTryAgain","removeToastOnClick","_showSuccessToast","_this$saveSuccessToas","_this$container$showT2","_this$container2","submitTask","isLoading","events","emit","isValid","extraFields","validate","run","savedEntity","onSaveResult","widgetsFormData","errorMonitor","captureException","setError","transformedItem","Error","exports"],"sources":["../../../../src/state/EntityPage/EntityPageState.ts"],"sourcesContent":["import {\n  FormPageState,\n  ReportBI,\n  WixPatternsContainer,\n  ActionsBarConfig,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FieldValues, UseFormReturn } from 'react-hook-form';\nimport { EntityPageStateBIReporter } from './EntityPageStateBIReporter';\nimport { EventEmitter, TypedEmitter } from '@wix/bex-core/events';\nimport { WixPatternsRouterState } from '../WixPatternsRouterState';\n\ntype OnSaveParams = {\n  widgetsFormData: { [key: string]: any };\n};\n\nexport interface EntityPageStateParams<T, V extends FieldValues = FieldValues> {\n  /**\n   * A function that fetches the entity data.\n   * @returns a promise that resolves to an object containing the entity.\n   */\n  fetch: () => Promise<{ entity: T | undefined }>;\n\n  /**\n   * A function to handle the save action.\n   * @returns promise that resolves to an object that contains a 'updatedEntity' object.\n   */\n  onSave: (params: OnSaveParams) => Promise<{ updatedEntity: T }>;\n\n  /**\n   * An optional object with an optional message, or it can directly get a string message.\n   */\n  saveSuccessToast?: { message?: string } | string;\n\n  /**\n   * An optional function to display an error toast message when a save operation fails.\n   * @returns An object with a `message` and an `action` object. Alternatively, it can return an object with an optional `message` and a `tryAgain` flag, or a string message.\n   * The previous return types are still supported but are now deprecated.\n   */\n  saveErrorToast?: (\n    err: unknown,\n    params: { retry: () => void },\n  ) =>\n    | {\n        message?: string;\n        /**\n         * @deprecated use `action` instead\n         */\n        tryAgain?: boolean;\n        action?: { text: string; onClick: () => void };\n      }\n    | string;\n\n  /**\n   * An optional function to transform the updated entity data before it is passed to the collection page.\n   * @param entity the updated entity.\n   * @returns an object representing the entity in the collection page.\n   */\n  transformEntityToCollectionItem?: (entity: T) => any;\n\n  form: UseFormReturn<V>;\n  /**\n   * An object representing the container, possibly for dependency injection or component management.\n   */\n  container: WixPatternsContainer;\n\n  /**\n   * A string representing the ID of the parent page.\n   * Must be passed if not using Patterns Router\n   */\n  parentPageId?: string;\n\n  /**\n   * A string representing the path of the parent page.\n   * Must be passed if using Patterns Router\n   */\n  parentPath?: string;\n\n  /**\n   * An object representing the router state\n   */\n  routerState?: WixPatternsRouterState | null;\n\n  /**\n   * An optional object to override the actions bar.\n   */\n  actionsBarConfig?: ActionsBarConfig;\n\n  /**\n   * Entity fqdn.\n   */\n  fqdn?: string;\n}\n\nexport interface EntityPageStateInterface {}\n\nexport interface EntityPageWidgetState {\n  validate: () => Promise<{ isValid: boolean; values?: any }>;\n  isDirty: boolean;\n}\n\nexport class EntityPageState<T, V extends FieldValues = FieldValues>\n  implements EntityPageStateInterface\n{\n  readonly fetch: EntityPageStateParams<T>['fetch'];\n  readonly onSave: EntityPageStateParams<T, V>['onSave'];\n  readonly saveSuccessToast?: EntityPageStateParams<T>['saveSuccessToast'];\n  readonly saveErrorToast?: EntityPageStateParams<T>['saveErrorToast'];\n  readonly transformEntityToCollectionItem: (entity: T) => any;\n\n  _entity: T | null = null;\n  private readonly _parentPageId?: string;\n  private readonly _parentPath?: string;\n\n  actionsBarConfig?: EntityPageStateParams<T>['actionsBarConfig'];\n\n  readonly container: WixPatternsContainer;\n  readonly reportBI: ReportBI;\n  readonly bi: EntityPageStateBIReporter<T, V>;\n\n  _routerState: WixPatternsRouterState | null = null;\n\n  readonly formPage: FormPageState<V>;\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    save: () => void;\n    saveError: (err: unknown) => void;\n  }>;\n\n  constructor(params: EntityPageStateParams<T, V>) {\n    this.fetch = params.fetch;\n    this.onSave = params.onSave;\n    this.saveSuccessToast = params.saveSuccessToast;\n    this.saveErrorToast = params.saveErrorToast;\n    this.formPage = new FormPageState<V>({ form: params.form });\n    this._parentPageId = params.parentPageId;\n    this.transformEntityToCollectionItem =\n      params.transformEntityToCollectionItem || ((anEntity: T) => anEntity);\n    this._parentPath = params.parentPath;\n\n    this.container = params.container;\n\n    this._routerState = params.routerState ?? null;\n\n    if (this._routerState) {\n      this._entity = this._routerState.currentState?._chosenEntity?.entity;\n    }\n\n    this.reportBI = this.container.createBILogger({\n      componentType: 'Entity page',\n      pageType: 'Entity',\n      route: window.location.pathname,\n    });\n\n    this.bi = new EntityPageStateBIReporter({\n      reportBI: this.reportBI,\n      entityPageState: this,\n    });\n    this.bi.init();\n\n    makeObservable(this, {\n      handleSubmit: action,\n      _entity: observable.ref,\n      setEntity: action,\n      isFormDirty: computed,\n      _withinRouter: computed,\n    });\n  }\n\n  init() {\n    this._checkPageParams();\n    const {\n      formPage: { initTask },\n      container,\n    } = this;\n    const { onBeforeUnload } = container;\n\n    const onBeforeUnloadSubscription = onBeforeUnload?.(\n      action((event: Event) => {\n        const { form } = this;\n        if (form.formState.isSubmitSuccessful || !this.isFormDirty) {\n          return;\n        }\n        event.preventDefault();\n        this.bi.reportOnBeforeUnload();\n      }),\n    );\n\n    initTask.runOnce(async () => {\n      const [data] = await Promise.all([\n        this.fetch(),\n        container.initTask.status.promise,\n      ]);\n\n      this.setEntity(data.entity ?? null);\n      this.bi.appLoaded?.();\n    });\n\n    return () => {\n      onBeforeUnloadSubscription?.remove();\n    };\n  }\n\n  retryFetch() {\n    this.formPage.retryFetch();\n  }\n\n  setEntity(newEntity: T | null) {\n    this._entity = newEntity;\n  }\n\n  get entity(): T | null {\n    return this._entity;\n  }\n\n  get isFetching() {\n    return this.formPage.isFetching;\n  }\n\n  get form() {\n    return this.formPage.form;\n  }\n\n  set isSubmitSuccessful(flag: boolean) {\n    this.formPage.isSubmitSuccessful = flag;\n  }\n\n  get isFormDirty() {\n    return this.formPage.isDirty;\n  }\n\n  // backwards compatibility\n  set _isFormDirty(val: boolean) {\n    this.formPage._isFormDirty = val;\n  }\n\n  get _withinRouter() {\n    return !!this._routerState;\n  }\n\n  onCancel() {\n    this.bi.reportButtonClick({ ctaName: 'Cancel' });\n    this.navigateToParent();\n  }\n\n  navigateToParent(updatedEntity?: any) {\n    const entityStringKey = this._entity ? '_updatedEntity' : '_createdEntity';\n    const entityObject = { [entityStringKey]: updatedEntity };\n\n    if (this._withinRouter) {\n      this._routerState!.navigate(this._parentPath!, { state: entityObject });\n    } else {\n      this.container.navigateTo!({\n        pageId: this._parentPageId!,\n      });\n    }\n  }\n\n  _showErrorToast(err: any, e?: React.BaseSyntheticEvent) {\n    const errorToast = this.saveErrorToast?.(err, {\n      retry: () => this.handleSubmit(e),\n    });\n    const message =\n      typeof errorToast === 'string' ? errorToast : errorToast?.message;\n    const showTryAgain =\n      typeof errorToast === 'string' ? true : errorToast?.tryAgain !== false;\n    const action =\n      typeof errorToast === 'string' ? undefined : errorToast?.action;\n\n    this.container.showToast?.({\n      type: 'ERROR',\n      biName: 'cairo-entity-page-save-error-toast',\n      message:\n        message ??\n        this.container.translate(\n          err?.code === 'ERR_NETWORK'\n            ? 'cairo.entityPage.saveError-offline.toast.description'\n            : 'cairo.entityPage.saveError-technical.toast.description',\n        ),\n      action:\n        action || showTryAgain\n          ? {\n              uiType: 'LINK',\n              text:\n                action?.text ?? this.container.translate('cairo.toast.retry'),\n              onClick: () => {\n                if (action?.onClick) {\n                  action.onClick();\n                } else {\n                  this.bi.reportSaveTryAgain();\n                  this.handleSubmit(e);\n                }\n              },\n              removeToastOnClick: true,\n            }\n          : undefined,\n    });\n  }\n\n  _showSuccessToast() {\n    const message =\n      typeof this.saveSuccessToast === 'string'\n        ? this.saveSuccessToast\n        : this.saveSuccessToast?.message;\n\n    this.container.showToast?.({\n      type: 'SUCCESS',\n      biName: 'cairo-entity-page-save-success-toast',\n      message:\n        message ?? this.container.translate('cairo.entityPage.success.toast'),\n    });\n  }\n\n  async handleSubmit(e?: React.BaseSyntheticEvent) {\n    if (this.formPage.submitTask.status.isLoading) {\n      return;\n    }\n\n    this.events.emit('save');\n\n    const { isValid, data: extraFields } = await this.formPage.validate();\n\n    if (!isValid) {\n      this.bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n      return;\n    }\n\n    const {\n      form,\n      formPage: { submitTask },\n      bi,\n    } = this;\n\n    submitTask.run(async () => {\n      let savedEntity: T | undefined;\n      await form.handleSubmit(\n        async () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: true });\n          try {\n            if (!this.isFetching) {\n              const onSaveResult = await this.onSave({\n                widgetsFormData: { ...extraFields },\n              });\n              savedEntity = onSaveResult?.updatedEntity;\n            }\n            this._showSuccessToast();\n          } catch (err) {\n            this._showErrorToast(err, e);\n            this.container.errorMonitor.captureException(err);\n            this.events.emit('saveError', err);\n            form.setError('root.serverError', {}); // https://react-hook-form.com/docs/useform/seterror\n          }\n        },\n        () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n        }, // can be used to report validation errors\n      )(e);\n\n      if (!form.formState.isSubmitSuccessful) {\n        return;\n      }\n\n      const transformedItem =\n        savedEntity && this.transformEntityToCollectionItem\n          ? this.transformEntityToCollectionItem(savedEntity)\n          : savedEntity;\n      this.navigateToParent(transformedItem);\n    });\n    await this.formPage.submitTask.status.promise;\n  }\n\n  get initTask() {\n    return this.formPage.initTask;\n  }\n\n  get submitTask() {\n    return this.formPage.submitTask;\n  }\n\n  private _checkPageParams() {\n    if (this._withinRouter) {\n      if (this._parentPath === undefined) {\n        throw new Error('parentPath was not defined in useEntityPage');\n      }\n    } else {\n      if (this._parentPageId === undefined) {\n        throw new Error('parentPageId was not defined in useEntityPage');\n      }\n\n      if (!this.container.navigateTo) {\n        throw new Error('navigateTo was not defined in Patterns Provider');\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_EntityPageStateBIReporter","_events","EntityPageState","constructor","params","_defineProperty2","default","EventEmitter","fetch","onSave","saveSuccessToast","saveErrorToast","formPage","FormPageState","form","_parentPageId","parentPageId","transformEntityToCollectionItem","anEntity","_parentPath","parentPath","container","_routerState","routerState","_this$_routerState$cu","_entity","currentState","_chosenEntity","entity","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","bi","EntityPageStateBIReporter","entityPageState","init","makeObservable","handleSubmit","action","observable","ref","setEntity","isFormDirty","computed","_withinRouter","_checkPageParams","initTask","onBeforeUnload","onBeforeUnloadSubscription","event","isMobile","matchMedia","MOBILE_BREAKPOINT","matches","formState","isSubmitSuccessful","preventDefault","reportOnBeforeUnload","runOnce","_this$bi$appLoaded","_this$bi","data","Promise","all","status","promise","appLoaded","call","remove","retryFetch","newEntity","isFetching","flag","isDirty","_isFormDirty","val","onCancel","reportButtonClick","ctaName","navigateToParent","updatedEntity","entityStringKey","entityObject","navigate","state","navigateTo","pageId","_showErrorToast","err","e","_this$saveErrorToast","_this$container$showT","_this$container","errorToast","retry","message","showTryAgain","tryAgain","undefined","showToast","type","biName","translate","code","uiType","text","onClick","reportSaveTryAgain","removeToastOnClick","_showSuccessToast","_this$saveSuccessToas","_this$container$showT2","_this$container2","submitTask","isLoading","events","emit","isValid","extraFields","validate","run","savedEntity","onSaveResult","widgetsFormData","errorMonitor","captureException","setError","transformedItem","Error","exports"],"sources":["../../../../src/state/EntityPage/EntityPageState.ts"],"sourcesContent":["import {\n  FormPageState,\n  ReportBI,\n  WixPatternsContainer,\n  ActionsBarConfig,\n  MOBILE_BREAKPOINT,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FieldValues, UseFormReturn } from 'react-hook-form';\nimport { EntityPageStateBIReporter } from './EntityPageStateBIReporter';\nimport { EventEmitter, TypedEmitter } from '@wix/bex-core/events';\nimport { WixPatternsRouterState } from '../WixPatternsRouterState';\n\ntype OnSaveParams = {\n  widgetsFormData: { [key: string]: any };\n};\n\nexport interface EntityPageStateParams<T, V extends FieldValues = FieldValues> {\n  /**\n   * A function that fetches the entity data.\n   * @returns a promise that resolves to an object containing the entity.\n   */\n  fetch: () => Promise<{ entity: T | undefined }>;\n\n  /**\n   * A function to handle the save action.\n   * @returns promise that resolves to an object that contains a 'updatedEntity' object.\n   */\n  onSave: (params: OnSaveParams) => Promise<{ updatedEntity: T }>;\n\n  /**\n   * An optional object with an optional message, or it can directly get a string message.\n   */\n  saveSuccessToast?: { message?: string } | string;\n\n  /**\n   * An optional function to display an error toast message when a save operation fails.\n   * @returns An object with a `message` and an `action` object. Alternatively, it can return an object with an optional `message` and a `tryAgain` flag, or a string message.\n   * The previous return types are still supported but are now deprecated.\n   */\n  saveErrorToast?: (\n    err: unknown,\n    params: { retry: () => void },\n  ) =>\n    | {\n        message?: string;\n        /**\n         * @deprecated use `action` instead\n         */\n        tryAgain?: boolean;\n        action?: { text: string; onClick: () => void };\n      }\n    | string;\n\n  /**\n   * An optional function to transform the updated entity data before it is passed to the collection page.\n   * @param entity the updated entity.\n   * @returns an object representing the entity in the collection page.\n   */\n  transformEntityToCollectionItem?: (entity: T) => any;\n\n  form: UseFormReturn<V>;\n  /**\n   * An object representing the container, possibly for dependency injection or component management.\n   */\n  container: WixPatternsContainer;\n\n  /**\n   * A string representing the ID of the parent page.\n   * Must be passed if not using Patterns Router\n   */\n  parentPageId?: string;\n\n  /**\n   * A string representing the path of the parent page.\n   * Must be passed if using Patterns Router\n   */\n  parentPath?: string;\n\n  /**\n   * An object representing the router state\n   */\n  routerState?: WixPatternsRouterState | null;\n\n  /**\n   * An optional object to override the actions bar.\n   */\n  actionsBarConfig?: ActionsBarConfig;\n\n  /**\n   * Entity fqdn.\n   */\n  fqdn?: string;\n}\n\nexport interface EntityPageStateInterface {}\n\nexport interface EntityPageWidgetState {\n  validate: () => Promise<{ isValid: boolean; values?: any }>;\n  isDirty: boolean;\n}\n\nexport class EntityPageState<T, V extends FieldValues = FieldValues>\n  implements EntityPageStateInterface\n{\n  readonly fetch: EntityPageStateParams<T>['fetch'];\n  readonly onSave: EntityPageStateParams<T, V>['onSave'];\n  readonly saveSuccessToast?: EntityPageStateParams<T>['saveSuccessToast'];\n  readonly saveErrorToast?: EntityPageStateParams<T>['saveErrorToast'];\n  readonly transformEntityToCollectionItem: (entity: T) => any;\n\n  _entity: T | null = null;\n  private readonly _parentPageId?: string;\n  private readonly _parentPath?: string;\n\n  actionsBarConfig?: EntityPageStateParams<T>['actionsBarConfig'];\n\n  readonly container: WixPatternsContainer;\n  readonly reportBI: ReportBI;\n  readonly bi: EntityPageStateBIReporter<T, V>;\n\n  _routerState: WixPatternsRouterState | null = null;\n\n  readonly formPage: FormPageState<V>;\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    save: () => void;\n    saveError: (err: unknown) => void;\n  }>;\n\n  constructor(params: EntityPageStateParams<T, V>) {\n    this.fetch = params.fetch;\n    this.onSave = params.onSave;\n    this.saveSuccessToast = params.saveSuccessToast;\n    this.saveErrorToast = params.saveErrorToast;\n    this.formPage = new FormPageState<V>({ form: params.form });\n    this._parentPageId = params.parentPageId;\n    this.transformEntityToCollectionItem =\n      params.transformEntityToCollectionItem || ((anEntity: T) => anEntity);\n    this._parentPath = params.parentPath;\n\n    this.container = params.container;\n\n    this._routerState = params.routerState ?? null;\n\n    if (this._routerState) {\n      this._entity = this._routerState.currentState?._chosenEntity?.entity;\n    }\n\n    this.reportBI = this.container.createBILogger({\n      componentType: 'Entity page',\n      pageType: 'Entity',\n      route: window.location.pathname,\n    });\n\n    this.bi = new EntityPageStateBIReporter({\n      reportBI: this.reportBI,\n      entityPageState: this,\n    });\n    this.bi.init();\n\n    makeObservable(this, {\n      handleSubmit: action,\n      _entity: observable.ref,\n      setEntity: action,\n      isFormDirty: computed,\n      _withinRouter: computed,\n    });\n  }\n\n  init() {\n    this._checkPageParams();\n    const {\n      formPage: { initTask },\n      container,\n    } = this;\n    const { onBeforeUnload } = container;\n\n    const onBeforeUnloadSubscription = onBeforeUnload?.(\n      action((event: Event) => {\n        const isMobile =\n          this.container.window.matchMedia &&\n          this.container.window.matchMedia(\n            `(max-width: ${MOBILE_BREAKPOINT}px)`,\n          ).matches;\n        if (isMobile) {\n          return;\n        }\n\n        const { form } = this;\n        if (form.formState.isSubmitSuccessful || !this.isFormDirty) {\n          return;\n        }\n        event.preventDefault();\n        this.bi.reportOnBeforeUnload();\n      }),\n    );\n\n    initTask.runOnce(async () => {\n      const [data] = await Promise.all([\n        this.fetch(),\n        container.initTask.status.promise,\n      ]);\n\n      this.setEntity(data.entity ?? null);\n      this.bi.appLoaded?.();\n    });\n\n    return () => {\n      onBeforeUnloadSubscription?.remove();\n    };\n  }\n\n  retryFetch() {\n    this.formPage.retryFetch();\n  }\n\n  setEntity(newEntity: T | null) {\n    this._entity = newEntity;\n  }\n\n  get entity(): T | null {\n    return this._entity;\n  }\n\n  get isFetching() {\n    return this.formPage.isFetching;\n  }\n\n  get form() {\n    return this.formPage.form;\n  }\n\n  set isSubmitSuccessful(flag: boolean) {\n    this.formPage.isSubmitSuccessful = flag;\n  }\n\n  get isFormDirty() {\n    return this.formPage.isDirty;\n  }\n\n  // backwards compatibility\n  set _isFormDirty(val: boolean) {\n    this.formPage._isFormDirty = val;\n  }\n\n  get _withinRouter() {\n    return !!this._routerState;\n  }\n\n  onCancel() {\n    this.bi.reportButtonClick({ ctaName: 'Cancel' });\n    this.navigateToParent();\n  }\n\n  navigateToParent(updatedEntity?: any) {\n    const entityStringKey = this._entity ? '_updatedEntity' : '_createdEntity';\n    const entityObject = { [entityStringKey]: updatedEntity };\n\n    if (this._withinRouter) {\n      this._routerState!.navigate(this._parentPath!, { state: entityObject });\n    } else {\n      this.container.navigateTo!({\n        pageId: this._parentPageId!,\n      });\n    }\n  }\n\n  _showErrorToast(err: any, e?: React.BaseSyntheticEvent) {\n    const errorToast = this.saveErrorToast?.(err, {\n      retry: () => this.handleSubmit(e),\n    });\n    const message =\n      typeof errorToast === 'string' ? errorToast : errorToast?.message;\n    const showTryAgain =\n      typeof errorToast === 'string' ? true : errorToast?.tryAgain !== false;\n    const action =\n      typeof errorToast === 'string' ? undefined : errorToast?.action;\n\n    this.container.showToast?.({\n      type: 'ERROR',\n      biName: 'cairo-entity-page-save-error-toast',\n      message:\n        message ??\n        this.container.translate(\n          err?.code === 'ERR_NETWORK'\n            ? 'cairo.entityPage.saveError-offline.toast.description'\n            : 'cairo.entityPage.saveError-technical.toast.description',\n        ),\n      action:\n        action || showTryAgain\n          ? {\n              uiType: 'LINK',\n              text:\n                action?.text ?? this.container.translate('cairo.toast.retry'),\n              onClick: () => {\n                if (action?.onClick) {\n                  action.onClick();\n                } else {\n                  this.bi.reportSaveTryAgain();\n                  this.handleSubmit(e);\n                }\n              },\n              removeToastOnClick: true,\n            }\n          : undefined,\n    });\n  }\n\n  _showSuccessToast() {\n    const message =\n      typeof this.saveSuccessToast === 'string'\n        ? this.saveSuccessToast\n        : this.saveSuccessToast?.message;\n\n    this.container.showToast?.({\n      type: 'SUCCESS',\n      biName: 'cairo-entity-page-save-success-toast',\n      message:\n        message ?? this.container.translate('cairo.entityPage.success.toast'),\n    });\n  }\n\n  async handleSubmit(e?: React.BaseSyntheticEvent) {\n    if (this.formPage.submitTask.status.isLoading) {\n      return;\n    }\n\n    this.events.emit('save');\n\n    const { isValid, data: extraFields } = await this.formPage.validate();\n\n    if (!isValid) {\n      this.bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n      return;\n    }\n\n    const {\n      form,\n      formPage: { submitTask },\n      bi,\n    } = this;\n\n    submitTask.run(async () => {\n      let savedEntity: T | undefined;\n      await form.handleSubmit(\n        async () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: true });\n          try {\n            if (!this.isFetching) {\n              const onSaveResult = await this.onSave({\n                widgetsFormData: { ...extraFields },\n              });\n              savedEntity = onSaveResult?.updatedEntity;\n            }\n            this._showSuccessToast();\n          } catch (err) {\n            this._showErrorToast(err, e);\n            this.container.errorMonitor.captureException(err);\n            this.events.emit('saveError', err);\n            form.setError('root.serverError', {}); // https://react-hook-form.com/docs/useform/seterror\n          }\n        },\n        () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n        }, // can be used to report validation errors\n      )(e);\n\n      if (!form.formState.isSubmitSuccessful) {\n        return;\n      }\n\n      const transformedItem =\n        savedEntity && this.transformEntityToCollectionItem\n          ? this.transformEntityToCollectionItem(savedEntity)\n          : savedEntity;\n      this.navigateToParent(transformedItem);\n    });\n    await this.formPage.submitTask.status.promise;\n  }\n\n  get initTask() {\n    return this.formPage.initTask;\n  }\n\n  get submitTask() {\n    return this.formPage.submitTask;\n  }\n\n  private _checkPageParams() {\n    if (this._withinRouter) {\n      if (this._parentPath === undefined) {\n        throw new Error('parentPath was not defined in useEntityPage');\n      }\n    } else {\n      if (this._parentPageId === undefined) {\n        throw new Error('parentPageId was not defined in useEntityPage');\n      }\n\n      if (!this.container.navigateTo) {\n        throw new Error('navigateTo was not defined in Patterns Provider');\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/EntityPage/useEntityPageHeader.js

@@ -8,6 +8,8 @@ var _providers = require("../../providers");
 var _EntityPage = require("../../components/EntityPage");
 var _FormPage = require("../FormPage");
 var _WixPatternsRouterProvider = require("../../providers/WixPatternsRouterProvider");
+var _useIsMobile = require("../../hooks/useIsMobile");
+var _designSystem = require("@wix/design-system");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/state/EntityPage/useEntityPageHeader.tsx";
 function useEntityPageHeader(child) {
   var _router$currentState;
@@ -18,7 +20,7 @@ function useEntityPageHeader(child) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 13,
+      lineNumber: 15,
       columnNumber: 5
     }
   });
@@ -28,17 +30,26 @@ function useEntityPageHeader(child) {
     subtitle = null,
     breadcrumbs = null
   } = routerEntityData || !state.isFetching ? child.props : {};
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   const header = (0, _FormPage.useFormPageHeader)(child, {
     headerProps: {
       dataHook: 'entity-page-header',
       actionsBar,
-      showBackButton: true,
+      showBackButton: !isMobile,
       onBackClicked: () => state.navigateToParent()
     },
     overrides: {
       title: title == null ? void 0 : title.text,
-      subtitle,
-      breadcrumbs
+      subtitle: isMobile ? undefined : subtitle,
+      breadcrumbs: isMobile ? /*#__PURE__*/_react.default.createElement(_designSystem.Breadcrumbs, {
+        items: [],
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 36,
+          columnNumber: 31
+        }
+      }) : breadcrumbs
     }
   });
   return header;

package/dist/cjs/state/EntityPage/useEntityPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_EntityPage","_FormPage","_WixPatternsRouterProvider","_jsxFileName","useEntityPageHeader","child","_router$currentState","state","useEntityPageContext","router","useWixPatternsRouter","actionsBar","default","createElement","EntityPageActionsBar","moreActions","props","__self","__source","fileName","lineNumber","columnNumber","routerEntityData","currentState","_chosenEntity","entity","title","subtitle","breadcrumbs","isFetching","header","useFormPageHeader","headerProps","dataHook","showBackButton","onBackClicked","navigateToParent","overrides","text"],"sources":["../../../../src/state/EntityPage/useEntityPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityPageHeaderElement } from '../../components/EntityPageHeader';\nimport { useEntityPageContext } from '../../providers';\nimport { EntityPageActionsBar } from '../../components/EntityPage';\nimport { useFormPageHeader } from '../FormPage';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\n\nexport function useEntityPageHeader(child: EntityPageHeaderElement) {\n  const state = useEntityPageContext();\n  const router = useWixPatternsRouter();\n\n  const actionsBar = (\n    <EntityPageActionsBar moreActions={child.props.moreActions} />\n  );\n\n  const routerEntityData = router?.currentState?._chosenEntity?.entity;\n  const {\n    title = null,\n    subtitle = null,\n    breadcrumbs = null,\n  } = routerEntityData || !state.isFetching ? child.props : {};\n\n  const header = useFormPageHeader(child, {\n    headerProps: {\n      dataHook: 'entity-page-header',\n      actionsBar,\n      showBackButton: true,\n      onBackClicked: () => state.navigateToParent(),\n    },\n    overrides: {\n      title: title?.text,\n      subtitle,\n      breadcrumbs,\n    },\n  });\n\n  return header;\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AAAiF,IAAAK,YAAA;AAE1E,SAASC,mBAAmBA,CAACC,KAA8B,EAAE;EAAA,IAAAC,oBAAA;EAClE,MAAMC,KAAK,GAAG,IAAAC,+BAAoB,EAAC,CAAC;EACpC,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,MAAMC,UAAU,gBACdf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,WAAA,CAAAc,oBAAoB;IAACC,WAAW,EAAEV,KAAK,CAACW,KAAK,CAACD,WAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC9D;EAED,MAAMC,gBAAgB,GAAGb,MAAM,aAAAH,oBAAA,GAANG,MAAM,CAAEc,YAAY,cAAAjB,oBAAA,GAApBA,oBAAA,CAAsBkB,aAAa,qBAAnClB,oBAAA,CAAqCmB,MAAM;EACpE,MAAM;IACJC,KAAK,GAAG,IAAI;IACZC,QAAQ,GAAG,IAAI;IACfC,WAAW,GAAG;EAChB,CAAC,GAAGN,gBAAgB,IAAI,CAACf,KAAK,CAACsB,UAAU,GAAGxB,KAAK,CAACW,KAAK,GAAG,CAAC,CAAC;EAE5D,MAAMc,MAAM,GAAG,IAAAC,2BAAiB,EAAC1B,KAAK,EAAE;IACtC2B,WAAW,EAAE;MACXC,QAAQ,EAAE,oBAAoB;MAC9BtB,UAAU;MACVuB,cAAc,EAAE,IAAI;MACpBC,aAAa,EAAEA,CAAA,KAAM5B,KAAK,CAAC6B,gBAAgB,CAAC;IAC9C,CAAC;IACDC,SAAS,EAAE;MACTX,KAAK,EAAEA,KAAK,oBAALA,KAAK,CAAEY,IAAI;MAClBX,QAAQ;MACRC;IACF;EACF,CAAC,CAAC;EAEF,OAAOE,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_EntityPage","_FormPage","_WixPatternsRouterProvider","_useIsMobile","_designSystem","_jsxFileName","useEntityPageHeader","child","_router$currentState","state","useEntityPageContext","router","useWixPatternsRouter","actionsBar","default","createElement","EntityPageActionsBar","moreActions","props","__self","__source","fileName","lineNumber","columnNumber","routerEntityData","currentState","_chosenEntity","entity","title","subtitle","breadcrumbs","isFetching","isMobile","useIsMobile","header","useFormPageHeader","headerProps","dataHook","showBackButton","onBackClicked","navigateToParent","overrides","text","undefined","Breadcrumbs","items"],"sources":["../../../../src/state/EntityPage/useEntityPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityPageHeaderElement } from '../../components/EntityPageHeader';\nimport { useEntityPageContext } from '../../providers';\nimport { EntityPageActionsBar } from '../../components/EntityPage';\nimport { useFormPageHeader } from '../FormPage';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { Breadcrumbs } from '@wix/design-system';\n\nexport function useEntityPageHeader(child: EntityPageHeaderElement) {\n  const state = useEntityPageContext();\n  const router = useWixPatternsRouter();\n\n  const actionsBar = (\n    <EntityPageActionsBar moreActions={child.props.moreActions} />\n  );\n\n  const routerEntityData = router?.currentState?._chosenEntity?.entity;\n  const {\n    title = null,\n    subtitle = null,\n    breadcrumbs = null,\n  } = routerEntityData || !state.isFetching ? child.props : {};\n  const isMobile = useIsMobile();\n\n  const header = useFormPageHeader(child, {\n    headerProps: {\n      dataHook: 'entity-page-header',\n      actionsBar,\n      showBackButton: !isMobile,\n      onBackClicked: () => state.navigateToParent(),\n    },\n    overrides: {\n      title: title?.text,\n      subtitle: isMobile ? undefined : subtitle,\n      breadcrumbs: isMobile ? <Breadcrumbs items={[]} /> : breadcrumbs,\n    },\n  });\n\n  return header;\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAAiD,IAAAO,YAAA;AAE1C,SAASC,mBAAmBA,CAACC,KAA8B,EAAE;EAAA,IAAAC,oBAAA;EAClE,MAAMC,KAAK,GAAG,IAAAC,+BAAoB,EAAC,CAAC;EACpC,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,MAAMC,UAAU,gBACdjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,WAAA,CAAAgB,oBAAoB;IAACC,WAAW,EAAEV,KAAK,CAACW,KAAK,CAACD,WAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC9D;EAED,MAAMC,gBAAgB,GAAGb,MAAM,aAAAH,oBAAA,GAANG,MAAM,CAAEc,YAAY,cAAAjB,oBAAA,GAApBA,oBAAA,CAAsBkB,aAAa,qBAAnClB,oBAAA,CAAqCmB,MAAM;EACpE,MAAM;IACJC,KAAK,GAAG,IAAI;IACZC,QAAQ,GAAG,IAAI;IACfC,WAAW,GAAG;EAChB,CAAC,GAAGN,gBAAgB,IAAI,CAACf,KAAK,CAACsB,UAAU,GAAGxB,KAAK,CAACW,KAAK,GAAG,CAAC,CAAC;EAC5D,MAAMc,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,MAAMC,MAAM,GAAG,IAAAC,2BAAiB,EAAC5B,KAAK,EAAE;IACtC6B,WAAW,EAAE;MACXC,QAAQ,EAAE,oBAAoB;MAC9BxB,UAAU;MACVyB,cAAc,EAAE,CAACN,QAAQ;MACzBO,aAAa,EAAEA,CAAA,KAAM9B,KAAK,CAAC+B,gBAAgB,CAAC;IAC9C,CAAC;IACDC,SAAS,EAAE;MACTb,KAAK,EAAEA,KAAK,oBAALA,KAAK,CAAEc,IAAI;MAClBb,QAAQ,EAAEG,QAAQ,GAAGW,SAAS,GAAGd,QAAQ;MACzCC,WAAW,EAAEE,QAAQ,gBAAGpC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAwC,WAAW;QAACC,KAAK,EAAE,EAAG;QAAA1B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,GAAGO;IACvD;EACF,CAAC,CAAC;EAEF,OAAOI,MAAM;AACf","ignoreList":[]}

package/dist/cjs/state/FormPage/FormPageHeader.st.css

@@ -0,0 +1,13 @@
+.root {
+  -st-states: mobile;
+}
+
+.root:mobile {
+  flex-direction: column;
+}
+
+.root:mobile > * {
+  margin-left: 0;
+  margin-top: 6px !important;
+  height: auto;
+}

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "FormPageHeader3259474631";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "FormPageHeader3259474631__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=FormPageHeader.st.css.js.map

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader3259474631\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"FormPageHeader3259474631__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/state/FormPage/useFormPageContent.js

@@ -10,6 +10,7 @@ var _FormPage = require("../../components/FormPage");
 var _useAutoScrollOnLoad = require("../../hooks/useAutoScrollOnLoad");
 var _bexUtils = require("@wix/bex-utils");
 var _FormFooter = require("./FormFooter");
+var _useIsMobile = require("../../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/state/FormPage/useFormPageContent.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function useFormPageContent(child, {
@@ -42,12 +43,13 @@ function useFormPageContent(child, {
     }, childrenArray[0].props.children);
   }
   (0, _useAutoScrollOnLoad.useAutoScrollOnLoad)(scrollToItem, doesItemExist);
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Page.Content, {
     key: child.key,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 94,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_bexUtils.FocusableWrapper, {
@@ -61,21 +63,23 @@ function useFormPageContent(child, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 95,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+    cols: isMobile ? 1 : undefined,
+    gap: isMobile ? '24px 0' : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 104,
       columnNumber: 9
     }
   }, childrenArray, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 109,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_FormFooter.FormFooter, {
@@ -84,7 +88,7 @@ function useFormPageContent(child, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
+      lineNumber: 110,
       columnNumber: 13
     }
   })))));

package/dist/cjs/state/FormPage/useFormPageContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_FormPageMainContent","_FormPageAdditionalContent","_FormPage","_useAutoScrollOnLoad","_bexUtils","_FormFooter","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useFormPageContent","child","elementName","MainContentElement","FormPageMainContent","AdditionalContentElement","FormPageAdditionalContent","FooterElement","FormPageActionsBar","scrollableRef","childrenArray","Children","toArray","props","children","scrollToItem","useRef","doesItemExist","process","env","NODE_ENV","every","elem","isValidElement","type","Error","length","cloneElement","span","useAutoScrollOnLoad","createElement","Page","Content","key","__self","__source","fileName","lineNumber","columnNumber","FocusableWrapper","getScrollableTrigger","triggerScrollable","current","getDoesItemExist","callback","Layout","Cell","FormFooter"],"sources":["../../../../src/state/FormPage/useFormPageContent.tsx"],"sourcesContent":["import React, {\n  Children,\n  ComponentType,\n  cloneElement,\n  isValidElement,\n  useRef,\n} from 'react';\nimport { Cell, Layout, Page } from '@wix/design-system';\nimport { FormPageMainContent } from '../../components/FormPageMainContent';\nimport { FormPageAdditionalContent } from '../../components/FormPageAdditionalContent';\nimport {\n  FormPageActionsBar,\n  FormPageActionsBarProps,\n} from '../../components/FormPage';\nimport { useAutoScrollOnLoad } from '../../hooks/useAutoScrollOnLoad';\nimport { FocusableWrapper } from '@wix/bex-utils';\nimport { FormFooter } from './FormFooter';\n\nexport function useFormPageContent(\n  child: JSX.Element,\n  {\n    elementName = 'FormPage',\n    MainContentElement = FormPageMainContent,\n    AdditionalContentElement = FormPageAdditionalContent,\n    FooterElement = FormPageActionsBar,\n    scrollableRef,\n  }: {\n    elementName?: string;\n    MainContentElement?: ComponentType<JSX.Element>;\n    AdditionalContentElement?: ComponentType<JSX.Element>;\n    FooterElement?: ComponentType<FormPageActionsBarProps>;\n    scrollableRef?: HTMLElement | null;\n  } = {},\n) {\n  const childrenArray = Children.toArray(child.props.children);\n  const scrollToItem = useRef<() => void>();\n  const doesItemExist = useRef<() => boolean>();\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (\n      !childrenArray.every(\n        (elem) =>\n          isValidElement(elem) &&\n          (elem.type === MainContentElement ||\n            elem.type === AdditionalContentElement),\n      )\n    ) {\n      throw new Error(\n        `<${elementName}.Content/> must have only <${elementName}.MainContent/> and <${elementName}.AdditionalContent/> children`,\n      );\n    }\n\n    if (childrenArray.length === 0 || childrenArray.length > 2) {\n      throw new Error(\n        `<${elementName}.Content/> must have 1 (<${elementName}.MainContent/>) or 2 (<${elementName}.MainContent/> and <${elementName}.AdditionalContent/>) children`,\n      );\n    }\n\n    if (\n      !isValidElement(childrenArray[0]) ||\n      childrenArray[0].type !== MainContentElement\n    ) {\n      throw new Error(\n        `<${elementName}.MainContent/> should be the first child of <${elementName}.Content/>`,\n      );\n    }\n\n    if (\n      childrenArray.length === 2 &&\n      (!isValidElement(childrenArray[1]) ||\n        childrenArray[1].type !== AdditionalContentElement)\n    ) {\n      throw new Error(\n        `Only <${elementName}.AdditionalContent/> can be the second child of <${elementName}.Content/>`,\n      );\n    }\n  }\n\n  if (isValidElement(childrenArray[0])) {\n    childrenArray[0] = cloneElement(\n      childrenArray[0],\n      {\n        span: childrenArray.length === 1 ? 12 : 8,\n      } as any,\n      childrenArray[0].props.children,\n    );\n  }\n\n  useAutoScrollOnLoad(scrollToItem, doesItemExist);\n\n  return (\n    <Page.Content key={child.key}>\n      <FocusableWrapper\n        scrollableRef={scrollableRef}\n        getScrollableTrigger={(triggerScrollable) => {\n          scrollToItem.current = triggerScrollable;\n        }}\n        getDoesItemExist={(callback) => {\n          doesItemExist.current = callback;\n        }}\n      >\n        <Layout>\n          {childrenArray}\n          <Cell>\n            <FormFooter\n              scrollableRef={scrollableRef}\n              FooterElement={FooterElement}\n            />\n          </Cell>\n        </Layout>\n      </FocusableWrapper>\n    </Page.Content>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_FormPageMainContent","_FormPageAdditionalContent","_FormPage","_useAutoScrollOnLoad","_bexUtils","_FormFooter","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useFormPageContent","child","elementName","MainContentElement","FormPageMainContent","AdditionalContentElement","FormPageAdditionalContent","FooterElement","FormPageActionsBar","scrollableRef","childrenArray","Children","toArray","props","children","scrollToItem","useRef","doesItemExist","process","env","NODE_ENV","every","elem","isValidElement","type","Error","length","cloneElement","span","useAutoScrollOnLoad","isMobile","useIsMobile","createElement","Page","Content","key","__self","__source","fileName","lineNumber","columnNumber","FocusableWrapper","getScrollableTrigger","triggerScrollable","current","getDoesItemExist","callback","Layout","cols","undefined","gap","Cell","FormFooter"],"sources":["../../../../src/state/FormPage/useFormPageContent.tsx"],"sourcesContent":["import React, {\n  Children,\n  ComponentType,\n  cloneElement,\n  isValidElement,\n  useRef,\n} from 'react';\nimport { Cell, Layout, Page } from '@wix/design-system';\nimport { FormPageMainContent } from '../../components/FormPageMainContent';\nimport { FormPageAdditionalContent } from '../../components/FormPageAdditionalContent';\nimport {\n  FormPageActionsBar,\n  FormPageActionsBarProps,\n} from '../../components/FormPage';\nimport { useAutoScrollOnLoad } from '../../hooks/useAutoScrollOnLoad';\nimport { FocusableWrapper } from '@wix/bex-utils';\nimport { FormFooter } from './FormFooter';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport function useFormPageContent(\n  child: JSX.Element,\n  {\n    elementName = 'FormPage',\n    MainContentElement = FormPageMainContent,\n    AdditionalContentElement = FormPageAdditionalContent,\n    FooterElement = FormPageActionsBar,\n    scrollableRef,\n  }: {\n    elementName?: string;\n    MainContentElement?: ComponentType<JSX.Element>;\n    AdditionalContentElement?: ComponentType<JSX.Element>;\n    FooterElement?: ComponentType<FormPageActionsBarProps>;\n    scrollableRef?: HTMLElement | null;\n  } = {},\n) {\n  const childrenArray = Children.toArray(child.props.children);\n  const scrollToItem = useRef<() => void>();\n  const doesItemExist = useRef<() => boolean>();\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (\n      !childrenArray.every(\n        (elem) =>\n          isValidElement(elem) &&\n          (elem.type === MainContentElement ||\n            elem.type === AdditionalContentElement),\n      )\n    ) {\n      throw new Error(\n        `<${elementName}.Content/> must have only <${elementName}.MainContent/> and <${elementName}.AdditionalContent/> children`,\n      );\n    }\n\n    if (childrenArray.length === 0 || childrenArray.length > 2) {\n      throw new Error(\n        `<${elementName}.Content/> must have 1 (<${elementName}.MainContent/>) or 2 (<${elementName}.MainContent/> and <${elementName}.AdditionalContent/>) children`,\n      );\n    }\n\n    if (\n      !isValidElement(childrenArray[0]) ||\n      childrenArray[0].type !== MainContentElement\n    ) {\n      throw new Error(\n        `<${elementName}.MainContent/> should be the first child of <${elementName}.Content/>`,\n      );\n    }\n\n    if (\n      childrenArray.length === 2 &&\n      (!isValidElement(childrenArray[1]) ||\n        childrenArray[1].type !== AdditionalContentElement)\n    ) {\n      throw new Error(\n        `Only <${elementName}.AdditionalContent/> can be the second child of <${elementName}.Content/>`,\n      );\n    }\n  }\n\n  if (isValidElement(childrenArray[0])) {\n    childrenArray[0] = cloneElement(\n      childrenArray[0],\n      {\n        span: childrenArray.length === 1 ? 12 : 8,\n      } as any,\n      childrenArray[0].props.children,\n    );\n  }\n\n  useAutoScrollOnLoad(scrollToItem, doesItemExist);\n  const isMobile = useIsMobile();\n\n  return (\n    <Page.Content key={child.key}>\n      <FocusableWrapper\n        scrollableRef={scrollableRef}\n        getScrollableTrigger={(triggerScrollable) => {\n          scrollToItem.current = triggerScrollable;\n        }}\n        getDoesItemExist={(callback) => {\n          doesItemExist.current = callback;\n        }}\n      >\n        <Layout\n          cols={isMobile ? 1 : undefined}\n          gap={isMobile ? '24px 0' : undefined}\n        >\n          {childrenArray}\n          <Cell>\n            <FormFooter\n              scrollableRef={scrollableRef}\n              FooterElement={FooterElement}\n            />\n          </Cell>\n        </Layout>\n      </FocusableWrapper>\n    </Page.Content>\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,0BAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAIA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAAsD,IAAAS,YAAA;AAAA,SAAAV,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE/C,SAASkB,kBAAkBA,CAChCC,KAAkB,EAClB;EACEC,WAAW,GAAG,UAAU;EACxBC,kBAAkB,GAAGC,wCAAmB;EACxCC,wBAAwB,GAAGC,oDAAyB;EACpDC,aAAa,GAAGC,4BAAkB;EAClCC;AAOF,CAAC,GAAG,CAAC,CAAC,EACN;EACA,MAAMC,aAAa,GAAGC,eAAQ,CAACC,OAAO,CAACX,KAAK,CAACY,KAAK,CAACC,QAAQ,CAAC;EAC5D,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAAa,CAAC;EACzC,MAAMC,aAAa,GAAG,IAAAD,aAAM,EAAgB,CAAC;EAE7C,IAAIE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IACE,CAACV,aAAa,CAACW,KAAK,CACjBC,IAAI,IACH,iBAAAC,qBAAc,EAACD,IAAI,CAAC,KACnBA,IAAI,CAACE,IAAI,KAAKrB,kBAAkB,IAC/BmB,IAAI,CAACE,IAAI,KAAKnB,wBAAwB,CAC5C,CAAC,EACD;MACA,MAAM,IAAIoB,KAAK,CACb,IAAIvB,WAAW,8BAA8BA,WAAW,uBAAuBA,WAAW,+BAC5F,CAAC;IACH;IAEA,IAAIQ,aAAa,CAACgB,MAAM,KAAK,CAAC,IAAIhB,aAAa,CAACgB,MAAM,GAAG,CAAC,EAAE;MAC1D,MAAM,IAAID,KAAK,CACb,IAAIvB,WAAW,4BAA4BA,WAAW,0BAA0BA,WAAW,uBAAuBA,WAAW,gCAC/H,CAAC;IACH;IAEA,IACE,eAAC,IAAAqB,qBAAc,EAACb,aAAa,CAAC,CAAC,CAAC,CAAC,IACjCA,aAAa,CAAC,CAAC,CAAC,CAACc,IAAI,KAAKrB,kBAAkB,EAC5C;MACA,MAAM,IAAIsB,KAAK,CACb,IAAIvB,WAAW,gDAAgDA,WAAW,YAC5E,CAAC;IACH;IAEA,IACEQ,aAAa,CAACgB,MAAM,KAAK,CAAC,KACzB,eAAC,IAAAH,qBAAc,EAACb,aAAa,CAAC,CAAC,CAAC,CAAC,IAChCA,aAAa,CAAC,CAAC,CAAC,CAACc,IAAI,KAAKnB,wBAAwB,CAAC,EACrD;MACA,MAAM,IAAIoB,KAAK,CACb,SAASvB,WAAW,oDAAoDA,WAAW,YACrF,CAAC;IACH;EACF;EAEA,iBAAI,IAAAqB,qBAAc,EAACb,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE;IACpCA,aAAa,CAAC,CAAC,CAAC,gBAAG,IAAAiB,mBAAY,EAC7BjB,aAAa,CAAC,CAAC,CAAC,EAChB;MACEkB,IAAI,EAAElB,aAAa,CAACgB,MAAM,KAAK,CAAC,GAAG,EAAE,GAAG;IAC1C,CAAC,EACDhB,aAAa,CAAC,CAAC,CAAC,CAACG,KAAK,CAACC,QACzB,CAAC;EACH;EAEA,IAAAe,wCAAmB,EAACd,YAAY,EAAEE,aAAa,CAAC;EAChD,MAAMa,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,oBACE9D,MAAA,CAAAsB,OAAA,CAAAyC,aAAA,CAAC5D,aAAA,CAAA6D,IAAI,CAACC,OAAO;IAACC,GAAG,EAAElC,KAAK,CAACkC,GAAI;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC3BvE,MAAA,CAAAsB,OAAA,CAAAyC,aAAA,CAACvD,SAAA,CAAAgE,gBAAgB;IACfhC,aAAa,EAAEA,aAAc;IAC7BiC,oBAAoB,EAAGC,iBAAiB,IAAK;MAC3C5B,YAAY,CAAC6B,OAAO,GAAGD,iBAAiB;IAC1C,CAAE;IACFE,gBAAgB,EAAGC,QAAQ,IAAK;MAC9B7B,aAAa,CAAC2B,OAAO,GAAGE,QAAQ;IAClC,CAAE;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFvE,MAAA,CAAAsB,OAAA,CAAAyC,aAAA,CAAC5D,aAAA,CAAA2E,MAAM;IACLC,IAAI,EAAElB,QAAQ,GAAG,CAAC,GAAGmB,SAAU;IAC/BC,GAAG,EAAEpB,QAAQ,GAAG,QAAQ,GAAGmB,SAAU;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpC9B,aAAa,eACdzC,MAAA,CAAAsB,OAAA,CAAAyC,aAAA,CAAC5D,aAAA,CAAA+E,IAAI;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACHvE,MAAA,CAAAsB,OAAA,CAAAyC,aAAA,CAACtD,WAAA,CAAA0E,UAAU;IACT3C,aAAa,EAAEA,aAAc;IAC7BF,aAAa,EAAEA,aAAc;IAAA6B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1D,YAAA;MAAA2D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9B,CACG,CACA,CACQ,CACN,CAAC;AAEnB","ignoreList":[]}

package/dist/cjs/state/FormPage/useFormPageHeader.js

@@ -9,12 +9,15 @@ var _designSystem = require("@wix/design-system");
 var _providers = require("../../providers");
 var _FormPage = require("../../components/FormPage");
 var _PageSubTitle = require("../../components/PageSubTitle");
+var _FormPageHeaderStCss = require("./FormPageHeader.st.css.js");
+var _useIsMobile = require("../../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/state/FormPage/useFormPageHeader.tsx";
 function useFormPageHeader(child, {
   headerProps = {},
   overrides = {}
 } = {}) {
   const state = (0, _providers.useFormPageContext)();
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   const {
     title,
     subtitle,
@@ -25,11 +28,14 @@ function useFormPageHeader(child, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
+      lineNumber: 34,
       columnNumber: 5
     }
   });
   return /*#__PURE__*/_react.default.createElement(_designSystem.Page.Header, (0, _extends2.default)({
+    className: (0, _FormPageHeaderStCss.st)(_FormPageHeaderStCss.classes.root, {
+      mobile: isMobile
+    }),
     key: child.key,
     title: !title ? /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonRectangle, {
       height: "24px",
@@ -37,10 +43,18 @@ function useFormPageHeader(child, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 36,
-        columnNumber: 23
+        lineNumber: 43,
+        columnNumber: 11
       }
-    }) : title,
+    }) : /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+      size: isMobile ? 'large' : 'extraLarge',
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 45,
+        columnNumber: 11
+      }
+    }, title),
     subtitle: !subtitle && state.isFetching ? /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonRectangle, {
       marginTop: "SP1",
       height: "12px",
@@ -48,14 +62,14 @@ function useFormPageHeader(child, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 39,
+        lineNumber: 50,
         columnNumber: 11
       }
     }) : subtitle && /*#__PURE__*/_react.default.createElement(_PageSubTitle.PageSubTitle, (0, _extends2.default)({}, subtitle, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 41,
+        lineNumber: 52,
         columnNumber: 23
       }
     })),
@@ -65,7 +79,7 @@ function useFormPageHeader(child, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 38,
       columnNumber: 5
     }
   }));

package/dist/cjs/state/FormPage/useFormPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_FormPage","_PageSubTitle","_jsxFileName","useFormPageHeader","child","headerProps","overrides","state","useFormPageContext","title","subtitle","breadcrumbs","actionsBar","default","createElement","FormPageActionsBar","moreActions","props","__self","__source","fileName","lineNumber","columnNumber","Page","Header","_extends2","key","SkeletonRectangle","height","width","isFetching","marginTop","PageSubTitle"],"sources":["../../../../src/state/FormPage/useFormPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Breadcrumbs,\n  Page,\n  PageHeaderProps,\n  SkeletonRectangle,\n} from '@wix/design-system';\nimport { useFormPageContext } from '../../providers';\nimport { FormPageActionsBar } from '../../components/FormPage';\nimport { PageSubTitle, PageSubTitleProps } from '../../components/PageSubTitle';\n\nexport function useFormPageHeader(\n  child: JSX.Element,\n  {\n    headerProps = {},\n    overrides = {},\n  }: {\n    headerProps?: PageHeaderProps;\n    overrides?: {\n      title?: string;\n      subtitle?: PageSubTitleProps | null;\n      breadcrumbs?: React.ReactElement<Breadcrumbs> | null;\n    };\n  } = {},\n) {\n  const state = useFormPageContext();\n  const { title, subtitle, breadcrumbs } = overrides;\n\n  const actionsBar = (\n    <FormPageActionsBar moreActions={child.props.moreActions} />\n  );\n\n  return (\n    <Page.Header\n      key={child.key}\n      title={!title ? <SkeletonRectangle height=\"24px\" width=\"50%\" /> : title}\n      subtitle={\n        !subtitle && state.isFetching ? (\n          <SkeletonRectangle marginTop=\"SP1\" height=\"12px\" width=\"70%\" />\n        ) : (\n          subtitle && <PageSubTitle {...subtitle} />\n        )\n      }\n      actionsBar={actionsBar}\n      breadcrumbs={breadcrumbs}\n      {...headerProps}\n    />\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAMA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAAgF,IAAAK,YAAA;AAEzE,SAASC,iBAAiBA,CAC/BC,KAAkB,EAClB;EACEC,WAAW,GAAG,CAAC,CAAC;EAChBC,SAAS,GAAG,CAAC;AAQf,CAAC,GAAG,CAAC,CAAC,EACN;EACA,MAAMC,KAAK,GAAG,IAAAC,6BAAkB,EAAC,CAAC;EAClC,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGL,SAAS;EAElD,MAAMM,UAAU,gBACdjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,SAAA,CAAAe,kBAAkB;IAACC,WAAW,EAAEZ,KAAK,CAACa,KAAK,CAACD,WAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5D;EAED,oBACE3B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAyB,IAAI,CAACC,MAAM,MAAAC,SAAA,CAAAZ,OAAA;IACVa,GAAG,EAAEtB,KAAK,CAACsB,GAAI;IACfjB,KAAK,EAAE,CAACA,KAAK,gBAAGd,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAA6B,iBAAiB;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,KAAK;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAAGb,KAAM;IACxEC,QAAQ,EACN,CAACA,QAAQ,IAAIH,KAAK,CAACuB,UAAU,gBAC3BnC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAA6B,iBAAiB;MAACI,SAAS,EAAC,KAAK;MAACH,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,KAAK;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAE/DZ,QAAQ,iBAAIf,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAA+B,YAAY,MAAAP,SAAA,CAAAZ,OAAA,MAAKH,QAAQ;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAE5C;IACDV,UAAU,EAAEA,UAAW;IACvBD,WAAW,EAAEA;EAAY,GACrBN,WAAW;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAChB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_FormPage","_PageSubTitle","_FormPageHeaderStCss","_useIsMobile","_jsxFileName","useFormPageHeader","child","headerProps","overrides","state","useFormPageContext","isMobile","useIsMobile","title","subtitle","breadcrumbs","actionsBar","default","createElement","FormPageActionsBar","moreActions","props","__self","__source","fileName","lineNumber","columnNumber","Page","Header","_extends2","className","st","classes","root","mobile","key","SkeletonRectangle","height","width","Heading","size","isFetching","marginTop","PageSubTitle"],"sources":["../../../../src/state/FormPage/useFormPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Breadcrumbs,\n  Heading,\n  Page,\n  PageHeaderProps,\n  SkeletonRectangle,\n} from '@wix/design-system';\nimport { useFormPageContext } from '../../providers';\nimport { FormPageActionsBar } from '../../components/FormPage';\nimport { PageSubTitle, PageSubTitleProps } from '../../components/PageSubTitle';\nimport { st, classes } from './FormPageHeader.st.css.js';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport function useFormPageHeader(\n  child: JSX.Element,\n  {\n    headerProps = {},\n    overrides = {},\n  }: {\n    headerProps?: PageHeaderProps;\n    overrides?: {\n      title?: string;\n      subtitle?: PageSubTitleProps | null;\n      breadcrumbs?: React.ReactElement<Breadcrumbs> | null;\n    };\n  } = {},\n) {\n  const state = useFormPageContext();\n  const isMobile = useIsMobile();\n  const { title, subtitle, breadcrumbs } = overrides;\n\n  const actionsBar = (\n    <FormPageActionsBar moreActions={child.props.moreActions} />\n  );\n\n  return (\n    <Page.Header\n      className={st(classes.root, { mobile: isMobile })}\n      key={child.key}\n      title={\n        !title ? (\n          <SkeletonRectangle height=\"24px\" width=\"50%\" />\n        ) : (\n          <Heading size={isMobile ? 'large' : 'extraLarge'}>{title}</Heading>\n        )\n      }\n      subtitle={\n        !subtitle && state.isFetching ? (\n          <SkeletonRectangle marginTop=\"SP1\" height=\"12px\" width=\"70%\" />\n        ) : (\n          subtitle && <PageSubTitle {...subtitle} />\n        )\n      }\n      actionsBar={actionsBar}\n      breadcrumbs={breadcrumbs}\n      {...headerProps}\n    />\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAOA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAAsD,IAAAO,YAAA;AAE/C,SAASC,iBAAiBA,CAC/BC,KAAkB,EAClB;EACEC,WAAW,GAAG,CAAC,CAAC;EAChBC,SAAS,GAAG,CAAC;AAQf,CAAC,GAAG,CAAC,CAAC,EACN;EACA,MAAMC,KAAK,GAAG,IAAAC,6BAAkB,EAAC,CAAC;EAClC,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAC9B,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGP,SAAS;EAElD,MAAMQ,UAAU,gBACdrB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAmB,kBAAkB;IAACC,WAAW,EAAEd,KAAK,CAACe,KAAK,CAACD,WAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5D;EAED,oBACE/B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAA6B,IAAI,CAACC,MAAM,MAAAC,SAAA,CAAAZ,OAAA;IACVa,SAAS,EAAE,IAAAC,uBAAE,EAACC,4BAAO,CAACC,IAAI,EAAE;MAAEC,MAAM,EAAEvB;IAAS,CAAC,CAAE;IAClDwB,GAAG,EAAE7B,KAAK,CAAC6B,GAAI;IACftB,KAAK,EACH,CAACA,KAAK,gBACJlB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAsC,iBAAiB;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,KAAK;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,gBAE/C/B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAyC,OAAO;MAACC,IAAI,EAAE7B,QAAQ,GAAG,OAAO,GAAG,YAAa;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEb,KAAe,CAErE;IACDC,QAAQ,EACN,CAACA,QAAQ,IAAIL,KAAK,CAACgC,UAAU,gBAC3B9C,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAsC,iBAAiB;MAACM,SAAS,EAAC,KAAK;MAACL,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,KAAK;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAE/DZ,QAAQ,iBAAInB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA0C,YAAY,MAAAd,SAAA,CAAAZ,OAAA,MAAKH,QAAQ;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAE5C;IACDV,UAAU,EAAEA,UAAW;IACvBD,WAAW,EAAEA;EAAY,GACrBR,WAAW;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAChB,CAAC;AAEN","ignoreList":[]}

package/dist/cjs/state/KanbanState/KanbanDragEndEvent.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=KanbanDragEndEvent.js.map

package/dist/cjs/state/KanbanState/KanbanDragEndEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/state/KanbanState/KanbanDragEndEvent.ts"],"sourcesContent":["import { IndexedItem } from '../../components/DragAndDrop';\n\nexport interface KanbanDragEndItemEvent<T> {\n  item: T;\n  fromColumnId?: string;\n  toColumnId?: string;\n  after: IndexedItem<T> | null;\n  over: IndexedItem<T>;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/state/KanbanState/KanbanStageState.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.KanbanStageState = void 0;
+class KanbanStageState {
+  // @ts-expect-error
+  // eslint-disable-next-line @typescript-eslint/no-useless-constructor
+  constructor(params) {}
+}
+exports.KanbanStageState = KanbanStageState;
+//# sourceMappingURL=KanbanStageState.js.map

package/dist/cjs/state/KanbanState/KanbanStageState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KanbanStageState","constructor","params","exports"],"sources":["../../../../src/state/KanbanState/KanbanStageState.ts"],"sourcesContent":["import {\n  FiltersMap,\n  OptionalFiltersMap,\n  WixPatternsContainer,\n  DataResultRaw,\n  CollectionStateParams,\n} from '@wix/bex-core';\n\nexport interface KanbanStageStateBaseParams<T> {\n  readonly container: WixPatternsContainer;\n  readonly initialPage?: DataResultRaw<T>;\n  readonly name: string;\n  readonly key: string;\n}\n\nexport interface KanbanStageStateParams<\n  T,\n  S,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends KanbanStageStateBaseParams<T> {\n  readonly fetchData: CollectionStateParams<T, F>['fetchData'];\n  readonly itemKey: CollectionStateParams<T, F>['itemKey'];\n  readonly itemName: CollectionStateParams<T, F>['itemName'];\n  readonly stage: S;\n}\n\nexport class KanbanStageState<T, S, F extends FiltersMap = OptionalFiltersMap> {\n  // @ts-expect-error\n  // eslint-disable-next-line @typescript-eslint/no-useless-constructor\n  constructor(params: KanbanStageStateParams<T, S, F>) {}\n}\n"],"mappings":";;;;AA0BO,MAAMA,gBAAgB,CAAkD;EAC7E;EACA;EACAC,WAAWA,CAACC,MAAuC,EAAE,CAAC;AACxD;AAACC,OAAA,CAAAH,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/cjs/state/KanbanState/KanbanState.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.KanbanState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+class KanbanState {
+  // @ts-expect-error
+  // eslint-disable-next-line @typescript-eslint/no-useless-constructor
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "container", void 0);
+    (0, _defineProperty2.default)(this, "kanbanStageStates", {});
+    // @ts-expect-error
+    (0, _defineProperty2.default)(this, "toolbar", void 0);
+  }
+}
+exports.KanbanState = KanbanState;
+//# sourceMappingURL=KanbanState.js.map

package/dist/cjs/state/KanbanState/KanbanState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KanbanState","constructor","params","_defineProperty2","default","exports"],"sources":["../../../../src/state/KanbanState/KanbanState.ts"],"sourcesContent":["import {\n  CollectionStateParams,\n  DataResultRaw,\n  FiltersMap,\n  OptionalFiltersMap,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { ICollectionComponentState } from '../ICollectionComponentState';\nimport { ToolbarCollectionState } from '../ToolbarCollectionState';\nimport { KanbanDragEndItemEvent } from './KanbanDragEndEvent';\nimport { KanbanStageState } from './KanbanStageState';\n\nexport type stageType = 'DONE' | 'NONE';\n\nexport interface KanbanStateBaseParams<\n  T,\n  S,\n  F extends FiltersMap = OptionalFiltersMap,\n> {\n  stages: {\n    fetchData: CollectionStateParams<S, F>['fetchData'];\n    stageKey: CollectionStateParams<S, F>['itemKey'];\n    stageName: CollectionStateParams<S, F>['itemName'];\n    stageType?(stage: S): stageType;\n  };\n  items: {\n    fetchData: CollectionStateParams<T, F>['fetchData'];\n    itemKey: CollectionStateParams<T, F>['itemKey'];\n    itemName: CollectionStateParams<T, F>['itemName'];\n    fetchAllByStageIds?: ({\n      ids,\n      filter,\n    }: {\n      ids: string[];\n      filter: F;\n    }) => Promise<Record<string, DataResultRaw<T>>>;\n    dragAndDrop?: {\n      onSubmit?: (event: KanbanDragEndItemEvent<T>) => Promise<void>;\n    };\n  };\n}\n\nexport interface KanbanStateParams<\n  T,\n  S,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends KanbanStateBaseParams<T, S, F> {\n  readonly container: WixPatternsContainer;\n}\n\nexport interface KanbanStateParamsAPI {\n  readonly toolbar: ToolbarCollectionState<unknown, {}>;\n}\n\nexport class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>\n  implements ICollectionComponentState, KanbanStateParamsAPI\n{\n  readonly container: any;\n  kanbanStageStates: Record<string, KanbanStageState<T, S, F>> = {};\n  // @ts-expect-error\n  readonly toolbar: ToolbarCollectionState<unknown, {}>;\n  // @ts-expect-error\n  // eslint-disable-next-line @typescript-eslint/no-useless-constructor\n  constructor(params: KanbanStateParams<T, S, F>) {}\n}\n"],"mappings":";;;;;;AAsDO,MAAMA,WAAW,CAExB;EAKE;EACA;EACAC,WAAWA,CAACC,MAAkC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,6BALe,CAAC,CAAC;IACjE;IAAA,IAAAD,gBAAA,CAAAC,OAAA;EAIiD;AACnD;AAACC,OAAA,CAAAL,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/state/KanbanState/index.js

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

package/dist/cjs/state/KanbanState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_KanbanState","require","Object","keys","forEach","key","exports","_KanbanDragEndEvent"],"sources":["../../../../src/state/KanbanState/index.ts"],"sourcesContent":["export * from './KanbanState';\nexport * from './KanbanDragEndEvent';\n"],"mappings":";;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,mBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,mBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,mBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,mBAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/state/TagsModalState.js

@@ -227,7 +227,7 @@ class TagsModalState {
           const resolvedError = (_this$container$error = (_this$container$error2 = this.container.errorHandler).getResolvedError) == null ? void 0 : _this$container$error.call(_this$container$error2, error);
           return {
             biName: 'cairo-save-rename-tag-error',
-            message: (resolvedError == null ? void 0 : resolvedError.message) ?? 'cairo.tags.manageTags.modal.toast.rename.error',
+            message: (resolvedError == null ? void 0 : resolvedError.message) ?? this.container.translate('cairo.tags.manageTags.modal.toast.rename.error'),
             type: 'ERROR'
           };
         }