@wix/patterns 1.56.0 → 1.58.0

package/dist/cjs/components/CustomFieldModal/CustomFieldModal.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","CustomFieldModalUniDriver","_base","body","getCustomFieldModal","MessageModalLayoutUniDriver","$","getSettingsButton","TextButtonUniDriver","getErrorStateNotification","FloatingNotificationUniDriver","getLoader","LoaderUniDriver","getFieldKeyTooltip","TextUniDriver","exists","clickConfirm","getPrimaryButtonDriver","then","driver","click","clickClose","clickCloseButton","clickCancel","getSecondaryButtonDriver","clickAdvancedSettings","isSubmitting","getFormTypeDriver","DropdownUniDriver","getFormNameDriver","InputUniDriver","getFormKeyDriver","getFormReadApps","CheckboxUniDriver","getFormWriteApps","getFormReadUsers","getFormWriteUsers","getTypeFormFieldDriver","FormFieldUniDriver","getNameFormFieldDriver","getKeyFormFieldDriver","getFormDrivers","fillInCustomFieldForm","type","name","key","permissions","dropdownLayoutDriver","clickAtOptionByDataHook","enterText","_permissions$read","_permissions$write","_permissions$read2","_permissions$write2","read","includes","write","forEach","value","isChecked","getCustomFieldFormValues","inputDriver","getValue","apps","users"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  MessageModalLayoutUniDriver,\n  DropdownUniDriver,\n  FormFieldUniDriver,\n  CheckboxUniDriver,\n  InputUniDriver,\n  TextButtonUniDriver,\n  LoaderUniDriver,\n  FloatingNotificationUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function CustomFieldModalUniDriver(_base: UniDriver, body: UniDriver) {\n  const getCustomFieldModal = () =>\n    MessageModalLayoutUniDriver(\n      body.$('[data-hook=\"custom-field-modal\"]'),\n      body,\n    );\n  const getSettingsButton = () =>\n    TextButtonUniDriver(\n      body.$('[data-hook=\"custom-field-modal-settings-button\"]'),\n      body,\n    );\n  const getErrorStateNotification = () =>\n    FloatingNotificationUniDriver(\n      body.$('[data-hook=\"custom-field-modal-error-state\"]'),\n      body,\n    );\n  const getLoader = () =>\n    LoaderUniDriver(\n      body.$('[data-hook=\"custom-field-modal-status-submitting\"]'),\n      body,\n    );\n\n  const getFieldKeyTooltip = () =>\n    TextUniDriver(\n      body.$('[data-hook=\"custom-field-modal-fieldKey-tooltip\"]'),\n      body,\n    );\n\n  const exists = () => getCustomFieldModal().exists();\n  const clickConfirm = () =>\n    getCustomFieldModal()\n      .getPrimaryButtonDriver()\n      .then((driver: any) => driver.click());\n  const clickClose = () => getCustomFieldModal().clickCloseButton();\n  const clickCancel = () =>\n    getCustomFieldModal()\n      .getSecondaryButtonDriver()\n      .then((driver: any) => driver.click());\n  const clickAdvancedSettings = () => getSettingsButton().click();\n  const isSubmitting = () => getLoader().exists();\n\n  const getFormTypeDriver = () =>\n    DropdownUniDriver(body.$('[data-hook=\"custom-field-modal-type\"]'), body);\n  const getFormNameDriver = () =>\n    InputUniDriver(body.$('[data-hook=\"custom-field-modal-name\"]'), body);\n  const getFormKeyDriver = () =>\n    InputUniDriver(body.$('[data-hook=\"custom-field-modal-key\"]'), body);\n  const getFormReadApps = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-read-apps\"]'),\n      body,\n    );\n  const getFormWriteApps = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-write-apps\"]'),\n      body,\n    );\n  const getFormReadUsers = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-read-users\"]'),\n      body,\n    );\n  const getFormWriteUsers = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-write-users\"]'),\n      body,\n    );\n\n  const getTypeFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-type\"]'),\n      body,\n    );\n  const getNameFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-name\"]'),\n      body,\n    );\n  const getKeyFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-key\"]'),\n      body,\n    );\n\n  const getFormDrivers = () => ({\n    getFormTypeDriver,\n    getFormNameDriver,\n    getFormKeyDriver,\n    getFormReadApps,\n    getFormWriteApps,\n    getFormReadUsers,\n    getFormWriteUsers,\n    getTypeFormFieldDriver,\n    getNameFormFieldDriver,\n    getKeyFormFieldDriver,\n    getFieldKeyTooltip,\n  });\n\n  const fillInCustomFieldForm = async ({\n    type,\n    name,\n    key,\n    permissions,\n  }: {\n    type?: string;\n    name?: string;\n    key?: string;\n    permissions?: {\n      read?: ('apps' | 'users')[];\n      write?: ('apps' | 'users')[];\n    };\n  }) => {\n    if (type) {\n      await getFormTypeDriver().dropdownLayoutDriver.clickAtOptionByDataHook(\n        `custom-field-modal-type-${type}`,\n      );\n    }\n\n    if (name) {\n      await getFormNameDriver().enterText(name);\n    }\n\n    if (key) {\n      await getFormKeyDriver().enterText(key);\n    }\n\n    if (permissions) {\n      (\n        [\n          [getFormReadApps(), permissions?.read?.includes('apps') ?? false],\n          [getFormWriteApps(), permissions?.write?.includes('apps') ?? false],\n          [getFormReadUsers(), permissions?.read?.includes('users') ?? false],\n          [getFormWriteUsers(), permissions?.write?.includes('users') ?? false],\n        ] as [ReturnType<typeof CheckboxUniDriver>, boolean][]\n      ).forEach(async ([driver, value]) => {\n        const isChecked = await driver.isChecked();\n\n        if ((value && !isChecked) || (!value && isChecked)) {\n          await driver.click();\n        }\n      });\n    }\n  };\n\n  const getCustomFieldFormValues = async () => {\n    return {\n      type: await getFormTypeDriver().inputDriver.getValue(),\n      name: await getFormNameDriver().getValue(),\n      key: await getFormKeyDriver().getValue(),\n      permissions: {\n        read: {\n          apps: await getFormReadApps().isChecked(),\n          users: await getFormReadUsers().isChecked(),\n        },\n        write: {\n          apps: await getFormWriteApps().isChecked(),\n          users: await getFormWriteUsers().isChecked(),\n        },\n      },\n    };\n  };\n\n  return {\n    exists,\n    clickConfirm,\n    clickClose,\n    clickCancel,\n    clickAdvancedSettings,\n    fillInCustomFieldForm,\n    getCustomFieldFormValues,\n    getFormDrivers,\n    getErrorStateNotification,\n    isSubmitting,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","CustomFieldModalUniDriver","_base","body","getCustomFieldModal","MessageModalLayoutUniDriver","$","getSettingsButton","TextButtonUniDriver","getErrorStateNotification","FloatingNotificationUniDriver","getLoader","LoaderUniDriver","getFieldKeyTooltip","TextUniDriver","exists","clickConfirm","getPrimaryButtonDriver","then","driver","click","clickClose","clickCloseButton","clickCancel","getSecondaryButtonDriver","clickAdvancedSettings","isSubmitting","getFormTypeDriver","DropdownUniDriver","getFormNameDriver","InputUniDriver","getFormKeyDriver","getFormReadApps","CheckboxUniDriver","getFormWriteApps","getFormReadUsers","getFormWriteUsers","getTypeFormFieldDriver","FormFieldUniDriver","getNameFormFieldDriver","getKeyFormFieldDriver","getSubtitle","getPermissionNote","getFormDrivers","fillInCustomFieldForm","type","name","key","permissions","dropdownLayoutDriver","clickAtOptionByDataHook","enterText","_permissions$read","_permissions$write","_permissions$read2","_permissions$write2","read","includes","write","forEach","value","isChecked","getCustomFieldFormValues","inputDriver","getValue","apps","users"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldModal.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  MessageModalLayoutUniDriver,\n  DropdownUniDriver,\n  FormFieldUniDriver,\n  CheckboxUniDriver,\n  InputUniDriver,\n  TextButtonUniDriver,\n  LoaderUniDriver,\n  FloatingNotificationUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function CustomFieldModalUniDriver(_base: UniDriver, body: UniDriver) {\n  const getCustomFieldModal = () =>\n    MessageModalLayoutUniDriver(\n      body.$('[data-hook=\"custom-field-modal\"]'),\n      body,\n    );\n  const getSettingsButton = () =>\n    TextButtonUniDriver(\n      body.$('[data-hook=\"custom-field-modal-settings-button\"]'),\n      body,\n    );\n  const getErrorStateNotification = () =>\n    FloatingNotificationUniDriver(\n      body.$('[data-hook=\"custom-field-modal-error-state\"]'),\n      body,\n    );\n  const getLoader = () =>\n    LoaderUniDriver(\n      body.$('[data-hook=\"custom-field-modal-status-submitting\"]'),\n      body,\n    );\n\n  const getFieldKeyTooltip = () =>\n    TextUniDriver(\n      body.$('[data-hook=\"custom-field-modal-fieldKey-tooltip\"]'),\n      body,\n    );\n\n  const exists = () => getCustomFieldModal().exists();\n  const clickConfirm = () =>\n    getCustomFieldModal()\n      .getPrimaryButtonDriver()\n      .then((driver: any) => driver.click());\n  const clickClose = () => getCustomFieldModal().clickCloseButton();\n  const clickCancel = () =>\n    getCustomFieldModal()\n      .getSecondaryButtonDriver()\n      .then((driver: any) => driver.click());\n  const clickAdvancedSettings = () => getSettingsButton().click();\n  const isSubmitting = () => getLoader().exists();\n\n  const getFormTypeDriver = () =>\n    DropdownUniDriver(body.$('[data-hook=\"custom-field-modal-type\"]'), body);\n  const getFormNameDriver = () =>\n    InputUniDriver(body.$('[data-hook=\"custom-field-modal-name\"]'), body);\n  const getFormKeyDriver = () =>\n    InputUniDriver(body.$('[data-hook=\"custom-field-modal-key\"]'), body);\n  const getFormReadApps = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-read-apps\"]'),\n      body,\n    );\n  const getFormWriteApps = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-write-apps\"]'),\n      body,\n    );\n  const getFormReadUsers = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-read-users\"]'),\n      body,\n    );\n  const getFormWriteUsers = () =>\n    CheckboxUniDriver(\n      body.$('[data-hook=\"custom-field-modal-write-users\"]'),\n      body,\n    );\n\n  const getTypeFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-type\"]'),\n      body,\n    );\n  const getNameFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-name\"]'),\n      body,\n    );\n  const getKeyFormFieldDriver = () =>\n    FormFieldUniDriver(\n      body.$('[data-hook=\"custom-field-modal-field-key\"]'),\n      body,\n    );\n  const getSubtitle = () => {\n    return TextUniDriver(\n      body.$('[data-hook=\"baseModalLayout-subtitle\"]'),\n      body,\n    );\n  };\n  const getPermissionNote = () => {\n    return TextUniDriver(body.$('[data-hook=\"permissions-note\"]'), body);\n  };\n\n  const getFormDrivers = () => ({\n    getFormTypeDriver,\n    getFormNameDriver,\n    getFormKeyDriver,\n    getFormReadApps,\n    getFormWriteApps,\n    getFormReadUsers,\n    getFormWriteUsers,\n    getTypeFormFieldDriver,\n    getNameFormFieldDriver,\n    getKeyFormFieldDriver,\n    getFieldKeyTooltip,\n    getSubtitle,\n    getPermissionNote,\n  });\n\n  const fillInCustomFieldForm = async ({\n    type,\n    name,\n    key,\n    permissions,\n  }: {\n    type?: string;\n    name?: string;\n    key?: string;\n    permissions?: {\n      read?: ('apps' | 'users')[];\n      write?: ('apps' | 'users')[];\n    };\n  }) => {\n    if (type) {\n      await getFormTypeDriver().dropdownLayoutDriver.clickAtOptionByDataHook(\n        `custom-field-modal-type-${type}`,\n      );\n    }\n\n    if (name) {\n      await getFormNameDriver().enterText(name);\n    }\n\n    if (key) {\n      await getFormKeyDriver().enterText(key);\n    }\n\n    if (permissions) {\n      (\n        [\n          [getFormReadApps(), permissions?.read?.includes('apps') ?? false],\n          [getFormWriteApps(), permissions?.write?.includes('apps') ?? false],\n          [getFormReadUsers(), permissions?.read?.includes('users') ?? false],\n          [getFormWriteUsers(), permissions?.write?.includes('users') ?? false],\n        ] as [ReturnType<typeof CheckboxUniDriver>, boolean][]\n      ).forEach(async ([driver, value]) => {\n        const isChecked = await driver.isChecked();\n\n        if ((value && !isChecked) || (!value && isChecked)) {\n          await driver.click();\n        }\n      });\n    }\n  };\n\n  const getCustomFieldFormValues = async () => {\n    return {\n      type: await getFormTypeDriver().inputDriver.getValue(),\n      name: await getFormNameDriver().getValue(),\n      key: await getFormKeyDriver().getValue(),\n      permissions: {\n        read: {\n          apps: await getFormReadApps().isChecked(),\n          users: await getFormReadUsers().isChecked(),\n        },\n        write: {\n          apps: await getFormWriteApps().isChecked(),\n          users: await getFormWriteUsers().isChecked(),\n        },\n      },\n    };\n  };\n\n  return {\n    exists,\n    clickConfirm,\n    clickClose,\n    clickCancel,\n    clickAdvancedSettings,\n    fillInCustomFieldForm,\n    getCustomFieldFormValues,\n    getFormDrivers,\n    getErrorStateNotification,\n    isSubmitting,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CustomFieldsViewWidgetSection917274656";
+var _namespace_ = "CustomFieldsViewWidgetSection2883386666";
 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": "CustomFieldsViewWidgetSection917274656__root",
-  "breakWord": "CustomFieldsViewWidgetSection917274656__breakWord"
+  "root": "CustomFieldsViewWidgetSection2883386666__root",
+  "breakWord": "CustomFieldsViewWidgetSection2883386666__breakWord"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldsViewWidgetSection917274656\";\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\":\"CustomFieldsViewWidgetSection917274656__root\",\"breakWord\":\"CustomFieldsViewWidgetSection917274656__breakWord\"};\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,wCAAwC;AAC1D,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,8CAA8C;EAAC,WAAW,EAAC;AAAmD,CAAC;AACrI,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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldsViewWidgetSection2883386666\";\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\":\"CustomFieldsViewWidgetSection2883386666__root\",\"breakWord\":\"CustomFieldsViewWidgetSection2883386666__breakWord\"};\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,yCAAyC;AAC3D,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,+CAA+C;EAAC,WAAW,EAAC;AAAoD,CAAC;AACvI,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/components/DragHandle/DragHandle.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "DragHandle1852262462";
+var _namespace_ = "DragHandle95186165";
 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": "DragHandle1852262462__root"
+  "root": "DragHandle95186165__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle1852262462\";\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\":\"DragHandle1852262462__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle95186165\";\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\":\"DragHandle95186165__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,oBAAoB;AACtC,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;AAA0B,CAAC;AACjD,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/components/EntityPage/EntityPage.uni.driver.js

@@ -15,9 +15,9 @@ var _default = (base, body) => {
   const cardShowsSkeletonHeader = dataHook => getCard(dataHook).showsSkeletonHeader();
   return {
     /** Returns Cancel button driver */
-    cancelButton: () => (0, _unidriver2.ButtonUniDriver)(base.$$(`[data-hook="entity-page-cancel-btn"]`).get(0), body),
+    cancelButton: () => (0, _unidriver2.ButtonUniDriver)(base.$$(`[data-hook="form-page-cancel-btn"]`).get(0), body),
     /** Returns Save button driver */
-    saveButton: () => (0, _unidriver2.ButtonUniDriver)(base.$$(`[data-hook="entity-page-save-btn"]`).get(0), body),
+    saveButton: () => (0, _unidriver2.ButtonUniDriver)(base.$$(`[data-hook="form-page-save-btn"]`).get(0), body),
     getMoreActions: dataHook => ({
       exists: () => moreActionsPopoverDriver(dataHook).exists(),
       /** Opens the manage view popover */

package/dist/cjs/components/EntityPage/EntityPage.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_EntityPageCardUni","_interopRequireDefault","_PageErrorStateUni","_default","base","body","moreActionsPopoverDriver","dataHook","PopoverMenuUniDriver","$","getCard","EntityPageCardUniDriver","cardShowsSkeletonHeader","showsSkeletonHeader","cancelButton","ButtonUniDriver","$$","get","saveButton","getMoreActions","exists","open","getTriggerElement","click","isOpen","isMenuOpen","clickAtChildByDataHook","childDataHook","clickAtChildByIndex","index","clickAtChild","childContentAt","itemContentAt","childrenCount","getExtensions","getChildByDataHook","baseUniDriverFactory","getErrorState","PageErrorStateUniDriver","getPageHeader","PageHeaderUniDriver","exports","default"],"sources":["../../../../src/components/EntityPage/EntityPage.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  PageHeaderUniDriver,\n  ButtonUniDriver,\n  PopoverMenuUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport EntityPageCardUniDriver from '../EntityPageCard/EntityPageCard.uni.driver';\n\nimport PageErrorStateUniDriver from '../PageErrorState/PageErrorState.uni.driver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const moreActionsPopoverDriver = (dataHook: string) =>\n    PopoverMenuUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body);\n\n  const getCard = (dataHook: string) =>\n    EntityPageCardUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body);\n\n  /** Check if the EntityPage.Card shows a skeleton header */\n  const cardShowsSkeletonHeader = (dataHook: string) =>\n    getCard(dataHook).showsSkeletonHeader();\n\n  return {\n    /** Returns Cancel button driver */\n    cancelButton: () =>\n      ButtonUniDriver(\n        base.$$(`[data-hook=\"entity-page-cancel-btn\"]`).get(0),\n        body,\n      ),\n    /** Returns Save button driver */\n    saveButton: () =>\n      ButtonUniDriver(\n        base.$$(`[data-hook=\"entity-page-save-btn\"]`).get(0),\n        body,\n      ),\n\n    getMoreActions: (dataHook: string) => ({\n      exists: () => moreActionsPopoverDriver(dataHook).exists(),\n\n      /** Opens the manage view popover */\n      open: () =>\n        moreActionsPopoverDriver(dataHook)\n          .getTriggerElement('more-actions-popover-button')\n          .click(),\n      /** Indicates whether the manage view popover is open */\n      isOpen: () => moreActionsPopoverDriver(dataHook).isMenuOpen(),\n\n      /** Clicks at child by data-hook */\n      clickAtChildByDataHook: (childDataHook: string) =>\n        moreActionsPopoverDriver(dataHook).clickAtChildByDataHook(\n          childDataHook,\n        ),\n\n      /** Clicks at child by index */\n      clickAtChildByIndex: (index: number) =>\n        moreActionsPopoverDriver(dataHook).clickAtChild(index),\n\n      /** Gets content at index */\n      childContentAt: (index: number) =>\n        moreActionsPopoverDriver(dataHook).itemContentAt(index),\n\n      /** Gets children count */\n      childrenCount: () => moreActionsPopoverDriver(dataHook).childrenCount(),\n    }),\n\n    /** Returns EntityPage.Card driver by dataHook */\n    getCard,\n\n    /** Returns EntityPage.Extensions driver by dataHook */\n    getExtensions: (dataHook: string) => ({\n      showsSkeletonHeader: () => cardShowsSkeletonHeader(dataHook),\n      getChildByDataHook: (childDataHook: string) =>\n        base.$(`[data-hook=\"${childDataHook}\"]`),\n      ...baseUniDriverFactory(base.$(`[data-hook=\"${dataHook}\"]`)),\n    }),\n\n    /** Returns error state driver */\n    getErrorState: () => PageErrorStateUniDriver(base, body),\n\n    /** Returns page header driver */\n    getPageHeader: () =>\n      PageHeaderUniDriver(base.$(`[data-hook=\"entity-page-header\"]`), body),\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,kBAAA,GAAAD,sBAAA,CAAAH,OAAA;AAAkF,IAAAK,QAAA,GAEnEA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACnD,MAAMC,wBAAwB,GAAIC,QAAgB,IAChD,IAAAC,gCAAoB,EAACJ,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;EAEjE,MAAMK,OAAO,GAAIH,QAAgB,IAC/B,IAAAI,0BAAuB,EAACP,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;;EAEpE;EACA,MAAMO,uBAAuB,GAAIL,QAAgB,IAC/CG,OAAO,CAACH,QAAQ,CAAC,CAACM,mBAAmB,CAAC,CAAC;EAEzC,OAAO;IACL;IACAC,YAAY,EAAEA,CAAA,KACZ,IAAAC,2BAAe,EACbX,IAAI,CAACY,EAAE,CAAC,sCAAsC,CAAC,CAACC,GAAG,CAAC,CAAC,CAAC,EACtDZ,IACF,CAAC;IACH;IACAa,UAAU,EAAEA,CAAA,KACV,IAAAH,2BAAe,EACbX,IAAI,CAACY,EAAE,CAAC,oCAAoC,CAAC,CAACC,GAAG,CAAC,CAAC,CAAC,EACpDZ,IACF,CAAC;IAEHc,cAAc,EAAGZ,QAAgB,KAAM;MACrCa,MAAM,EAAEA,CAAA,KAAMd,wBAAwB,CAACC,QAAQ,CAAC,CAACa,MAAM,CAAC,CAAC;MAEzD;MACAC,IAAI,EAAEA,CAAA,KACJf,wBAAwB,CAACC,QAAQ,CAAC,CAC/Be,iBAAiB,CAAC,6BAA6B,CAAC,CAChDC,KAAK,CAAC,CAAC;MACZ;MACAC,MAAM,EAAEA,CAAA,KAAMlB,wBAAwB,CAACC,QAAQ,CAAC,CAACkB,UAAU,CAAC,CAAC;MAE7D;MACAC,sBAAsB,EAAGC,aAAqB,IAC5CrB,wBAAwB,CAACC,QAAQ,CAAC,CAACmB,sBAAsB,CACvDC,aACF,CAAC;MAEH;MACAC,mBAAmB,EAAGC,KAAa,IACjCvB,wBAAwB,CAACC,QAAQ,CAAC,CAACuB,YAAY,CAACD,KAAK,CAAC;MAExD;MACAE,cAAc,EAAGF,KAAa,IAC5BvB,wBAAwB,CAACC,QAAQ,CAAC,CAACyB,aAAa,CAACH,KAAK,CAAC;MAEzD;MACAI,aAAa,EAAEA,CAAA,KAAM3B,wBAAwB,CAACC,QAAQ,CAAC,CAAC0B,aAAa,CAAC;IACxE,CAAC,CAAC;IAEF;IACAvB,OAAO;IAEP;IACAwB,aAAa,EAAG3B,QAAgB,KAAM;MACpCM,mBAAmB,EAAEA,CAAA,KAAMD,uBAAuB,CAACL,QAAQ,CAAC;MAC5D4B,kBAAkB,EAAGR,aAAqB,IACxCvB,IAAI,CAACK,CAAC,CAAC,eAAekB,aAAa,IAAI,CAAC;MAC1C,GAAG,IAAAS,+BAAoB,EAAChC,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC;IAC7D,CAAC,CAAC;IAEF;IACA8B,aAAa,EAAEA,CAAA,KAAM,IAAAC,0BAAuB,EAAClC,IAAI,EAAEC,IAAI,CAAC;IAExD;IACAkC,aAAa,EAAEA,CAAA,KACb,IAAAC,+BAAmB,EAACpC,IAAI,CAACK,CAAC,CAAC,kCAAkC,CAAC,EAAEJ,IAAI,CAAC;IACvE,GAAG,IAAA+B,+BAAoB,EAAChC,IAAI;EAC9B,CAAC;AACH,CAAC;AAAAqC,OAAA,CAAAC,OAAA,GAAAvC,QAAA","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_EntityPageCardUni","_interopRequireDefault","_PageErrorStateUni","_default","base","body","moreActionsPopoverDriver","dataHook","PopoverMenuUniDriver","$","getCard","EntityPageCardUniDriver","cardShowsSkeletonHeader","showsSkeletonHeader","cancelButton","ButtonUniDriver","$$","get","saveButton","getMoreActions","exists","open","getTriggerElement","click","isOpen","isMenuOpen","clickAtChildByDataHook","childDataHook","clickAtChildByIndex","index","clickAtChild","childContentAt","itemContentAt","childrenCount","getExtensions","getChildByDataHook","baseUniDriverFactory","getErrorState","PageErrorStateUniDriver","getPageHeader","PageHeaderUniDriver","exports","default"],"sources":["../../../../src/components/EntityPage/EntityPage.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  PageHeaderUniDriver,\n  ButtonUniDriver,\n  PopoverMenuUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport EntityPageCardUniDriver from '../EntityPageCard/EntityPageCard.uni.driver';\n\nimport PageErrorStateUniDriver from '../PageErrorState/PageErrorState.uni.driver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const moreActionsPopoverDriver = (dataHook: string) =>\n    PopoverMenuUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body);\n\n  const getCard = (dataHook: string) =>\n    EntityPageCardUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body);\n\n  /** Check if the EntityPage.Card shows a skeleton header */\n  const cardShowsSkeletonHeader = (dataHook: string) =>\n    getCard(dataHook).showsSkeletonHeader();\n\n  return {\n    /** Returns Cancel button driver */\n    cancelButton: () =>\n      ButtonUniDriver(\n        base.$$(`[data-hook=\"form-page-cancel-btn\"]`).get(0),\n        body,\n      ),\n    /** Returns Save button driver */\n    saveButton: () =>\n      ButtonUniDriver(\n        base.$$(`[data-hook=\"form-page-save-btn\"]`).get(0),\n        body,\n      ),\n\n    getMoreActions: (dataHook: string) => ({\n      exists: () => moreActionsPopoverDriver(dataHook).exists(),\n\n      /** Opens the manage view popover */\n      open: () =>\n        moreActionsPopoverDriver(dataHook)\n          .getTriggerElement('more-actions-popover-button')\n          .click(),\n      /** Indicates whether the manage view popover is open */\n      isOpen: () => moreActionsPopoverDriver(dataHook).isMenuOpen(),\n\n      /** Clicks at child by data-hook */\n      clickAtChildByDataHook: (childDataHook: string) =>\n        moreActionsPopoverDriver(dataHook).clickAtChildByDataHook(\n          childDataHook,\n        ),\n\n      /** Clicks at child by index */\n      clickAtChildByIndex: (index: number) =>\n        moreActionsPopoverDriver(dataHook).clickAtChild(index),\n\n      /** Gets content at index */\n      childContentAt: (index: number) =>\n        moreActionsPopoverDriver(dataHook).itemContentAt(index),\n\n      /** Gets children count */\n      childrenCount: () => moreActionsPopoverDriver(dataHook).childrenCount(),\n    }),\n\n    /** Returns EntityPage.Card driver by dataHook */\n    getCard,\n\n    /** Returns EntityPage.Extensions driver by dataHook */\n    getExtensions: (dataHook: string) => ({\n      showsSkeletonHeader: () => cardShowsSkeletonHeader(dataHook),\n      getChildByDataHook: (childDataHook: string) =>\n        base.$(`[data-hook=\"${childDataHook}\"]`),\n      ...baseUniDriverFactory(base.$(`[data-hook=\"${dataHook}\"]`)),\n    }),\n\n    /** Returns error state driver */\n    getErrorState: () => PageErrorStateUniDriver(base, body),\n\n    /** Returns page header driver */\n    getPageHeader: () =>\n      PageHeaderUniDriver(base.$(`[data-hook=\"entity-page-header\"]`), body),\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,kBAAA,GAAAD,sBAAA,CAAAH,OAAA;AAAkF,IAAAK,QAAA,GAEnEA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACnD,MAAMC,wBAAwB,GAAIC,QAAgB,IAChD,IAAAC,gCAAoB,EAACJ,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;EAEjE,MAAMK,OAAO,GAAIH,QAAgB,IAC/B,IAAAI,0BAAuB,EAACP,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;;EAEpE;EACA,MAAMO,uBAAuB,GAAIL,QAAgB,IAC/CG,OAAO,CAACH,QAAQ,CAAC,CAACM,mBAAmB,CAAC,CAAC;EAEzC,OAAO;IACL;IACAC,YAAY,EAAEA,CAAA,KACZ,IAAAC,2BAAe,EACbX,IAAI,CAACY,EAAE,CAAC,oCAAoC,CAAC,CAACC,GAAG,CAAC,CAAC,CAAC,EACpDZ,IACF,CAAC;IACH;IACAa,UAAU,EAAEA,CAAA,KACV,IAAAH,2BAAe,EACbX,IAAI,CAACY,EAAE,CAAC,kCAAkC,CAAC,CAACC,GAAG,CAAC,CAAC,CAAC,EAClDZ,IACF,CAAC;IAEHc,cAAc,EAAGZ,QAAgB,KAAM;MACrCa,MAAM,EAAEA,CAAA,KAAMd,wBAAwB,CAACC,QAAQ,CAAC,CAACa,MAAM,CAAC,CAAC;MAEzD;MACAC,IAAI,EAAEA,CAAA,KACJf,wBAAwB,CAACC,QAAQ,CAAC,CAC/Be,iBAAiB,CAAC,6BAA6B,CAAC,CAChDC,KAAK,CAAC,CAAC;MACZ;MACAC,MAAM,EAAEA,CAAA,KAAMlB,wBAAwB,CAACC,QAAQ,CAAC,CAACkB,UAAU,CAAC,CAAC;MAE7D;MACAC,sBAAsB,EAAGC,aAAqB,IAC5CrB,wBAAwB,CAACC,QAAQ,CAAC,CAACmB,sBAAsB,CACvDC,aACF,CAAC;MAEH;MACAC,mBAAmB,EAAGC,KAAa,IACjCvB,wBAAwB,CAACC,QAAQ,CAAC,CAACuB,YAAY,CAACD,KAAK,CAAC;MAExD;MACAE,cAAc,EAAGF,KAAa,IAC5BvB,wBAAwB,CAACC,QAAQ,CAAC,CAACyB,aAAa,CAACH,KAAK,CAAC;MAEzD;MACAI,aAAa,EAAEA,CAAA,KAAM3B,wBAAwB,CAACC,QAAQ,CAAC,CAAC0B,aAAa,CAAC;IACxE,CAAC,CAAC;IAEF;IACAvB,OAAO;IAEP;IACAwB,aAAa,EAAG3B,QAAgB,KAAM;MACpCM,mBAAmB,EAAEA,CAAA,KAAMD,uBAAuB,CAACL,QAAQ,CAAC;MAC5D4B,kBAAkB,EAAGR,aAAqB,IACxCvB,IAAI,CAACK,CAAC,CAAC,eAAekB,aAAa,IAAI,CAAC;MAC1C,GAAG,IAAAS,+BAAoB,EAAChC,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC;IAC7D,CAAC,CAAC;IAEF;IACA8B,aAAa,EAAEA,CAAA,KAAM,IAAAC,0BAAuB,EAAClC,IAAI,EAAEC,IAAI,CAAC;IAExD;IACAkC,aAAa,EAAEA,CAAA,KACb,IAAAC,+BAAmB,EAACpC,IAAI,CAACK,CAAC,CAAC,kCAAkC,CAAC,EAAEJ,IAAI,CAAC;IACvE,GAAG,IAAA+B,+BAAoB,EAAChC,IAAI;EAC9B,CAAC;AACH,CAAC;AAAAqC,OAAA,CAAAC,OAAA,GAAAvC,QAAA","ignoreList":[]}

package/dist/cjs/components/EntityPage/EntityPageActionsBar.js

@@ -4,59 +4,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.EntityPageActionsBar = void 0;
 exports._EntityPageActionsBar = _EntityPageActionsBar;
-var _designSystem = require("@wix/design-system");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@wix/bex-core/react");
 var _providers = require("../../providers");
 var _mobxReactLite = require("mobx-react-lite");
+var _FormPage = require("../FormPage");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/EntityPage/EntityPageActionsBar.tsx";
-function _EntityPageActionsBar({
-  moreActions
-}) {
-  const {
-    translate: t,
-    initTask
-  } = (0, _react2.useWixPatternsContainer)();
+function _EntityPageActionsBar(props) {
   const state = (0, _providers.useEntityPageContext)();
-  if (!initTask.status.isSuccess) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    gap: "SP2",
+  return /*#__PURE__*/_react.default.createElement(_FormPage.FormPageActionsBar, (0, _extends2.default)({
+    onCancel: state.onCancel.bind(state),
+    onSave: state.handleSubmit.bind(state)
+  }, props, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
+      lineNumber: 15,
       columnNumber: 5
     }
-  }, moreActions, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
-    priority: "secondary",
-    dataHook: "entity-page-cancel-btn",
-    onClick: state.onCancel.bind(state),
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 25,
-      columnNumber: 7
-    }
-  }, t('cairo.entityPage.header.cancel.CTA')), /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
-    dataHook: "entity-page-save-btn",
-    onClick: state.handleSubmit.bind(state),
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 32,
-      columnNumber: 7
-    }
-  }, state.submitTask.status.isLoading ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
-    size: "tiny",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 37,
-      columnNumber: 11
-    }
-  }) : t('cairo.entityPage.header.save.CTA')));
+  }));
 }
 const EntityPageActionsBar = exports.EntityPageActionsBar = (0, _mobxReactLite.observer)(_EntityPageActionsBar);
 //# sourceMappingURL=EntityPageActionsBar.js.map

