@wix/patterns 1.413.0 → 1.415.0

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

@@ -0,0 +1,39 @@
+"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_ = "SetupWidget713352316";
+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": "SetupWidget713352316__root",
+  "row": "SetupWidget713352316__row",
+  "completedCta": "SetupWidget713352316__completedCta",
+  "card": "SetupWidget713352316__card"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-color-border-dark-secondary": "--wds-color-border-dark-secondary",
+  "wds-color-border-standard-primary": "--wds-color-border-standard-primary",
+  "wds-color-border-standard-secondary": "--wds-color-border-standard-secondary",
+  "wds-color-fill-standard-tertiary": "--wds-color-fill-standard-tertiary",
+  "wds-color-fill-standard-tertiary-hover": "--wds-color-fill-standard-tertiary-hover",
+  "wsr-color-D60": "--wsr-color-D60",
+  "wsr-color-D80": "--wsr-color-D80",
+  "wsr-color-B30": "--wsr-color-B30",
+  "wsr-color-B40": "--wsr-color-B40",
+  "wsr-color-B60": "--wsr-color-B60",
+  "wds-space-100": "--wds-space-100",
+  "wds-border-radius-200": "--wds-border-radius-200",
+  "wds-border-radius-400": "--wds-border-radius-400"
+};
+//# sourceMappingURL=SetupWidget.st.css.js.map