package/dist/cjs/components/EntityPage/EntityPageActionsBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_providers","_mobxReactLite","_jsxFileName","_EntityPageActionsBar","moreActions","translate","t","initTask","useWixPatternsContainer","state","useEntityPageContext","status","isSuccess","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","Button","priority","dataHook","onClick","onCancel","bind","handleSubmit","submitTask","isLoading","Loader","size","EntityPageActionsBar","exports","observer"],"sources":["../../../../src/components/EntityPage/EntityPageActionsBar.tsx"],"sourcesContent":["import { Box, Button, Loader } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useEntityPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsElement } from '../MoreActions';\n\ninterface EntityPageActionsBarProps {\n  moreActions?: MoreActionsElement;\n}\n\nexport function _EntityPageActionsBar({\n  moreActions,\n}: EntityPageActionsBarProps) {\n  const { translate: t, initTask } = useWixPatternsContainer();\n  const state = useEntityPageContext();\n\n  if (!initTask.status.isSuccess) {\n    return null;\n  }\n\n  return (\n    <Box gap=\"SP2\">\n      {moreActions}\n      <Button\n        priority=\"secondary\"\n        dataHook=\"entity-page-cancel-btn\"\n        onClick={state.onCancel.bind(state)}\n      >\n        {t('cairo.entityPage.header.cancel.CTA')}\n      </Button>\n      <Button\n        dataHook=\"entity-page-save-btn\"\n        onClick={state.handleSubmit.bind(state)}\n      >\n        {state.submitTask.status.isLoading ? (\n          <Loader size=\"tiny\" />\n        ) : (\n          t('cairo.entityPage.header.save.CTA')\n        )}\n      </Button>\n    </Box>\n  );\n}\n\nexport const EntityPageActionsBar = observer(_EntityPageActionsBar);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA2C,IAAAM,YAAA;AAOpC,SAASC,qBAAqBA,CAAC;EACpCC;AACyB,CAAC,EAAE;EAC5B,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,MAAMC,KAAK,GAAG,IAAAC,+BAAoB,EAAC,CAAC;EAEpC,IAAI,CAACH,QAAQ,CAACI,MAAM,CAACC,SAAS,EAAE;IAC9B,OAAO,IAAI;EACb;EAEA,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAoB,GAAG;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACXjB,WAAW,eACZP,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA2B,MAAM;IACLC,QAAQ,EAAC,WAAW;IACpBC,QAAQ,EAAC,wBAAwB;IACjCC,OAAO,EAAEhB,KAAK,CAACiB,QAAQ,CAACC,IAAI,CAAClB,KAAK,CAAE;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEnCf,CAAC,CAAC,oCAAoC,CACjC,CAAC,eACTT,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA2B,MAAM;IACLE,QAAQ,EAAC,sBAAsB;IAC/BC,OAAO,EAAEhB,KAAK,CAACmB,YAAY,CAACD,IAAI,CAAClB,KAAK,CAAE;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvCZ,KAAK,CAACoB,UAAU,CAAClB,MAAM,CAACmB,SAAS,gBAChCjC,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAoC,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAEtBf,CAAC,CAAC,kCAAkC,CAEhC,CACL,CAAC;AAEV;AAEO,MAAM2B,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAAChC,qBAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_mobxReactLite","_FormPage","_jsxFileName","_EntityPageActionsBar","props","state","useEntityPageContext","default","createElement","FormPageActionsBar","_extends2","onCancel","bind","onSave","handleSubmit","__self","__source","fileName","lineNumber","columnNumber","EntityPageActionsBar","exports","observer"],"sources":["../../../../src/components/EntityPage/EntityPageActionsBar.tsx"],"sourcesContent":["import React from 'react';\nimport { useEntityPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsElement } from '../MoreActions';\nimport { FormPageActionsBar } from '../FormPage';\n\ninterface EntityPageActionsBarProps {\n  moreActions?: MoreActionsElement;\n}\n\nexport function _EntityPageActionsBar(props: EntityPageActionsBarProps) {\n  const state = useEntityPageContext();\n\n  return (\n    <FormPageActionsBar\n      onCancel={state.onCancel.bind(state)}\n      onSave={state.handleSubmit.bind(state)}\n      {...props}\n    />\n  );\n}\n\nexport const EntityPageActionsBar = observer(_EntityPageActionsBar);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAiD,IAAAI,YAAA;AAM1C,SAASC,qBAAqBA,CAACC,KAAgC,EAAE;EACtE,MAAMC,KAAK,GAAG,IAAAC,+BAAoB,EAAC,CAAC;EAEpC,oBACEV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAQ,kBAAkB,MAAAC,SAAA,CAAAH,OAAA;IACjBI,QAAQ,EAAEN,KAAK,CAACM,QAAQ,CAACC,IAAI,CAACP,KAAK,CAAE;IACrCQ,MAAM,EAAER,KAAK,CAACS,YAAY,CAACF,IAAI,CAACP,KAAK;EAAE,GACnCD,KAAK;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACV,CAAC;AAEN;AAEO,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACnB,qBAAqB,CAAC","ignoreList":[]}

package/dist/cjs/components/EntityPageAdditionalContent/EntityPageAdditionalContent.js

@@ -5,32 +5,17 @@ exports.__esModule = true;
 exports.EntityPageAdditionalContent = EntityPageAdditionalContent;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _designSystem = require("@wix/design-system");
+var _FormPageAdditionalContent = require("../FormPageAdditionalContent");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/EntityPageAdditionalContent/EntityPageAdditionalContent.tsx";
 function EntityPageAdditionalContent(props) {
-  const {
-    children,
-    ...rest
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Cell, (0, _extends2.default)({
-    span: 4
-  }, rest, {
+  return /*#__PURE__*/_react.default.createElement(_FormPageAdditionalContent.FormPageAdditionalContent, (0, _extends2.default)({}, props, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 17,
-      columnNumber: 5
+      lineNumber: 9,
+      columnNumber: 10
     }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    direction: "vertical",
-    gap: "SP4",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 18,
-      columnNumber: 7
-    }
-  }, children));
+  }));
 }
 EntityPageAdditionalContent.displayName = 'EntityPageAdditionalContent';
 //# sourceMappingURL=EntityPageAdditionalContent.js.map

package/dist/cjs/components/EntityPageAdditionalContent/EntityPageAdditionalContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","EntityPageAdditionalContent","props","children","rest","default","createElement","Cell","_extends2","span","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","displayName"],"sources":["../../../../src/components/EntityPageAdditionalContent/EntityPageAdditionalContent.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, Cell } from '@wix/design-system';\n\nexport interface EntityPageAdditionalContentProps {\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests\n   */\n  dataHook?: string;\n  children?: ReactNode;\n}\n\nexport function EntityPageAdditionalContent(\n  props: EntityPageAdditionalContentProps,\n) {\n  const { children, ...rest } = props;\n  return (\n    <Cell span={4} {...rest}>\n      <Box direction=\"vertical\" gap=\"SP4\">\n        {children}\n      </Box>\n    </Cell>\n  );\n}\n\nEntityPageAdditionalContent.displayName = 'EntityPageAdditionalContent';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA+C,IAAAE,YAAA;AAUxC,SAASC,2BAA2BA,CACzCC,KAAuC,EACvC;EACA,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EACnC,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,IAAI,MAAAC,SAAA,CAAAH,OAAA;IAACI,IAAI,EAAE;EAAE,GAAKL,IAAI;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACrBlB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAgB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChCX,QACE,CACD,CAAC;AAEX;AAEAF,2BAA2B,CAACiB,WAAW,GAAG,6BAA6B","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_FormPageAdditionalContent","_jsxFileName","EntityPageAdditionalContent","props","default","createElement","FormPageAdditionalContent","_extends2","__self","__source","fileName","lineNumber","columnNumber","displayName"],"sources":["../../../../src/components/EntityPageAdditionalContent/EntityPageAdditionalContent.tsx"],"sourcesContent":["import React from 'react';\nimport { FormPageAdditionalContent, FormPageAdditionalContentProps } from '../FormPageAdditionalContent';\n\nexport interface EntityPageAdditionalContentProps extends FormPageAdditionalContentProps {}\n\nexport function EntityPageAdditionalContent(\n  props: EntityPageAdditionalContentProps,\n) {\n  return <FormPageAdditionalContent {...props} />\n}\n\nEntityPageAdditionalContent.displayName = 'EntityPageAdditionalContent';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AAAyG,IAAAE,YAAA;AAIlG,SAASC,2BAA2BA,CACzCC,KAAuC,EACvC;EACA,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,0BAAA,CAAAM,yBAAyB,MAAAC,SAAA,CAAAH,OAAA,MAAKD,KAAK;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AACjD;AAEAV,2BAA2B,CAACW,WAAW,GAAG,6BAA6B","ignoreList":[]}

package/dist/cjs/components/EntityPageCard/EntityPageCard.js

@@ -6,24 +6,15 @@ exports.EntityPageCard = void 0;
 exports._EntityPageCard = _EntityPageCard;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _providers = require("../../providers");
 var _mobxReactLite = require("mobx-react-lite");
-var _CardContainer = require("../CardContainer");
+var _FormPageCard = require("../FormPageCard");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/EntityPageCard/EntityPageCard.tsx";
 function _EntityPageCard(props) {
-  const {
-    status: statusProp,
-    ...rest
-  } = props;
-  const pageState = (0, _providers.useEntityPageContext)();
-  const status = !pageState || pageState.isFetching ? 'loading' : statusProp;
-  return /*#__PURE__*/_react.default.createElement(_CardContainer.CardContainer, (0, _extends2.default)({
-    status: status
-  }, rest, {
+  return /*#__PURE__*/_react.default.createElement(_FormPageCard.FormPageCard, (0, _extends2.default)({}, props, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 13,
+      lineNumber: 8,
       columnNumber: 10
     }
   }));

package/dist/cjs/components/EntityPageCard/EntityPageCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_mobxReactLite","_CardContainer","_jsxFileName","_EntityPageCard","props","status","statusProp","rest","pageState","useEntityPageContext","isFetching","default","createElement","CardContainer","_extends2","__self","__source","fileName","lineNumber","columnNumber","displayName","EntityPageCard","exports","observer"],"sources":["../../../../src/components/EntityPageCard/EntityPageCard.tsx"],"sourcesContent":["import React from 'react';\nimport { useEntityPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\nimport { CardContainer, CardContainerProps } from '../CardContainer';\n\nexport interface EntityPageCardProps extends CardContainerProps {}\n\nexport function _EntityPageCard(props: EntityPageCardProps) {\n  const { status: statusProp, ...rest } = props;\n  const pageState = useEntityPageContext();\n  const status = !pageState || pageState.isFetching ? 'loading' : statusProp;\n\n  return <CardContainer status={status} {...rest} />;\n}\n\n_EntityPageCard.displayName = 'EntityPageCard';\n\nexport const EntityPageCard = observer(_EntityPageCard);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAAqE,IAAAI,YAAA;AAI9D,SAASC,eAAeA,CAACC,KAA0B,EAAE;EAC1D,MAAM;IAAEC,MAAM,EAAEC,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC7C,MAAMI,SAAS,GAAG,IAAAC,+BAAoB,EAAC,CAAC;EACxC,MAAMJ,MAAM,GAAG,CAACG,SAAS,IAAIA,SAAS,CAACE,UAAU,GAAG,SAAS,GAAGJ,UAAU;EAE1E,oBAAOV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,cAAA,CAAAY,aAAa,MAAAC,SAAA,CAAAH,OAAA;IAACN,MAAM,EAAEA;EAAO,GAAKE,IAAI;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AACpD;AAEAhB,eAAe,CAACiB,WAAW,GAAG,gBAAgB;AAEvC,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAACpB,eAAe,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_FormPageCard","_jsxFileName","_EntityPageCard","props","default","createElement","FormPageCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","displayName","EntityPageCard","exports","observer"],"sources":["../../../../src/components/EntityPageCard/EntityPageCard.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FormPageCard, FormPageCardProps } from '../FormPageCard';\n\nexport interface EntityPageCardProps extends FormPageCardProps {}\n\nexport function _EntityPageCard(props: EntityPageCardProps) {\n  return <FormPageCard {...props}/>;\n}\n\n_EntityPageCard.displayName = 'EntityPageCard';\n\nexport const EntityPageCard = observer(_EntityPageCard);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAkE,IAAAG,YAAA;AAI3D,SAASC,eAAeA,CAACC,KAA0B,EAAE;EAC1D,oBAAOP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,aAAA,CAAAM,YAAY,MAAAC,SAAA,CAAAH,OAAA,MAAKD,KAAK;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CAAC;AACnC;AAEAV,eAAe,CAACW,WAAW,GAAG,gBAAgB;AAEvC,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAACd,eAAe,CAAC","ignoreList":[]}

package/dist/cjs/components/EntityPageCard/EntityPageCard.uni.driver.js

@@ -3,9 +3,9 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _CardContainerUni = _interopRequireDefault(require("../CardContainer/CardContainer.uni.driver"));
+var _FormPageCardUni = _interopRequireDefault(require("../FormPageCard/FormPageCard.uni.driver"));
 var _default = (base, body) => {
-  return (0, _CardContainerUni.default)(base, body);
+  return (0, _FormPageCardUni.default)(base, body);
 };
 exports.default = _default;
 //# sourceMappingURL=EntityPageCard.uni.driver.js.map

package/dist/cjs/components/EntityPageCard/EntityPageCard.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_CardContainerUni","_interopRequireDefault","require","_default","base","body","CardContainerUniDriver","exports","default"],"sources":["../../../../src/components/EntityPageCard/EntityPageCard.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport CardContainerUniDriver from '../CardContainer/CardContainer.uni.driver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  return CardContainerUniDriver(base, body);\n};\n"],"mappings":";;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA+E,IAAAC,QAAA,GAEhEA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACnD,OAAO,IAAAC,yBAAsB,EAACF,IAAI,EAAEC,IAAI,CAAC;AAC3C,CAAC;AAAAE,OAAA,CAAAC,OAAA,GAAAL,QAAA","ignoreList":[]}
+{"version":3,"names":["_FormPageCardUni","_interopRequireDefault","require","_default","base","body","FormPageCardUniDriver","exports","default"],"sources":["../../../../src/components/EntityPageCard/EntityPageCard.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport FormPageCardUniDriver from '../FormPageCard/FormPageCard.uni.driver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  return FormPageCardUniDriver(base, body);\n};\n"],"mappings":";;;;;AACA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4E,IAAAC,QAAA,GAE7DA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACnD,OAAO,IAAAC,wBAAqB,EAACF,IAAI,EAAEC,IAAI,CAAC;AAC1C,CAAC;AAAAE,OAAA,CAAAC,OAAA,GAAAL,QAAA","ignoreList":[]}

package/dist/cjs/components/EntityPageHeader/EntityPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_EntityPage","require","EntityPageHeader","_props","useEntityPageHeader","displayName"],"sources":["../../../../src/components/EntityPageHeader/EntityPageHeader.tsx"],"sourcesContent":["import { Breadcrumbs } from '@wix/design-system';\nimport { ReactElement } from 'react';\nimport { useEntityPageHeader } from '../../state/EntityPage';\nimport { MoreActionsElement } from '../MoreActions';\nimport { PageSubTitleProps } from '../PageSubTitle';\n\nexport interface EntityPageHeaderProps {\n  /**\n   * <MoreActions />\n   */\n  moreActions?: MoreActionsElement;\n  /**\n   * Page breadcrumbs\n   */\n  breadcrumbs?: ReactElement<Breadcrumbs>;\n  /**\n   * Page title text\n   */\n  title: { text: string };\n  /**\n   * Page subtitle text\n   */\n  subtitle?: PageSubTitleProps;\n}\n\nexport type EntityPageHeaderElement = ReactElement<\n  EntityPageHeaderProps,\n  typeof EntityPageHeader\n>;\n\nexport function EntityPageHeader(_props: EntityPageHeaderProps) {\n  return null;\n}\n\nEntityPageHeader.useEntityPageHeader = useEntityPageHeader;\nEntityPageHeader.displayName = 'EntityPageHeader';\n"],"mappings":";;;;AAEA,IAAAA,WAAA,GAAAC,OAAA;AA4BO,SAASC,gBAAgBA,CAACC,MAA6B,EAAE;EAC9D,OAAO,IAAI;AACb;AAEAD,gBAAgB,CAACE,mBAAmB,GAAGA,+BAAmB;AAC1DF,gBAAgB,CAACG,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_EntityPage","require","EntityPageHeader","_props","useEntityPageHeader","displayName"],"sources":["../../../../src/components/EntityPageHeader/EntityPageHeader.tsx"],"sourcesContent":["import { ReactElement } from 'react';\nimport { useEntityPageHeader } from '../../state/EntityPage';\nimport { FormPageHeaderProps } from '../FormPageHeader';\n\nexport interface EntityPageHeaderProps extends FormPageHeaderProps {\n}\n\nexport type EntityPageHeaderElement = ReactElement<\nEntityPageHeaderProps,\n  typeof EntityPageHeader\n>;\n\nexport function EntityPageHeader(_props: EntityPageHeaderProps) {\n  return null;\n}\n\nEntityPageHeader.useEntityPageHeader = useEntityPageHeader;\nEntityPageHeader.displayName = 'EntityPageHeader';\n"],"mappings":";;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AAWO,SAASC,gBAAgBA,CAACC,MAA6B,EAAE;EAC9D,OAAO,IAAI;AACb;AAEAD,gBAAgB,CAACE,mBAAmB,GAAGA,+BAAmB;AAC1DF,gBAAgB,CAACG,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/cjs/components/EntityPageMainContent/EntityPageMainContent.js

@@ -5,30 +5,17 @@ exports.__esModule = true;
 exports.EntityPageMainContent = EntityPageMainContent;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _designSystem = require("@wix/design-system");
+var _FormPageMainContent = require("../FormPageMainContent");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/EntityPageMainContent/EntityPageMainContent.tsx";
 function EntityPageMainContent(props) {
-  const {
-    children,
-    ...rest
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Cell, (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/_react.default.createElement(_FormPageMainContent.FormPageMainContent, (0, _extends2.default)({}, props, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 15,
-      columnNumber: 5
+      lineNumber: 7,
+      columnNumber: 10
     }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    direction: "vertical",
-    gap: "SP4",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 16,
-      columnNumber: 7
-    }
-  }, children));
+  }));
 }
 EntityPageMainContent.displayName = 'EntityPageMainContent';
 //# sourceMappingURL=EntityPageMainContent.js.map