package/dist/cjs/components/SetupWidget/SetupWidget.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/components/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget713352316\";\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\":\"SetupWidget713352316__root\",\"row\":\"SetupWidget713352316__row\",\"completedCta\":\"SetupWidget713352316__completedCta\",\"card\":\"SetupWidget713352316__card\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-border-standard-primary\":\"--wds-color-border-standard-primary\",\"wds-color-border-standard-secondary\":\"--wds-color-border-standard-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-space-100\":\"--wds-space-100\",\"wds-border-radius-200\":\"--wds-border-radius-200\",\"wds-border-radius-400\":\"--wds-border-radius-400\"}; \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,4BAA4B;EAAC,KAAK,EAAC,2BAA2B;EAAC,cAAc,EAAC,oCAAoC;EAAC,MAAM,EAAC;AAA4B,CAAC;AAC7K,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;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,qCAAqC,EAAC,uCAAuC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC;AAAyB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _unidriver = require("../../unidriver");
+var _unidriver2 = require("@wix/design-system/dist/testkit/unidriver");
+var _default = (base, body) => {
+  const tryAgainButton = () => (0, _unidriver2.TextButtonUniDriver)(base.$(`[data-hook="error-card-state-action-button"]`), body);
+  const stepCta = id => (0, _unidriver2.ButtonUniDriver)(base.$(`[data-hook="setup-step-cta-${id}"]`), body);
+  return {
+    /** Widget title text. */
+    getTitle: () => base.$(`[data-hook="setup-widget-title"]`).text(),
+    /** "X/Y completed" progress label text. */
+    getProgressLabel: () => base.$(`[data-hook="setup-widget-progress"]`).text(),
+    /** Titles of all rendered steps, in order. */
+    getStepTitles: () => base.$$(`[data-hook^="setup-step-title-"]`).map(el => el.text()),
+    /** Whether a given step row/card is rendered. */
+    stepExists: id => base.$(`[data-hook="setup-step-${id}"]`).exists(),
+    /** Click a step's row/card (triggers inline toggle or navigate). */
+    clickStep: id => base.$(`[data-hook="setup-step-${id}"]`).click(),
+    /** Click a step's CTA button. */
+    clickStepCta: id => stepCta(id).click(),
+    /** Whether a step's CTA is rendered. */
+    stepCtaExists: id => base.$(`[data-hook="setup-step-cta-${id}"]`).exists(),
+    /** Whether a disabled step's permission tooltip wraps its CTA. */
+    disabledTooltipExists: id => base.$(`[data-hook="setup-step-disabled-tooltip-${id}"]`).exists(),
+    /** Whether a step's inline-expansion content is shown. */
+    isStepExpanded: id => base.$(`[data-hook="setup-step-content-${id}"]`).exists(),
+    /** Whether an aggregated group's children are shown. */
+    isGroupExpanded: id => base.$(`[data-hook="setup-step-children-${id}"]`).exists(),
+    /** Click an arbitrary element by data-hook within the widget. */
+    clickByDataHook: dataHook => base.$(`[data-hook="${dataHook}"]`).click(),
+    /** Whether the all-complete success surface is shown. */
+    isAllComplete: () => base.$(`[data-hook="setup-all-complete"]`).exists(),
+    /** Whether the loading skeleton is shown. */
+    isLoading: () => base.$(`[data-hook="setup-widget-skeleton"]`).exists(),
+    /** Whether the error state is shown. */
+    isError: () => base.$(`[data-hook="error-card-state"]`).exists(),
+    /** Click the error state's "try again" button (refetches). */
+    clickTryAgain: () => tryAgainButton().click(),
+    ...(0, _unidriver.baseUniDriverFactory)(base)
+  };
+};
+exports.default = _default;
+//# sourceMappingURL=SetupWidget.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","_default","base","body","tryAgainButton","TextButtonUniDriver","$","stepCta","id","ButtonUniDriver","getTitle","text","getProgressLabel","getStepTitles","$$","map","el","stepExists","exists","clickStep","click","clickStepCta","stepCtaExists","disabledTooltipExists","isStepExpanded","isGroupExpanded","clickByDataHook","dataHook","isAllComplete","isLoading","isError","clickTryAgain","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/SetupWidget/SetupWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  ButtonUniDriver,\n  TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const tryAgainButton = () =>\n    TextButtonUniDriver(\n      base.$(`[data-hook=\"error-card-state-action-button\"]`),\n      body,\n    );\n\n  const stepCta = (id: string) =>\n    ButtonUniDriver(base.$(`[data-hook=\"setup-step-cta-${id}\"]`), body);\n\n  return {\n    /** Widget title text. */\n    getTitle: () => base.$(`[data-hook=\"setup-widget-title\"]`).text(),\n    /** \"X/Y completed\" progress label text. */\n    getProgressLabel: () =>\n      base.$(`[data-hook=\"setup-widget-progress\"]`).text(),\n    /** Titles of all rendered steps, in order. */\n    getStepTitles: () =>\n      base.$$(`[data-hook^=\"setup-step-title-\"]`).map((el) => el.text()),\n    /** Whether a given step row/card is rendered. */\n    stepExists: (id: string) =>\n      base.$(`[data-hook=\"setup-step-${id}\"]`).exists(),\n    /** Click a step's row/card (triggers inline toggle or navigate). */\n    clickStep: (id: string) => base.$(`[data-hook=\"setup-step-${id}\"]`).click(),\n    /** Click a step's CTA button. */\n    clickStepCta: (id: string) => stepCta(id).click(),\n    /** Whether a step's CTA is rendered. */\n    stepCtaExists: (id: string) =>\n      base.$(`[data-hook=\"setup-step-cta-${id}\"]`).exists(),\n    /** Whether a disabled step's permission tooltip wraps its CTA. */\n    disabledTooltipExists: (id: string) =>\n      base.$(`[data-hook=\"setup-step-disabled-tooltip-${id}\"]`).exists(),\n    /** Whether a step's inline-expansion content is shown. */\n    isStepExpanded: (id: string) =>\n      base.$(`[data-hook=\"setup-step-content-${id}\"]`).exists(),\n    /** Whether an aggregated group's children are shown. */\n    isGroupExpanded: (id: string) =>\n      base.$(`[data-hook=\"setup-step-children-${id}\"]`).exists(),\n    /** Click an arbitrary element by data-hook within the widget. */\n    clickByDataHook: (dataHook: string) =>\n      base.$(`[data-hook=\"${dataHook}\"]`).click(),\n    /** Whether the all-complete success surface is shown. */\n    isAllComplete: () => base.$(`[data-hook=\"setup-all-complete\"]`).exists(),\n    /** Whether the loading skeleton is shown. */\n    isLoading: () => base.$(`[data-hook=\"setup-widget-skeleton\"]`).exists(),\n    /** Whether the error state is shown. */\n    isError: () => base.$(`[data-hook=\"error-card-state\"]`).exists(),\n    /** Click the error state's \"try again\" button (refetches). */\n    clickTryAgain: () => tryAgainButton().click(),\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAGmD,IAAAE,QAAA,GAEpCA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACnD,MAAMC,cAAc,GAAGA,CAAA,KACrB,IAAAC,+BAAmB,EACjBH,IAAI,CAACI,CAAC,CAAC,8CAA8C,CAAC,EACtDH,IACF,CAAC;EAEH,MAAMI,OAAO,GAAIC,EAAU,IACzB,IAAAC,2BAAe,EAACP,IAAI,CAACI,CAAC,CAAC,8BAA8BE,EAAE,IAAI,CAAC,EAAEL,IAAI,CAAC;EAErE,OAAO;IACL;IACAO,QAAQ,EAAEA,CAAA,KAAMR,IAAI,CAACI,CAAC,CAAC,kCAAkC,CAAC,CAACK,IAAI,CAAC,CAAC;IACjE;IACAC,gBAAgB,EAAEA,CAAA,KAChBV,IAAI,CAACI,CAAC,CAAC,qCAAqC,CAAC,CAACK,IAAI,CAAC,CAAC;IACtD;IACAE,aAAa,EAAEA,CAAA,KACbX,IAAI,CAACY,EAAE,CAAC,kCAAkC,CAAC,CAACC,GAAG,CAAEC,EAAE,IAAKA,EAAE,CAACL,IAAI,CAAC,CAAC,CAAC;IACpE;IACAM,UAAU,EAAGT,EAAU,IACrBN,IAAI,CAACI,CAAC,CAAC,0BAA0BE,EAAE,IAAI,CAAC,CAACU,MAAM,CAAC,CAAC;IACnD;IACAC,SAAS,EAAGX,EAAU,IAAKN,IAAI,CAACI,CAAC,CAAC,0BAA0BE,EAAE,IAAI,CAAC,CAACY,KAAK,CAAC,CAAC;IAC3E;IACAC,YAAY,EAAGb,EAAU,IAAKD,OAAO,CAACC,EAAE,CAAC,CAACY,KAAK,CAAC,CAAC;IACjD;IACAE,aAAa,EAAGd,EAAU,IACxBN,IAAI,CAACI,CAAC,CAAC,8BAA8BE,EAAE,IAAI,CAAC,CAACU,MAAM,CAAC,CAAC;IACvD;IACAK,qBAAqB,EAAGf,EAAU,IAChCN,IAAI,CAACI,CAAC,CAAC,2CAA2CE,EAAE,IAAI,CAAC,CAACU,MAAM,CAAC,CAAC;IACpE;IACAM,cAAc,EAAGhB,EAAU,IACzBN,IAAI,CAACI,CAAC,CAAC,kCAAkCE,EAAE,IAAI,CAAC,CAACU,MAAM,CAAC,CAAC;IAC3D;IACAO,eAAe,EAAGjB,EAAU,IAC1BN,IAAI,CAACI,CAAC,CAAC,mCAAmCE,EAAE,IAAI,CAAC,CAACU,MAAM,CAAC,CAAC;IAC5D;IACAQ,eAAe,EAAGC,QAAgB,IAChCzB,IAAI,CAACI,CAAC,CAAC,eAAeqB,QAAQ,IAAI,CAAC,CAACP,KAAK,CAAC,CAAC;IAC7C;IACAQ,aAAa,EAAEA,CAAA,KAAM1B,IAAI,CAACI,CAAC,CAAC,kCAAkC,CAAC,CAACY,MAAM,CAAC,CAAC;IACxE;IACAW,SAAS,EAAEA,CAAA,KAAM3B,IAAI,CAACI,CAAC,CAAC,qCAAqC,CAAC,CAACY,MAAM,CAAC,CAAC;IACvE;IACAY,OAAO,EAAEA,CAAA,KAAM5B,IAAI,CAACI,CAAC,CAAC,gCAAgC,CAAC,CAACY,MAAM,CAAC,CAAC;IAChE;IACAa,aAAa,EAAEA,CAAA,KAAM3B,cAAc,CAAC,CAAC,CAACgB,KAAK,CAAC,CAAC;IAC7C,GAAG,IAAAY,+BAAoB,EAAC9B,IAAI;EAC9B,CAAC;AACH,CAAC;AAAA+B,OAAA,CAAAC,OAAA,GAAAjC,QAAA","ignoreList":[]}