package/dist/cjs/components/EntityPageMainContent/EntityPageMainContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","EntityPageMainContent","props","children","rest","default","createElement","Cell","_extends2","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","displayName"],"sources":["../../../../src/components/EntityPageMainContent/EntityPageMainContent.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, Cell } from '@wix/design-system';\n\nexport interface EntityPageMainContentProps {\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests\n   */\n  dataHook?: string;\n  children?: ReactNode;\n}\n\nexport function EntityPageMainContent(props: EntityPageMainContentProps) {\n  const { children, ...rest } = props;\n  return (\n    <Cell {...rest}>\n      <Box direction=\"vertical\" gap=\"SP4\">\n        {children}\n      </Box>\n    </Cell>\n  );\n}\n\nEntityPageMainContent.displayName = 'EntityPageMainContent';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA+C,IAAAE,YAAA;AAUxC,SAASC,qBAAqBA,CAACC,KAAiC,EAAE;EACvE,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EACnC,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,IAAI,MAAAC,SAAA,CAAAH,OAAA,MAAKD,IAAI;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACZjB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAe,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChCV,QACE,CACD,CAAC;AAEX;AAEAF,qBAAqB,CAACgB,WAAW,GAAG,uBAAuB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_FormPageMainContent","_jsxFileName","EntityPageMainContent","props","default","createElement","FormPageMainContent","_extends2","__self","__source","fileName","lineNumber","columnNumber","displayName"],"sources":["../../../../src/components/EntityPageMainContent/EntityPageMainContent.tsx"],"sourcesContent":["import React from 'react';\nimport { FormPageMainContent, FormPageMainContentProps } from '../FormPageMainContent';\n\nexport interface EntityPageMainContentProps extends FormPageMainContentProps {}\n\nexport function EntityPageMainContent(props: EntityPageMainContentProps) {\n  return <FormPageMainContent {...props} />\n}\n\nEntityPageMainContent.displayName = 'EntityPageMainContent';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAuF,IAAAE,YAAA;AAIhF,SAASC,qBAAqBA,CAACC,KAAiC,EAAE;EACvE,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,oBAAA,CAAAM,mBAAmB,MAAAC,SAAA,CAAAH,OAAA,MAAKD,KAAK;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AAC3C;AAEAV,qBAAqB,CAACW,WAAW,GAAG,uBAAuB","ignoreList":[]}

package/dist/cjs/components/Fade/Fade.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Fade189261235";
+var _namespace_ = "Fade434889668";
 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": "Fade189261235__root"
+  "root": "Fade434889668__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade189261235\";\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\":\"Fade189261235__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,eAAe;AACjC,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;AAAqB,CAAC;AAC5C,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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade434889668\";\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\":\"Fade434889668__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,eAAe;AACjC,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;AAAqB,CAAC;AAC5C,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/components/FormPage/FormPageActionsBar.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormPageActionsBar = void 0;
+exports._FormPageActionsBar = _FormPageActionsBar;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@wix/bex-core/react");
+var _providers = require("../../providers");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FormPage/FormPageActionsBar.tsx";
+function _FormPageActionsBar({
+  moreActions,
+  onCancel,
+  onSave
+}) {
+  const {
+    translate: t,
+    initTask
+  } = (0, _react2.useWixPatternsContainer)();
+  const state = (0, _providers.useFormPageContext)();
+  if (!initTask.status.isSuccess) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP2",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 5
+    }
+  }, moreActions, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+    priority: "secondary",
+    dataHook: "form-page-cancel-btn",
+    onClick: onCancel,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 7
+    }
+  }, t('cairo.entityPage.header.cancel.CTA')), /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+    dataHook: "form-page-save-btn",
+    onClick: onSave,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 7
+    }
+  }, state.submitTask.status.isLoading ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+    size: "tiny",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
+      columnNumber: 11
+    }
+  }) : t('cairo.entityPage.header.save.CTA')));
+}
+const FormPageActionsBar = exports.FormPageActionsBar = (0, _mobxReactLite.observer)(_FormPageActionsBar);
+//# sourceMappingURL=FormPageActionsBar.js.map