package/dist/cjs/components/SetupWidget/SetupWidgetHeader.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SetupWidgetHeader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/SetupWidget/SetupWidgetHeader.tsx";
+/**
+ * Widget header: title + "X/Y completed" ratio + progress bar.
+ * - Desktop: title left, ratio + bar inline on the right.
+ * - Mobile: large heading stacked above the ratio and a full-width bar.
+ */
+const SetupWidgetHeader = ({
+  title,
+  completedCount,
+  totalCount,
+  progressPercentage,
+  isMobile
+}) => {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const resolvedTitle = title ?? t('cairo.setupWidget.title');
+  const ratioLabel = t('cairo.setupWidget.progress.label', {
+    completed: completedCount,
+    total: totalCount
+  });
+  if (isMobile) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "vertical",
+      gap: "SP2",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 35,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+      dataHook: "setup-widget-title",
+      size: "large",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 36,
+        columnNumber: 9
+      }
+    }, resolvedTitle), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      dataHook: "setup-widget-progress",
+      size: "small",
+      secondary: true,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 39,
+        columnNumber: 9
+      }
+    }, ratioLabel), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      width: "100%",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 42,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.LinearProgressBar, {
+      skin: "standard",
+      value: progressPercentage,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 43,
+        columnNumber: 11
+      }
+    })));
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "space-between",
+    verticalAlign: "middle",
+    marginBottom: "SP4",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 50,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+    dataHook: "setup-widget-title",
+    size: "medium",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 51,
+      columnNumber: 7
+    }
+  }, resolvedTitle), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP1",
+    verticalAlign: "middle",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    dataHook: "setup-widget-progress",
+    size: "tiny",
+    weight: "thin",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 55,
+      columnNumber: 9
+    }
+  }, ratioLabel), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: 220,
+    marginLeft: "-8px",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 58,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.LinearProgressBar, {
+    skin: "standard",
+    value: progressPercentage,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 11
+    }
+  }))));
+};
+exports.SetupWidgetHeader = SetupWidgetHeader;
+//# sourceMappingURL=SetupWidgetHeader.js.map

package/dist/cjs/components/SetupWidget/SetupWidgetHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_jsxFileName","SetupWidgetHeader","title","completedCount","totalCount","progressPercentage","isMobile","translate","t","useWixPatternsContainer","resolvedTitle","ratioLabel","completed","total","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Heading","dataHook","size","Text","secondary","width","LinearProgressBar","skin","value","align","verticalAlign","marginBottom","weight","marginLeft","exports"],"sources":["../../../../src/components/SetupWidget/SetupWidgetHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Heading, Text, LinearProgressBar } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface SetupWidgetHeaderProps {\n  /** Defaults to the translated \"Setup\" when omitted. */\n  title?: string | null;\n  completedCount: number;\n  totalCount: number;\n  progressPercentage: number;\n  isMobile: boolean;\n}\n\n/**\n * Widget header: title + \"X/Y completed\" ratio + progress bar.\n * - Desktop: title left, ratio + bar inline on the right.\n * - Mobile: large heading stacked above the ratio and a full-width bar.\n */\nexport const SetupWidgetHeader = ({\n  title,\n  completedCount,\n  totalCount,\n  progressPercentage,\n  isMobile,\n}: SetupWidgetHeaderProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const resolvedTitle = title ?? t('cairo.setupWidget.title');\n  const ratioLabel = t('cairo.setupWidget.progress.label', {\n    completed: completedCount,\n    total: totalCount,\n  });\n\n  if (isMobile) {\n    return (\n      <Box direction=\"vertical\" gap=\"SP2\">\n        <Heading dataHook=\"setup-widget-title\" size=\"large\">\n          {resolvedTitle}\n        </Heading>\n        <Text dataHook=\"setup-widget-progress\" size=\"small\" secondary>\n          {ratioLabel}\n        </Text>\n        <Box width=\"100%\">\n          <LinearProgressBar skin=\"standard\" value={progressPercentage} />\n        </Box>\n      </Box>\n    );\n  }\n\n  return (\n    <Box align=\"space-between\" verticalAlign=\"middle\" marginBottom=\"SP4\">\n      <Heading dataHook=\"setup-widget-title\" size=\"medium\">\n        {resolvedTitle}\n      </Heading>\n      <Box gap=\"SP1\" verticalAlign=\"middle\">\n        <Text dataHook=\"setup-widget-progress\" size=\"tiny\" weight=\"thin\">\n          {ratioLabel}\n        </Text>\n        <Box width={220} marginLeft=\"-8px\">\n          <LinearProgressBar skin=\"standard\" value={progressPercentage} />\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SetupWidget/SetupWidgetSkeleton.js

@@ -0,0 +1,224 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SetupWidgetSkeleton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/SetupWidget/SetupWidgetSkeleton.tsx";
+const SKELETON_ROW_COUNT = 4;
+
+// Wrap in a full-width *vertical* Box: a flex column stretches the SkeletonGroup
+// to the container width, so the SkeletonLine's `%` resolves against the row/card
+// (a horizontal wrapper lets the group shrink to content, making lines narrow).
+const Line = ({
+  width
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  direction: "vertical",
+  width: "100%",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 10,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 11,
+    columnNumber: 5
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+  width: width,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 12,
+    columnNumber: 7
+  }
+})));
+
+/**
+ * Built-in loading skeleton shaped like the widget — a header (title +
+ * progress bar) over a list of step-row placeholders. Mirrors the success
+ * layout (card-wrapped on desktop, bare on mobile) so there's no layout jump
+ * when the data resolves.
+ */
+const SetupWidgetSkeleton = ({
+  isMobile,
+  dataHook
+}) => {
+  // Header skeleton mirrors SetupWidgetHeader's layout so the progress-bar area
+  // is reserved too (no jump when data resolves):
+  // - Mobile: title, ratio text, then a full-width bar — all stacked.
+  // - Desktop: title on the left; ratio + a 220px bar inline on the right.
+  const header = isMobile ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP2",
+    marginBottom: "SP3",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(Line, {
+    width: "60%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: "35%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(Line, {
+    width: "100%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement(Line, {
+    width: "100%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
+      columnNumber: 7
+    }
+  })) :
+  /*#__PURE__*/
+  // No fixed widths: title and progress-bar lines each `flex={1}` (equal
+  // share), and the `gap` guarantees space between them at any card width.
+  _react.default.createElement(_designSystem.Box, {
+    verticalAlign: "middle",
+    gap: "SP6",
+    marginBottom: "SP4",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    flex: 1,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 48,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(Line, {
+    width: "100%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 49,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    flex: 1,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 52,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(Line, {
+    width: "100%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 53,
+      columnNumber: 9
+    }
+  })));
+  const body = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: "setup-widget-skeleton",
+    direction: "vertical",
+    width: "100%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 5
+    }
+  }, header, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: isMobile ? 'SP3' : 'SP1',
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 63,
+      columnNumber: 7
+    }
+  }, Array.from({
+    length: SKELETON_ROW_COUNT
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    key: index,
+    width: "100%",
+    padding: isMobile ? 'SP4' : 'SP1',
+    minHeight: "30px",
+    verticalAlign: "middle",
+    border: "1px solid",
+    borderColor: "D60",
+    borderRadius: isMobile ? '8px' : '4px',
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 65,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(Line, {
+    width: "40%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 75,
+      columnNumber: 13
+    }
+  })))));
+
+  // Mobile renders bare (no outer card), matching the success layout.
+  if (isMobile) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      dataHook: dataHook,
+      direction: "vertical",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 85,
+        columnNumber: 7
+      }
+    }, body);
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Card, {
+    dataHook: dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 92,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    padding: "SP6",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 93,
+      columnNumber: 7
+    }
+  }, body));
+};
+exports.SetupWidgetSkeleton = SetupWidgetSkeleton;
+//# sourceMappingURL=SetupWidgetSkeleton.js.map