package/dist/cjs/components/FormPage/FormPageActionsBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_providers","_mobxReactLite","_jsxFileName","_FormPageActionsBar","moreActions","onCancel","onSave","translate","t","initTask","useWixPatternsContainer","state","useFormPageContext","status","isSuccess","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","Button","priority","dataHook","onClick","submitTask","isLoading","Loader","size","FormPageActionsBar","exports","observer"],"sources":["../../../../src/components/FormPage/FormPageActionsBar.tsx"],"sourcesContent":["import { Box, Button, Loader } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFormPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsElement } from '../MoreActions';\n\nexport interface FormPageActionsBarProps {\n  moreActions?: MoreActionsElement;\n  onCancel?: () => void;\n  onSave?: () => void;\n}\n\nexport function _FormPageActionsBar({\n  moreActions,\n  onCancel,\n  onSave,\n}: FormPageActionsBarProps) {\n  const { translate: t, initTask } = useWixPatternsContainer();\n  const state = useFormPageContext();\n\n  if (!initTask.status.isSuccess) {\n    return null;\n  }\n\n  return (\n    <Box gap=\"SP2\">\n      {moreActions}\n      <Button\n        priority=\"secondary\"\n        dataHook=\"form-page-cancel-btn\"\n        onClick={onCancel}\n      >\n        {t('cairo.entityPage.header.cancel.CTA')}\n      </Button>\n      <Button\n        dataHook=\"form-page-save-btn\"\n        onClick={onSave}\n      >\n        {state.submitTask.status.isLoading ? (\n          <Loader size=\"tiny\" />\n        ) : (\n          t('cairo.entityPage.header.save.CTA')\n        )}\n      </Button>\n    </Box>\n  );\n}\n\nexport const FormPageActionsBar = observer(_FormPageActionsBar);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA2C,IAAAM,YAAA;AASpC,SAASC,mBAAmBA,CAAC;EAClCC,WAAW;EACXC,QAAQ;EACRC;AACuB,CAAC,EAAE;EAC1B,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,MAAMC,KAAK,GAAG,IAAAC,6BAAkB,EAAC,CAAC;EAElC,IAAI,CAACH,QAAQ,CAACI,MAAM,CAACC,SAAS,EAAE;IAC9B,OAAO,IAAI;EACb;EAEA,oBACEjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACXnB,WAAW,eACZP,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAA6B,MAAM;IACLC,QAAQ,EAAC,WAAW;IACpBC,QAAQ,EAAC,sBAAsB;IAC/BC,OAAO,EAAEtB,QAAS;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEjBf,CAAC,CAAC,oCAAoC,CACjC,CAAC,eACTX,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAA6B,MAAM;IACLE,QAAQ,EAAC,oBAAoB;IAC7BC,OAAO,EAAErB,MAAO;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEfZ,KAAK,CAACiB,UAAU,CAACf,MAAM,CAACgB,SAAS,gBAChChC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAmC,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAEtBf,CAAC,CAAC,kCAAkC,CAEhC,CACL,CAAC;AAEV;AAEO,MAAMwB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAC/B,mBAAmB,CAAC","ignoreList":[]}

package/dist/cjs/components/FormPage/FormPageProvider.js

@@ -6,6 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@wix/bex-core/react");
 var _PageWrapper = require("../PageWrapper");
 var _bexCore = require("@wix/bex-core");
+var _reactHookForm = require("react-hook-form");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FormPage/FormPageProvider.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -13,21 +14,39 @@ function FormPageProvider({
   children,
   state
 }) {
-  const [formPage] = (0, _react.useState)(() => state ?? new _bexCore.FormPageState());
+  const newState = (0, _reactHookForm.useForm)();
+  const [formPageState] = (0, _react.useState)(() => state ?? new _bexCore.FormPageState({
+    form: newState
+  }));
+  const {
+    form: {
+      formState: {
+        isSubmitSuccessful,
+        isDirty
+      }
+    }
+  } = formPageState;
+
+  /* formState is wrapped with a Proxy to improve render performance and skip extra logic if specific state is not subscribed to.
+  Therefore, make sure you invoke or read it before a render in order to enable the state update. */
+  (0, _react.useEffect)(() => {
+    formPageState._isSubmitSuccessful = isSubmitSuccessful;
+    formPageState._isFormDirty = isDirty;
+  }, [isSubmitSuccessful, isDirty]);
   return /*#__PURE__*/_react.default.createElement(_react2.FormPageContextProvider, {
-    value: formPage,
+    value: formPageState,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 16,
+      lineNumber: 29,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_PageWrapper.PageWrapperBase, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 17,
-      columnNumber: 7
+      lineNumber: 30,
+      columnNumber: 9
     }
   }, children));
 }