package/dist/cjs/components/SetupWidget/SetupWidgetSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","SKELETON_ROW_COUNT","Line","width","default","createElement","Box","direction","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","SkeletonLine","SetupWidgetSkeleton","isMobile","dataHook","header","gap","marginBottom","verticalAlign","flex","body","Array","from","length","map","_","index","key","padding","minHeight","border","borderColor","borderRadius","Card","exports"],"sources":["../../../../src/components/SetupWidget/SetupWidgetSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Box, SkeletonGroup, SkeletonLine } from '@wix/design-system';\n\nconst SKELETON_ROW_COUNT = 4;\n\n// Wrap in a full-width *vertical* Box: a flex column stretches the SkeletonGroup\n// to the container width, so the SkeletonLine's `%` resolves against the row/card\n// (a horizontal wrapper lets the group shrink to content, making lines narrow).\nconst Line = ({ width }: { width: string }) => (\n  <Box direction=\"vertical\" width=\"100%\">\n    <SkeletonGroup>\n      <SkeletonLine width={width} />\n    </SkeletonGroup>\n  </Box>\n);\n\n/**\n * Built-in loading skeleton shaped like the widget — a header (title +\n * progress bar) over a list of step-row placeholders. Mirrors the success\n * layout (card-wrapped on desktop, bare on mobile) so there's no layout jump\n * when the data resolves.\n */\nexport const SetupWidgetSkeleton = ({\n  isMobile,\n  dataHook,\n}: {\n  isMobile: boolean;\n  dataHook?: string;\n}) => {\n  // Header skeleton mirrors SetupWidgetHeader's layout so the progress-bar area\n  // is reserved too (no jump when data resolves):\n  // - Mobile: title, ratio text, then a full-width bar — all stacked.\n  // - Desktop: title on the left; ratio + a 220px bar inline on the right.\n  const header = isMobile ? (\n    <Box direction=\"vertical\" gap=\"SP2\" marginBottom=\"SP3\">\n      <Line width=\"60%\" />\n      <Box width=\"35%\">\n        <Line width=\"100%\" />\n      </Box>\n      {/* progress bar */}\n      <Line width=\"100%\" />\n    </Box>\n  ) : (\n    // No fixed widths: title and progress-bar lines each `flex={1}` (equal\n    // share), and the `gap` guarantees space between them at any card width.\n    <Box verticalAlign=\"middle\" gap=\"SP6\" marginBottom=\"SP4\">\n      {/* title */}\n      <Box flex={1}>\n        <Line width=\"100%\" />\n      </Box>\n      {/* progress bar */}\n      <Box flex={1}>\n        <Line width=\"100%\" />\n      </Box>\n    </Box>\n  );\n\n  const body = (\n    <Box dataHook=\"setup-widget-skeleton\" direction=\"vertical\" width=\"100%\">\n      {header}\n\n      {/* step rows */}\n      <Box direction=\"vertical\" gap={isMobile ? 'SP3' : 'SP1'}>\n        {Array.from({ length: SKELETON_ROW_COUNT }).map((_, index) => (\n          <Box\n            key={index}\n            width=\"100%\"\n            padding={isMobile ? 'SP4' : 'SP1'}\n            minHeight=\"30px\"\n            verticalAlign=\"middle\"\n            border=\"1px solid\"\n            borderColor=\"D60\"\n            borderRadius={isMobile ? '8px' : '4px'}\n          >\n            <Line width=\"40%\" />\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  );\n\n  // Mobile renders bare (no outer card), matching the success layout.\n  if (isMobile) {\n    return (\n      <Box dataHook={dataHook} direction=\"vertical\">\n        {body}\n      </Box>\n    );\n  }\n\n  return (\n    <Card dataHook={dataHook}>\n      <Box direction=\"vertical\" padding=\"SP6\">\n        {body}\n      </Box>\n    </Card>\n  );\n};\n"],"mappings":"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","ignoreList":[]}