@wix/patterns 1.484.0 → 1.486.0

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

@@ -34,7 +34,7 @@ const StepViewTracker = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 106,
       columnNumber: 5
     }
   }, children);
@@ -48,6 +48,7 @@ const _SetupWidget = ({
   onStepView,
   onAllCompleteClick,
   footer,
+  titleSuffix,
   renderError,
   dataHook
 }) => {
@@ -67,8 +68,11 @@ const _SetupWidget = ({
     }
     if (step.expansionMode === 'inline') {
       state._toggleStep(step.id);
+      onStepClick == null || onStepClick(step, {
+        expanded: state._expandedStepId === step.id
+      });
     } else {
-      onStepClick == null || onStepClick(step);
+      onStepClick == null || onStepClick(step, {});
     }
   };
 
@@ -78,7 +82,7 @@ const _SetupWidget = ({
     if (child.status === 'completed') {
       onCompletedStepClick == null || onCompletedStepClick(child);
     } else {
-      onStepClick == null || onStepClick(child);
+      onStepClick == null || onStepClick(child, {});
     }
   };
   const renderLeaf = (step, isChild = false) => {
@@ -99,7 +103,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 147,
+        lineNumber: 171,
         columnNumber: 7
       }
     }) : /*#__PURE__*/_react.default.createElement(_SetupStepRow.SetupStepRow, {
@@ -113,7 +117,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 156,
+        lineNumber: 180,
         columnNumber: 7
       }
     });
@@ -127,7 +131,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 173,
+        lineNumber: 197,
         columnNumber: 7
       }
     });
@@ -142,7 +146,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 180,
+        lineNumber: 204,
         columnNumber: 12
       }
     });
@@ -156,16 +160,21 @@ const _SetupWidget = ({
       error: (_state$_loadTask$erro = state._loadTask.errorStatus) == null ? void 0 : _state$_loadTask$erro.error
     }));
   }
+
+  // Same rules as the footer below: `false` counts as absent, and the error
+  // card (which still renders the header) gets no suffix.
+  const hasTitleSuffix = titleSuffix != null && typeof titleSuffix !== 'boolean' && status === 'success';
   const header = /*#__PURE__*/_react.default.createElement(_SetupWidgetHeader.SetupWidgetHeader, {
     title: state._title,
     completedCount: state._completedCount,
     totalCount: state._totalCount,
     progressPercentage: state._progressPercentage,
     isMobile: isMobile,
+    titleSuffix: hasTitleSuffix ? titleSuffix : undefined,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 196,
+      lineNumber: 227,
       columnNumber: 5
     }
   });
@@ -176,7 +185,7 @@ const _SetupWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 206,
+      lineNumber: 238,
       columnNumber: 5
     }
   }, state.steps.map(step => {
@@ -192,7 +201,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 209,
+        lineNumber: 241,
         columnNumber: 11
       }
     }) : renderLeaf(step);
@@ -203,7 +212,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 227,
+        lineNumber: 259,
         columnNumber: 11
       }
     }, node) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
@@ -211,7 +220,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 235,
+        lineNumber: 267,
         columnNumber: 11
       }
     }, node);
@@ -233,21 +242,21 @@ const _SetupWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 250,
+      lineNumber: 282,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 257,
+      lineNumber: 289,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 258,
+      lineNumber: 290,
       columnNumber: 9
     }
   }, footer)) : null;
@@ -265,7 +274,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 275,
+        lineNumber: 307,
         columnNumber: 7
       }
     }, body);
@@ -285,7 +294,7 @@ const _SetupWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 282,
+      lineNumber: 314,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -294,7 +303,7 @@ const _SetupWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 295,
+      lineNumber: 327,
       columnNumber: 7
     }
   }, body));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_CardContainer","_useIsMobile","_useIntersectionObserver","_SetupWidgetHeader","_SetupStepRow","_SetupStepCard","_SetupStepGroup","_AllCompleteState","_SetupWidgetSkeleton","_jsxFileName","StepViewTracker","stepId","onView","children","elementRef","useIntersectionObserver","default","createElement","ref","__self","__source","fileName","lineNumber","columnNumber","_SetupWidget","state","renderStepContent","onStepClick","onCompletedStepClick","onStepSecondaryClick","onStepView","onAllCompleteClick","footer","renderError","dataHook","translate","t","useWixPatternsContainer","isMobile","useIsMobile","status","_loadTask","activateStep","step","expansionMode","_toggleStep","id","activateChild","child","renderLeaf","isChild","expanded","_expandedStepId","onActivate","isFocused","_focusedStepId","SetupStepCard","key","isPrimary","SetupStepRow","onSecondaryActivate","undefined","_isAllComplete","AllCompleteState","onCtaClick","SetupWidgetSkeleton","_state$_loadTask$erro","Fragment","retry","_retry","error","errorStatus","header","SetupWidgetHeader","title","_title","completedCount","_completedCount","totalCount","_totalCount","progressPercentage","_progressPercentage","list","Box","direction","gap","width","steps","map","_step$steps","node","length","SetupStepGroup","_primaryStepId","onToggle","renderChild","hasFooter","footerNode","paddingTop","Divider","body","CardContainer","errorState","subtitle","action","text","onClick","padding","SetupWidget","exports","observer"],"sources":["../../../../src/components/SetupWidget/SetupWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Divider } from '@wix/design-system';\nimport { SetupWidgetState, SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CardContainer } from '../CardContainer';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { SetupWidgetHeader } from './SetupWidgetHeader';\nimport { SetupStepRow } from './SetupStepRow';\nimport { SetupStepCard } from './SetupStepCard';\nimport { SetupStepGroup } from './SetupStepGroup';\nimport { AllCompleteState } from './AllCompleteState';\nimport { SetupWidgetSkeleton } from './SetupWidgetSkeleton';\n\nexport interface SetupWidgetProps {\n  /**\n   * A Setup widget state instance created with `useSetupWidget`. The widget\n   * owns loading / error / refetch; the state exposes the steps and a public\n   * API to change a step's status.\n   */\n  state: SetupWidgetState;\n  /**\n   * Inline-expansion content for a step, supplied at render time (the data does\n   * not carry it). Returned for the currently-expanded inline step.\n   */\n  renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;\n  /** Fired when a `navigate` step (or its CTA) is activated. */\n  onStepClick?: (step: SetupWidgetStep) => void;\n  /**\n   * Fired when a *completed* step's CTA (or row) is activated — a distinct\n   * action from `onStepClick` (mirrors `onCompletedCtaClick` in dashboard-setup,\n   * which targets the step's separate `completedCta`).\n   */\n  onCompletedStepClick?: (step: SetupWidgetStep) => void;\n  /**\n   * Fired when a step's `secondaryCta` icon button is clicked (desktop rows —\n   * leaf steps, group rows and their children). The button only renders while\n   * the step is still actionable, so this never fires for a completed step.\n   */\n  onStepSecondaryClick?: (step: SetupWidgetStep) => void;\n  /**\n   * Fired once when a step (or group) scrolls into view — for the consumer to\n   * report view telemetry (BI/dealer). The widget itself stays\n   * telemetry-agnostic. Click telemetry hooks into `onStepClick` /\n   * `onCompletedStepClick`.\n   */\n  onStepView?: (step: SetupWidgetStep) => void;\n  /** Fired when the \"all complete\" celebratory CTA is clicked. */\n  onAllCompleteClick?: () => void;\n  /**\n   * Content rendered below the step list, separated from it by a divider\n   * (e.g. a \"was this helpful?\" feedback row). Shown only with the list —\n   * not while loading, on error, or on the all-complete surface.\n   */\n  footer?: React.ReactNode;\n  /**\n   * Replaces the default error UI when the initial load fails. Receives a\n   * `retry` callback (re-runs the load) and the thrown `error`. When omitted, a\n   * standard error card with a \"Try again\" retry is shown.\n   */\n  renderError?: (params: {\n    retry: () => void;\n    error: unknown;\n  }) => React.ReactNode;\n  /** Applies a data-hook attribute for tests. */\n  dataHook?: string;\n}\n\n// Fires `onView` once when the wrapped step scrolls into view. Only mounted\n// when the consumer passes `onStepView`, so view tracking adds no DOM/observer\n// overhead otherwise.\nconst StepViewTracker = ({\n  stepId,\n  onView,\n  children,\n}: {\n  stepId: string;\n  onView: () => void;\n  children: React.ReactNode;\n}) => {\n  const { elementRef } = useIntersectionObserver(onView);\n  return (\n    <div\n      ref={elementRef as React.RefObject<HTMLDivElement>}\n      data-hook={`setup-step-view-${stepId}`}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst _SetupWidget = ({\n  state,\n  renderStepContent,\n  onStepClick,\n  onCompletedStepClick,\n  onStepSecondaryClick,\n  onStepView,\n  onAllCompleteClick,\n  footer,\n  renderError,\n  dataHook,\n}: SetupWidgetProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const isMobile = useIsMobile();\n  const { status } = state._loadTask.status;\n\n  const activateStep = (step: SetupWidgetStep) => {\n    // Completed steps fire their own action (never expand) — distinct from the\n    // active/navigate `onStepClick`.\n    if (step.status === 'completed') {\n      onCompletedStepClick?.(step);\n      return;\n    }\n    if (step.expansionMode === 'inline') {\n      state._toggleStep(step.id);\n    } else {\n      onStepClick?.(step);\n    }\n  };\n\n  // Children of an aggregated group are leaf steps — they never toggle/expand;\n  // completed children fire the completed action, the rest navigate.\n  const activateChild = (child: SetupWidgetStep) => {\n    if (child.status === 'completed') {\n      onCompletedStepClick?.(child);\n    } else {\n      onStepClick?.(child);\n    }\n  };\n\n  const renderLeaf = (step: SetupWidgetStep, isChild = false) => {\n    const expanded =\n      !isChild &&\n      step.expansionMode === 'inline' &&\n      state._expandedStepId === step.id;\n    const onActivate = () =>\n      isChild ? activateChild(step) : activateStep(step);\n\n    // A single step is focused/highlighted at a time — the expanded step when\n    // one is open, otherwise the primary. (Highlighting `primary || expanded`\n    // would mark two rows once the user opens a non-primary inline step.)\n    const isFocused = !isChild && step.id === state._focusedStepId;\n\n    return isMobile ? (\n      <SetupStepCard\n        key={step.id}\n        step={step}\n        isPrimary={isFocused}\n        expanded={expanded}\n        onActivate={onActivate}\n        renderStepContent={renderStepContent}\n      />\n    ) : (\n      <SetupStepRow\n        key={step.id}\n        step={step}\n        isFocused={isFocused}\n        expanded={expanded}\n        onActivate={onActivate}\n        onSecondaryActivate={\n          onStepSecondaryClick ? () => onStepSecondaryClick(step) : undefined\n        }\n        renderStepContent={renderStepContent}\n      />\n    );\n  };\n\n  // All-complete is a distinct success surface with its own card.\n  if (status === 'success' && state._isAllComplete) {\n    return (\n      <AllCompleteState dataHook={dataHook} onCtaClick={onAllCompleteClick} />\n    );\n  }\n\n  // Built-in loading skeleton, shaped like the widget (desktop card / mobile\n  // bare) so there's no layout jump when data resolves.\n  if (status === 'idle' || status === 'loading') {\n    return <SetupWidgetSkeleton isMobile={isMobile} dataHook={dataHook} />;\n  }\n\n  // Consumer-supplied error UI fully replaces the default error card.\n  if (status === 'error' && renderError) {\n    return (\n      <>\n        {renderError({\n          retry: () => state._retry(),\n          error: state._loadTask.errorStatus?.error,\n        })}\n      </>\n    );\n  }\n\n  const header = (\n    <SetupWidgetHeader\n      title={state._title}\n      completedCount={state._completedCount}\n      totalCount={state._totalCount}\n      progressPercentage={state._progressPercentage}\n      isMobile={isMobile}\n    />\n  );\n\n  const list = (\n    <Box direction=\"vertical\" gap={isMobile ? 'SP3' : 'SP2'} width=\"100%\">\n      {state.steps.map((step) => {\n        const node = step.steps?.length ? (\n          <SetupStepGroup\n            step={step}\n            isMobile={isMobile}\n            expanded={state._expandedStepId === step.id}\n            isPrimary={step.id === state._primaryStepId}\n            onToggle={() => state._toggleStep(step.id)}\n            onSecondaryActivate={\n              onStepSecondaryClick\n                ? () => onStepSecondaryClick(step)\n                : undefined\n            }\n            renderChild={(child) => renderLeaf(child, true)}\n          />\n        ) : (\n          renderLeaf(step)\n        );\n\n        return onStepView ? (\n          <StepViewTracker\n            key={step.id}\n            stepId={step.id}\n            onView={() => onStepView(step)}\n          >\n            {node}\n          </StepViewTracker>\n        ) : (\n          <React.Fragment key={step.id}>{node}</React.Fragment>\n        );\n      })}\n    </Box>\n  );\n\n  // Per the Figma spec: 30px from the last step to the divider, 14px from the\n  // divider to the content (no WDS SP tokens match either). The mobile body\n  // already spaces its children by SP3 (12px), so only the rest is padded.\n  // Gated on success because CardContainer's error card still renders its\n  // children above the error message. `false` (from `footer={cond && ...}`)\n  // counts as absent so no bare divider is left behind.\n  const hasFooter = footer != null && typeof footer !== 'boolean';\n  const footerNode =\n    hasFooter && status === 'success' ? (\n      <Box\n        dataHook=\"setup-widget-footer\"\n        direction=\"vertical\"\n        gap=\"14px\"\n        paddingTop={isMobile ? '18px' : '30px'}\n        width=\"100%\"\n      >\n        <Divider />\n        <div>{footer}</div>\n      </Box>\n    ) : null;\n\n  const body = (\n    <>\n      {header}\n      {list}\n      {footerNode}\n    </>\n  );\n\n  // Mobile success renders bare — no outer card (matches the mobile design;\n  // the consumer composes the surrounding page). Loading / error still flow\n  // through CardContainer so the widget owns those states everywhere.\n  if (isMobile && status === 'success') {\n    return (\n      <Box dataHook={dataHook} direction=\"vertical\" gap=\"SP3\" width=\"100%\">\n        {body}\n      </Box>\n    );\n  }\n\n  return (\n    <CardContainer\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        title: t('cairo.setupWidget.error.title'),\n        subtitle: t('cairo.setupWidget.error.subtitle'),\n        action: {\n          text: t('cairo.setupWidget.error.cta'),\n          onClick: () => state._retry(),\n        },\n      }}\n    >\n      <Box direction=\"vertical\" padding=\"SP6\">\n        {body}\n      </Box>\n    </CardContainer>\n  );\n};\n\nexport const SetupWidget = observer(_SetupWidget);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,wBAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AACA,IAAAU,eAAA,GAAAV,OAAA;AACA,IAAAW,iBAAA,GAAAX,OAAA;AACA,IAAAY,oBAAA,GAAAZ,OAAA;AAA4D,IAAAa,YAAA;AAwD5D;AACA;AACA;AACA,MAAMC,eAAe,GAAGA,CAAC;EACvBC,MAAM;EACNC,MAAM;EACNC;AAKF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,gDAAuB,EAACH,MAAM,CAAC;EACtD,oBACElB,MAAA,CAAAsB,OAAA,CAAAC,aAAA;IACEC,GAAG,EAAEJ,UAA8C;IACnD,aAAW,mBAAmBH,MAAM,EAAG;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEtCV,QACE,CAAC;AAEV,CAAC;AAED,MAAMW,YAAY,GAAGA,CAAC;EACpBC,KAAK;EACLC,iBAAiB;EACjBC,WAAW;EACXC,oBAAoB;EACpBC,oBAAoB;EACpBC,UAAU;EACVC,kBAAkB;EAClBC,MAAM;EACNC,WAAW;EACXC;AACgB,CAAC,KAAK;EACtB,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAC9B,MAAM;IAAEC;EAAO,CAAC,GAAGf,KAAK,CAACgB,SAAS,CAACD,MAAM;EAEzC,MAAME,YAAY,GAAIC,IAAqB,IAAK;IAC9C;IACA;IACA,IAAIA,IAAI,CAACH,MAAM,KAAK,WAAW,EAAE;MAC/BZ,oBAAoB,YAApBA,oBAAoB,CAAGe,IAAI,CAAC;MAC5B;IACF;IACA,IAAIA,IAAI,CAACC,aAAa,KAAK,QAAQ,EAAE;MACnCnB,KAAK,CAACoB,WAAW,CAACF,IAAI,CAACG,EAAE,CAAC;IAC5B,CAAC,MAAM;MACLnB,WAAW,YAAXA,WAAW,CAAGgB,IAAI,CAAC;IACrB;EACF,CAAC;;EAED;EACA;EACA,MAAMI,aAAa,GAAIC,KAAsB,IAAK;IAChD,IAAIA,KAAK,CAACR,MAAM,KAAK,WAAW,EAAE;MAChCZ,oBAAoB,YAApBA,oBAAoB,CAAGoB,KAAK,CAAC;IAC/B,CAAC,MAAM;MACLrB,WAAW,YAAXA,WAAW,CAAGqB,KAAK,CAAC;IACtB;EACF,CAAC;EAED,MAAMC,UAAU,GAAGA,CAACN,IAAqB,EAAEO,OAAO,GAAG,KAAK,KAAK;IAC7D,MAAMC,QAAQ,GACZ,CAACD,OAAO,IACRP,IAAI,CAACC,aAAa,KAAK,QAAQ,IAC/BnB,KAAK,CAAC2B,eAAe,KAAKT,IAAI,CAACG,EAAE;IACnC,MAAMO,UAAU,GAAGA,CAAA,KACjBH,OAAO,GAAGH,aAAa,CAACJ,IAAI,CAAC,GAAGD,YAAY,CAACC,IAAI,CAAC;;IAEpD;IACA;IACA;IACA,MAAMW,SAAS,GAAG,CAACJ,OAAO,IAAIP,IAAI,CAACG,EAAE,KAAKrB,KAAK,CAAC8B,cAAc;IAE9D,OAAOjB,QAAQ,gBACb5C,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACZ,cAAA,CAAAmD,aAAa;MACZC,GAAG,EAAEd,IAAI,CAACG,EAAG;MACbH,IAAI,EAAEA,IAAK;MACXe,SAAS,EAAEJ,SAAU;MACrBH,QAAQ,EAAEA,QAAS;MACnBE,UAAU,EAAEA,UAAW;MACvB3B,iBAAiB,EAAEA,iBAAkB;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,CACtC,CAAC,gBAEF7B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAuD,YAAY;MACXF,GAAG,EAAEd,IAAI,CAACG,EAAG;MACbH,IAAI,EAAEA,IAAK;MACXW,SAAS,EAAEA,SAAU;MACrBH,QAAQ,EAAEA,QAAS;MACnBE,UAAU,EAAEA,UAAW;MACvBO,mBAAmB,EACjB/B,oBAAoB,GAAG,MAAMA,oBAAoB,CAACc,IAAI,CAAC,GAAGkB,SAC3D;MACDnC,iBAAiB,EAAEA,iBAAkB;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,CACtC,CACF;EACH,CAAC;;EAED;EACA,IAAIiB,MAAM,KAAK,SAAS,IAAIf,KAAK,CAACqC,cAAc,EAAE;IAChD,oBACEpE,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACV,iBAAA,CAAAwD,gBAAgB;MAAC7B,QAAQ,EAAEA,QAAS;MAAC8B,UAAU,EAAEjC,kBAAmB;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EAE5E;;EAEA;EACA;EACA,IAAIiB,MAAM,KAAK,MAAM,IAAIA,MAAM,KAAK,SAAS,EAAE;IAC7C,oBAAO9C,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACT,oBAAA,CAAAyD,mBAAmB;MAAC3B,QAAQ,EAAEA,QAAS;MAACJ,QAAQ,EAAEA,QAAS;MAAAf,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EACxE;;EAEA;EACA,IAAIiB,MAAM,KAAK,OAAO,IAAIP,WAAW,EAAE;IAAA,IAAAiC,qBAAA;IACrC,oBACExE,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAAvB,MAAA,CAAAsB,OAAA,CAAAmD,QAAA,QACGlC,WAAW,CAAC;MACXmC,KAAK,EAAEA,CAAA,KAAM3C,KAAK,CAAC4C,MAAM,CAAC,CAAC;MAC3BC,KAAK,GAAAJ,qBAAA,GAAEzC,KAAK,CAACgB,SAAS,CAAC8B,WAAW,qBAA3BL,qBAAA,CAA6BI;IACtC,CAAC,CACD,CAAC;EAEP;EAEA,MAAME,MAAM,gBACV9E,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACd,kBAAA,CAAAsE,iBAAiB;IAChBC,KAAK,EAAEjD,KAAK,CAACkD,MAAO;IACpBC,cAAc,EAAEnD,KAAK,CAACoD,eAAgB;IACtCC,UAAU,EAAErD,KAAK,CAACsD,WAAY;IAC9BC,kBAAkB,EAAEvD,KAAK,CAACwD,mBAAoB;IAC9C3C,QAAQ,EAAEA,QAAS;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CACF;EAED,MAAM2D,IAAI,gBACRxF,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAqF,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAE/C,QAAQ,GAAG,KAAK,GAAG,KAAM;IAACgD,KAAK,EAAC,MAAM;IAAAnE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAClEE,KAAK,CAAC8D,KAAK,CAACC,GAAG,CAAE7C,IAAI,IAAK;IAAA,IAAA8C,WAAA;IACzB,MAAMC,IAAI,GAAG,CAAAD,WAAA,GAAA9C,IAAI,CAAC4C,KAAK,aAAVE,WAAA,CAAYE,MAAM,gBAC7BjG,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACX,eAAA,CAAAsF,cAAc;MACbjD,IAAI,EAAEA,IAAK;MACXL,QAAQ,EAAEA,QAAS;MACnBa,QAAQ,EAAE1B,KAAK,CAAC2B,eAAe,KAAKT,IAAI,CAACG,EAAG;MAC5CY,SAAS,EAAEf,IAAI,CAACG,EAAE,KAAKrB,KAAK,CAACoE,cAAe;MAC5CC,QAAQ,EAAEA,CAAA,KAAMrE,KAAK,CAACoB,WAAW,CAACF,IAAI,CAACG,EAAE,CAAE;MAC3Cc,mBAAmB,EACjB/B,oBAAoB,GAChB,MAAMA,oBAAoB,CAACc,IAAI,CAAC,GAChCkB,SACL;MACDkC,WAAW,EAAG/C,KAAK,IAAKC,UAAU,CAACD,KAAK,EAAE,IAAI,CAAE;MAAA7B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,CACjD,CAAC,GAEF0B,UAAU,CAACN,IAAI,CAChB;IAED,OAAOb,UAAU,gBACfpC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACP,eAAe;MACd+C,GAAG,EAAEd,IAAI,CAACG,EAAG;MACbnC,MAAM,EAAEgC,IAAI,CAACG,EAAG;MAChBlC,MAAM,EAAEA,CAAA,KAAMkB,UAAU,CAACa,IAAI,CAAE;MAAAxB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE9BmE,IACc,CAAC,gBAElBhG,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACvB,MAAA,CAAAsB,OAAK,CAACmD,QAAQ;MAACV,GAAG,EAAEd,IAAI,CAACG,EAAG;MAAA3B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEmE,IAAqB,CACrD;EACH,CAAC,CACE,CACN;;EAED;EACA;EACA;EACA;EACA;EACA;EACA,MAAMM,SAAS,GAAGhE,MAAM,IAAI,IAAI,IAAI,OAAOA,MAAM,KAAK,SAAS;EAC/D,MAAMiE,UAAU,GACdD,SAAS,IAAIxD,MAAM,KAAK,SAAS,gBAC/B9C,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAqF,GAAG;IACFjD,QAAQ,EAAC,qBAAqB;IAC9BkD,SAAS,EAAC,UAAU;IACpBC,GAAG,EAAC,MAAM;IACVa,UAAU,EAAE5D,QAAQ,GAAG,MAAM,GAAG,MAAO;IACvCgD,KAAK,EAAC,MAAM;IAAAnE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEZ7B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAqG,OAAO;IAAAhF,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACX7B,MAAA,CAAAsB,OAAA,CAAAC,aAAA;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAMS,MAAY,CACf,CAAC,GACJ,IAAI;EAEV,MAAMoE,IAAI,gBACR1G,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAAvB,MAAA,CAAAsB,OAAA,CAAAmD,QAAA,QACGK,MAAM,EACNU,IAAI,EACJe,UACD,CACH;;EAED;EACA;EACA;EACA,IAAI3D,QAAQ,IAAIE,MAAM,KAAK,SAAS,EAAE;IACpC,oBACE9C,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAqF,GAAG;MAACjD,QAAQ,EAAEA,QAAS;MAACkD,SAAS,EAAC,UAAU;MAACC,GAAG,EAAC,KAAK;MAACC,KAAK,EAAC,MAAM;MAAAnE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,GACjE6E,IACE,CAAC;EAEV;EAEA,oBACE1G,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACjB,cAAA,CAAAqG,aAAa;IACZnE,QAAQ,EAAEA,QAAS;IACnBM,MAAM,EAAEA,MAAO;IACf8D,UAAU,EAAE;MACVpE,QAAQ,EAAE,aAAa;MACvBwC,KAAK,EAAEtC,CAAC,CAAC,+BAA+B,CAAC;MACzCmE,QAAQ,EAAEnE,CAAC,CAAC,kCAAkC,CAAC;MAC/CoE,MAAM,EAAE;QACNC,IAAI,EAAErE,CAAC,CAAC,6BAA6B,CAAC;QACtCsE,OAAO,EAAEA,CAAA,KAAMjF,KAAK,CAAC4C,MAAM,CAAC;MAC9B;IACF,CAAE;IAAAlD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEF7B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAqF,GAAG;IAACC,SAAS,EAAC,UAAU;IAACuB,OAAO,EAAC,KAAK;IAAAxF,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpC6E,IACE,CACQ,CAAC;AAEpB,CAAC;AAEM,MAAMQ,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAACtF,YAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_react2","_CardContainer","_useIsMobile","_useIntersectionObserver","_SetupWidgetHeader","_SetupStepRow","_SetupStepCard","_SetupStepGroup","_AllCompleteState","_SetupWidgetSkeleton","_jsxFileName","StepViewTracker","stepId","onView","children","elementRef","useIntersectionObserver","default","createElement","ref","__self","__source","fileName","lineNumber","columnNumber","_SetupWidget","state","renderStepContent","onStepClick","onCompletedStepClick","onStepSecondaryClick","onStepView","onAllCompleteClick","footer","titleSuffix","renderError","dataHook","translate","t","useWixPatternsContainer","isMobile","useIsMobile","status","_loadTask","activateStep","step","expansionMode","_toggleStep","id","expanded","_expandedStepId","activateChild","child","renderLeaf","isChild","onActivate","isFocused","_focusedStepId","SetupStepCard","key","isPrimary","SetupStepRow","onSecondaryActivate","undefined","_isAllComplete","AllCompleteState","onCtaClick","SetupWidgetSkeleton","_state$_loadTask$erro","Fragment","retry","_retry","error","errorStatus","hasTitleSuffix","header","SetupWidgetHeader","title","_title","completedCount","_completedCount","totalCount","_totalCount","progressPercentage","_progressPercentage","list","Box","direction","gap","width","steps","map","_step$steps","node","length","SetupStepGroup","_primaryStepId","onToggle","renderChild","hasFooter","footerNode","paddingTop","Divider","body","CardContainer","errorState","subtitle","action","text","onClick","padding","SetupWidget","exports","observer"],"sources":["../../../../src/components/SetupWidget/SetupWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Divider } from '@wix/design-system';\nimport { SetupWidgetState, SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CardContainer } from '../CardContainer';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { SetupWidgetHeader } from './SetupWidgetHeader';\nimport { SetupStepRow } from './SetupStepRow';\nimport { SetupStepCard } from './SetupStepCard';\nimport { SetupStepGroup } from './SetupStepGroup';\nimport { AllCompleteState } from './AllCompleteState';\nimport { SetupWidgetSkeleton } from './SetupWidgetSkeleton';\n\nexport interface SetupWidgetStepClickDetails {\n  /**\n   * Set only when the click toggled an inline step: whether the step is now\n   * expanded. Absent for steps that navigate, including inline children of an\n   * aggregated group (they never toggle).\n   */\n  expanded?: boolean;\n}\n\nexport interface SetupWidgetProps {\n  /**\n   * A Setup widget state instance created with `useSetupWidget`. The widget\n   * owns loading / error / refetch; the state exposes the steps and a public\n   * API to change a step's status.\n   */\n  state: SetupWidgetState;\n  /**\n   * Inline-expansion content for a step, supplied at render time (the data does\n   * not carry it). Returned for the currently-expanded inline step.\n   */\n  renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;\n  /**\n   * Fired when a step (or its CTA) is activated. For an inline step the widget\n   * first toggles its expansion and reports the new state in\n   * `details.expanded`; skip your navigate flow when it is set.\n   */\n  onStepClick?: (\n    step: SetupWidgetStep,\n    details: SetupWidgetStepClickDetails,\n  ) => void;\n  /**\n   * Fired when a *completed* step's CTA (or row) is activated — a distinct\n   * action from `onStepClick` (mirrors `onCompletedCtaClick` in dashboard-setup,\n   * which targets the step's separate `completedCta`).\n   */\n  onCompletedStepClick?: (step: SetupWidgetStep) => void;\n  /**\n   * Fired when a step's `secondaryCta` icon button is clicked (desktop rows —\n   * leaf steps, group rows and their children). The button only renders while\n   * the step is still actionable, so this never fires for a completed step.\n   */\n  onStepSecondaryClick?: (step: SetupWidgetStep) => void;\n  /**\n   * Fired once when a step (or group) scrolls into view — for the consumer to\n   * report view telemetry (BI/dealer). The widget itself stays\n   * telemetry-agnostic. Click telemetry hooks into `onStepClick` /\n   * `onCompletedStepClick`.\n   */\n  onStepView?: (step: SetupWidgetStep) => void;\n  /** Fired when the \"all complete\" celebratory CTA is clicked. */\n  onAllCompleteClick?: () => void;\n  /**\n   * Content rendered below the step list, separated from it by a divider\n   * (e.g. a \"was this helpful?\" feedback row). Shown only with the list —\n   * not while loading, on error, or on the all-complete surface.\n   */\n  footer?: React.ReactNode;\n  /**\n   * Content rendered next to the widget title, separated from it by a vertical\n   * divider (e.g. a \"Give feedback\" row). Like `footer`, shown only with the\n   * list — not while loading, on error, or on the all-complete surface.\n   */\n  titleSuffix?: React.ReactNode;\n  /**\n   * Replaces the default error UI when the initial load fails. Receives a\n   * `retry` callback (re-runs the load) and the thrown `error`. When omitted, a\n   * standard error card with a \"Try again\" retry is shown.\n   */\n  renderError?: (params: {\n    retry: () => void;\n    error: unknown;\n  }) => React.ReactNode;\n  /** Applies a data-hook attribute for tests. */\n  dataHook?: string;\n}\n\n// Fires `onView` once when the wrapped step scrolls into view. Only mounted\n// when the consumer passes `onStepView`, so view tracking adds no DOM/observer\n// overhead otherwise.\nconst StepViewTracker = ({\n  stepId,\n  onView,\n  children,\n}: {\n  stepId: string;\n  onView: () => void;\n  children: React.ReactNode;\n}) => {\n  const { elementRef } = useIntersectionObserver(onView);\n  return (\n    <div\n      ref={elementRef as React.RefObject<HTMLDivElement>}\n      data-hook={`setup-step-view-${stepId}`}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst _SetupWidget = ({\n  state,\n  renderStepContent,\n  onStepClick,\n  onCompletedStepClick,\n  onStepSecondaryClick,\n  onStepView,\n  onAllCompleteClick,\n  footer,\n  titleSuffix,\n  renderError,\n  dataHook,\n}: SetupWidgetProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const isMobile = useIsMobile();\n  const { status } = state._loadTask.status;\n\n  const activateStep = (step: SetupWidgetStep) => {\n    // Completed steps fire their own action (never expand) — distinct from the\n    // active/navigate `onStepClick`.\n    if (step.status === 'completed') {\n      onCompletedStepClick?.(step);\n      return;\n    }\n    if (step.expansionMode === 'inline') {\n      state._toggleStep(step.id);\n      onStepClick?.(step, { expanded: state._expandedStepId === step.id });\n    } else {\n      onStepClick?.(step, {});\n    }\n  };\n\n  // Children of an aggregated group are leaf steps — they never toggle/expand;\n  // completed children fire the completed action, the rest navigate.\n  const activateChild = (child: SetupWidgetStep) => {\n    if (child.status === 'completed') {\n      onCompletedStepClick?.(child);\n    } else {\n      onStepClick?.(child, {});\n    }\n  };\n\n  const renderLeaf = (step: SetupWidgetStep, isChild = false) => {\n    const expanded =\n      !isChild &&\n      step.expansionMode === 'inline' &&\n      state._expandedStepId === step.id;\n    const onActivate = () =>\n      isChild ? activateChild(step) : activateStep(step);\n\n    // A single step is focused/highlighted at a time — the expanded step when\n    // one is open, otherwise the primary. (Highlighting `primary || expanded`\n    // would mark two rows once the user opens a non-primary inline step.)\n    const isFocused = !isChild && step.id === state._focusedStepId;\n\n    return isMobile ? (\n      <SetupStepCard\n        key={step.id}\n        step={step}\n        isPrimary={isFocused}\n        expanded={expanded}\n        onActivate={onActivate}\n        renderStepContent={renderStepContent}\n      />\n    ) : (\n      <SetupStepRow\n        key={step.id}\n        step={step}\n        isFocused={isFocused}\n        expanded={expanded}\n        onActivate={onActivate}\n        onSecondaryActivate={\n          onStepSecondaryClick ? () => onStepSecondaryClick(step) : undefined\n        }\n        renderStepContent={renderStepContent}\n      />\n    );\n  };\n\n  // All-complete is a distinct success surface with its own card.\n  if (status === 'success' && state._isAllComplete) {\n    return (\n      <AllCompleteState dataHook={dataHook} onCtaClick={onAllCompleteClick} />\n    );\n  }\n\n  // Built-in loading skeleton, shaped like the widget (desktop card / mobile\n  // bare) so there's no layout jump when data resolves.\n  if (status === 'idle' || status === 'loading') {\n    return <SetupWidgetSkeleton isMobile={isMobile} dataHook={dataHook} />;\n  }\n\n  // Consumer-supplied error UI fully replaces the default error card.\n  if (status === 'error' && renderError) {\n    return (\n      <>\n        {renderError({\n          retry: () => state._retry(),\n          error: state._loadTask.errorStatus?.error,\n        })}\n      </>\n    );\n  }\n\n  // Same rules as the footer below: `false` counts as absent, and the error\n  // card (which still renders the header) gets no suffix.\n  const hasTitleSuffix =\n    titleSuffix != null &&\n    typeof titleSuffix !== 'boolean' &&\n    status === 'success';\n\n  const header = (\n    <SetupWidgetHeader\n      title={state._title}\n      completedCount={state._completedCount}\n      totalCount={state._totalCount}\n      progressPercentage={state._progressPercentage}\n      isMobile={isMobile}\n      titleSuffix={hasTitleSuffix ? titleSuffix : undefined}\n    />\n  );\n\n  const list = (\n    <Box direction=\"vertical\" gap={isMobile ? 'SP3' : 'SP2'} width=\"100%\">\n      {state.steps.map((step) => {\n        const node = step.steps?.length ? (\n          <SetupStepGroup\n            step={step}\n            isMobile={isMobile}\n            expanded={state._expandedStepId === step.id}\n            isPrimary={step.id === state._primaryStepId}\n            onToggle={() => state._toggleStep(step.id)}\n            onSecondaryActivate={\n              onStepSecondaryClick\n                ? () => onStepSecondaryClick(step)\n                : undefined\n            }\n            renderChild={(child) => renderLeaf(child, true)}\n          />\n        ) : (\n          renderLeaf(step)\n        );\n\n        return onStepView ? (\n          <StepViewTracker\n            key={step.id}\n            stepId={step.id}\n            onView={() => onStepView(step)}\n          >\n            {node}\n          </StepViewTracker>\n        ) : (\n          <React.Fragment key={step.id}>{node}</React.Fragment>\n        );\n      })}\n    </Box>\n  );\n\n  // Per the Figma spec: 30px from the last step to the divider, 14px from the\n  // divider to the content (no WDS SP tokens match either). The mobile body\n  // already spaces its children by SP3 (12px), so only the rest is padded.\n  // Gated on success because CardContainer's error card still renders its\n  // children above the error message. `false` (from `footer={cond && ...}`)\n  // counts as absent so no bare divider is left behind.\n  const hasFooter = footer != null && typeof footer !== 'boolean';\n  const footerNode =\n    hasFooter && status === 'success' ? (\n      <Box\n        dataHook=\"setup-widget-footer\"\n        direction=\"vertical\"\n        gap=\"14px\"\n        paddingTop={isMobile ? '18px' : '30px'}\n        width=\"100%\"\n      >\n        <Divider />\n        <div>{footer}</div>\n      </Box>\n    ) : null;\n\n  const body = (\n    <>\n      {header}\n      {list}\n      {footerNode}\n    </>\n  );\n\n  // Mobile success renders bare — no outer card (matches the mobile design;\n  // the consumer composes the surrounding page). Loading / error still flow\n  // through CardContainer so the widget owns those states everywhere.\n  if (isMobile && status === 'success') {\n    return (\n      <Box dataHook={dataHook} direction=\"vertical\" gap=\"SP3\" width=\"100%\">\n        {body}\n      </Box>\n    );\n  }\n\n  return (\n    <CardContainer\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        title: t('cairo.setupWidget.error.title'),\n        subtitle: t('cairo.setupWidget.error.subtitle'),\n        action: {\n          text: t('cairo.setupWidget.error.cta'),\n          onClick: () => state._retry(),\n        },\n      }}\n    >\n      <Box direction=\"vertical\" padding=\"SP6\">\n        {body}\n      </Box>\n    </CardContainer>\n  );\n};\n\nexport const SetupWidget = observer(_SetupWidget);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,22 +5,22 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SetupWidget1988895407";
+var _namespace_ = "SetupWidget1852209377";
 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": "SetupWidget1988895407__root",
-  "row": "SetupWidget1988895407__row",
-  "completedCta": "SetupWidget1988895407__completedCta",
-  "secondaryCta": "SetupWidget1988895407__secondaryCta",
-  "card": "SetupWidget1988895407__card",
-  "stepIcon": "SetupWidget1988895407__stepIcon",
-  "chevron": "SetupWidget1988895407__chevron",
-  "chevronDisabled": "SetupWidget1988895407__chevronDisabled",
-  "inProgressLabel": "SetupWidget1988895407__inProgressLabel"
+  "root": "SetupWidget1852209377__root",
+  "row": "SetupWidget1852209377__row",
+  "completedCta": "SetupWidget1852209377__completedCta",
+  "secondaryCta": "SetupWidget1852209377__secondaryCta",
+  "card": "SetupWidget1852209377__card",
+  "stepIcon": "SetupWidget1852209377__stepIcon",
+  "chevron": "SetupWidget1852209377__chevron",
+  "chevronDisabled": "SetupWidget1852209377__chevronDisabled",
+  "inProgressLabel": "SetupWidget1852209377__inProgressLabel"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SetupWidget/SetupWidget.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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget1988895407\";\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\":\"SetupWidget1988895407__root\",\"row\":\"SetupWidget1988895407__row\",\"completedCta\":\"SetupWidget1988895407__completedCta\",\"secondaryCta\":\"SetupWidget1988895407__secondaryCta\",\"card\":\"SetupWidget1988895407__card\",\"stepIcon\":\"SetupWidget1988895407__stepIcon\",\"chevron\":\"SetupWidget1988895407__chevron\",\"chevronDisabled\":\"SetupWidget1988895407__chevronDisabled\",\"inProgressLabel\":\"SetupWidget1988895407__inProgressLabel\"};\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-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-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-clickable-card-outline-border-color\":\"--wds-clickable-card-outline-border-color\",\"wds-color-border-standard-primary-active\":\"--wds-color-border-standard-primary-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wds-color-fill-surface-default\":\"--wds-color-fill-surface-default\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,KAAK,EAAC,4BAA4B;EAAC,cAAc,EAAC,qCAAqC;EAAC,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC,6BAA6B;EAAC,UAAU,EAAC,iCAAiC;EAAC,SAAS,EAAC,gCAAgC;EAAC,iBAAiB,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAwC,CAAC;AACpb,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,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,yCAAyC,EAAC,2CAA2C;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,eAAe,EAAC,iBAAiB;EAAC,gCAAgC,EAAC;AAAkC,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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget1852209377\";\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\":\"SetupWidget1852209377__root\",\"row\":\"SetupWidget1852209377__row\",\"completedCta\":\"SetupWidget1852209377__completedCta\",\"secondaryCta\":\"SetupWidget1852209377__secondaryCta\",\"card\":\"SetupWidget1852209377__card\",\"stepIcon\":\"SetupWidget1852209377__stepIcon\",\"chevron\":\"SetupWidget1852209377__chevron\",\"chevronDisabled\":\"SetupWidget1852209377__chevronDisabled\",\"inProgressLabel\":\"SetupWidget1852209377__inProgressLabel\"};\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-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-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-clickable-card-outline-border-color\":\"--wds-clickable-card-outline-border-color\",\"wds-color-border-standard-primary-active\":\"--wds-color-border-standard-primary-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wds-color-fill-surface-default\":\"--wds-color-fill-surface-default\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,KAAK,EAAC,4BAA4B;EAAC,cAAc,EAAC,qCAAqC;EAAC,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC,6BAA6B;EAAC,UAAU,EAAC,iCAAiC;EAAC,SAAS,EAAC,gCAAgC;EAAC,iBAAiB,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAwC,CAAC;AACpb,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,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,yCAAyC,EAAC,2CAA2C;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,eAAe,EAAC,iBAAiB;EAAC,gCAAgC,EAAC;AAAkC,CAAC","ignoreList":[]}

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

@@ -48,6 +48,8 @@ var _default = (base, body) => {
     clickByDataHook: dataHook => base.$(`[data-hook="${dataHook}"]`).click(),
     /** Whether the consumer-supplied footer slot is rendered. */
     footerExists: () => base.$(`[data-hook="setup-widget-footer"]`).exists(),
+    /** Whether the consumer-supplied title suffix slot is rendered. */
+    titleSuffixExists: () => base.$(`[data-hook="setup-widget-title-suffix"]`).exists(),
     /** Whether the all-complete success surface is shown. */
     isAllComplete: () => base.$(`[data-hook="setup-all-complete"]`).exists(),
     /** Whether the loading skeleton is shown. */

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_default","base","body","tryAgainButton","TextButtonUniDriver","$","stepCta","id","ButtonUniDriver","stepSecondaryCta","IconButtonUniDriver","stepCard","ClickableCardUniDriver","getTitle","text","getProgressLabel","getStepTitles","$$","map","el","stepExists","exists","clickStep","click","clickStepCard","clickStepCta","stepCtaExists","clickStepSecondaryCta","stepSecondaryCtaExists","isStepSecondaryCtaDisabled","isButtonDisabled","stepSecondaryCtaTooltipExists","disabledTooltipExists","isStepExpanded","getInlineContentActionStyle","attr","isStepFocused","then","value","isGroupExpanded","clickByDataHook","dataHook","footerExists","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  ClickableCardUniDriver,\n  IconButtonUniDriver,\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  const stepSecondaryCta = (id: string) =>\n    IconButtonUniDriver(\n      base.$(`[data-hook=\"setup-step-secondary-cta-${id}\"]`),\n      body,\n    );\n\n  const stepCard = (id: string) =>\n    ClickableCardUniDriver(base.$(`[data-hook=\"setup-step-${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. */\n    clickStep: (id: string) => base.$(`[data-hook=\"setup-step-${id}\"]`).click(),\n    /** Click a desktop step card's activation overlay. */\n    clickStepCard: (id: string) => stepCard(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    /** Click a step's secondary (icon) action. */\n    clickStepSecondaryCta: (id: string) => stepSecondaryCta(id).click(),\n    /** Whether a step's secondary (icon) action is rendered. */\n    stepSecondaryCtaExists: (id: string) =>\n      base.$(`[data-hook=\"setup-step-secondary-cta-${id}\"]`).exists(),\n    /** Whether a step's secondary action is disabled. */\n    isStepSecondaryCtaDisabled: (id: string) =>\n      stepSecondaryCta(id).isButtonDisabled(),\n    /** Whether a tooltip wraps a step's secondary action. */\n    stepSecondaryCtaTooltipExists: (id: string) =>\n      base.$(`[data-hook=\"setup-step-secondary-cta-tooltip-${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    /** Inline content must be lifted over the card's activation overlay. */\n    getInlineContentActionStyle: (id: string) =>\n      base.$(`[data-hook=\"setup-step-content-action-${id}\"]`).attr('style'),\n    /** Whether a step row/card is the single focused (\"next\") step. */\n    isStepFocused: (id: string) =>\n      base\n        .$(`[data-hook=\"setup-step-${id}\"]`)\n        .attr('data-focused')\n        .then((value) => value === 'true'),\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 consumer-supplied footer slot is rendered. */\n    footerExists: () => base.$(`[data-hook=\"setup-widget-footer\"]`).exists(),\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":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_default","base","body","tryAgainButton","TextButtonUniDriver","$","stepCta","id","ButtonUniDriver","stepSecondaryCta","IconButtonUniDriver","stepCard","ClickableCardUniDriver","getTitle","text","getProgressLabel","getStepTitles","$$","map","el","stepExists","exists","clickStep","click","clickStepCard","clickStepCta","stepCtaExists","clickStepSecondaryCta","stepSecondaryCtaExists","isStepSecondaryCtaDisabled","isButtonDisabled","stepSecondaryCtaTooltipExists","disabledTooltipExists","isStepExpanded","getInlineContentActionStyle","attr","isStepFocused","then","value","isGroupExpanded","clickByDataHook","dataHook","footerExists","titleSuffixExists","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  ClickableCardUniDriver,\n  IconButtonUniDriver,\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  const stepSecondaryCta = (id: string) =>\n    IconButtonUniDriver(\n      base.$(`[data-hook=\"setup-step-secondary-cta-${id}\"]`),\n      body,\n    );\n\n  const stepCard = (id: string) =>\n    ClickableCardUniDriver(base.$(`[data-hook=\"setup-step-${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. */\n    clickStep: (id: string) => base.$(`[data-hook=\"setup-step-${id}\"]`).click(),\n    /** Click a desktop step card's activation overlay. */\n    clickStepCard: (id: string) => stepCard(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    /** Click a step's secondary (icon) action. */\n    clickStepSecondaryCta: (id: string) => stepSecondaryCta(id).click(),\n    /** Whether a step's secondary (icon) action is rendered. */\n    stepSecondaryCtaExists: (id: string) =>\n      base.$(`[data-hook=\"setup-step-secondary-cta-${id}\"]`).exists(),\n    /** Whether a step's secondary action is disabled. */\n    isStepSecondaryCtaDisabled: (id: string) =>\n      stepSecondaryCta(id).isButtonDisabled(),\n    /** Whether a tooltip wraps a step's secondary action. */\n    stepSecondaryCtaTooltipExists: (id: string) =>\n      base.$(`[data-hook=\"setup-step-secondary-cta-tooltip-${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    /** Inline content must be lifted over the card's activation overlay. */\n    getInlineContentActionStyle: (id: string) =>\n      base.$(`[data-hook=\"setup-step-content-action-${id}\"]`).attr('style'),\n    /** Whether a step row/card is the single focused (\"next\") step. */\n    isStepFocused: (id: string) =>\n      base\n        .$(`[data-hook=\"setup-step-${id}\"]`)\n        .attr('data-focused')\n        .then((value) => value === 'true'),\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 consumer-supplied footer slot is rendered. */\n    footerExists: () => base.$(`[data-hook=\"setup-widget-footer\"]`).exists(),\n    /** Whether the consumer-supplied title suffix slot is rendered. */\n    titleSuffixExists: () =>\n      base.$(`[data-hook=\"setup-widget-title-suffix\"]`).exists(),\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":"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","ignoreList":[]}

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

@@ -17,7 +17,8 @@ const SetupWidgetHeader = ({
   completedCount,
   totalCount,
   progressPercentage,
-  isMobile
+  isMobile,
+  titleSuffix
 }) => {
   const {
     translate: t
@@ -27,6 +28,41 @@ const SetupWidgetHeader = ({
     completed: completedCount,
     total: totalCount
   });
+  const renderTitle = heading => titleSuffix !== undefined ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP2",
+    verticalAlign: "middle",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      columnNumber: 7
+    }
+  }, heading, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    height: "12px",
+    marginTop: "4px",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 50,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+    direction: "vertical",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 51,
+      columnNumber: 11
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "setup-widget-title-suffix",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 53,
+      columnNumber: 9
+    }
+  }, titleSuffix)) : heading;
   if (isMobile) {
     // Mobile (per Figma): the "X/Y" ratio sits inline to the left of the bar
     // (no "completed" word) to save vertical space. The ratio is just numbers,
@@ -39,26 +75,26 @@ const SetupWidgetHeader = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 39,
+        lineNumber: 65,
         columnNumber: 7
       }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+    }, renderTitle(/*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
       dataHook: "setup-widget-title",
       size: "large",
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 40,
-        columnNumber: 9
+        lineNumber: 67,
+        columnNumber: 11
       }
-    }, resolvedTitle), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    }, resolvedTitle)), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       width: "100%",
       verticalAlign: "middle",
       gap: "SP2",
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 43,
+        lineNumber: 71,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -68,7 +104,7 @@ const SetupWidgetHeader = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 44,
+        lineNumber: 72,
         columnNumber: 11
       }
     }, ratio), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -76,7 +112,7 @@ const SetupWidgetHeader = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 47,
+        lineNumber: 75,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.LinearProgressBar, {
@@ -85,7 +121,7 @@ const SetupWidgetHeader = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 76,
         columnNumber: 13
       }
     }))));
@@ -97,25 +133,25 @@ const SetupWidgetHeader = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 84,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+  }, renderTitle(/*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
     dataHook: "setup-widget-title",
     size: "medium",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
-      columnNumber: 7
+      lineNumber: 86,
+      columnNumber: 9
     }
-  }, resolvedTitle), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }, resolvedTitle)), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     gap: "SP1",
     verticalAlign: "middle",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 90,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -125,7 +161,7 @@ const SetupWidgetHeader = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 91,
       columnNumber: 9
     }
   }, ratioLabel), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -134,7 +170,7 @@ const SetupWidgetHeader = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 94,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.LinearProgressBar, {
@@ -143,7 +179,7 @@ const SetupWidgetHeader = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 95,
       columnNumber: 11
     }
   }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_jsxFileName","SetupWidgetHeader","title","completedCount","totalCount","progressPercentage","isMobile","translate","t","useWixPatternsContainer","resolvedTitle","ratioLabel","completed","total","ratio","default","createElement","Box","direction","gap","width","__self","__source","fileName","lineNumber","columnNumber","Heading","dataHook","size","verticalAlign","Text","secondary","flexGrow","LinearProgressBar","skin","value","align","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    // Mobile (per Figma): the \"X/Y\" ratio sits inline to the left of the bar\n    // (no \"completed\" word) to save vertical space. The ratio is just numbers,\n    // so it needs no translation.\n    const ratio = `${completedCount}/${totalCount}`;\n    return (\n      <Box direction=\"vertical\" gap=\"SP3\" width=\"100%\">\n        <Heading dataHook=\"setup-widget-title\" size=\"large\">\n          {resolvedTitle}\n        </Heading>\n        <Box width=\"100%\" verticalAlign=\"middle\" gap=\"SP2\">\n          <Text dataHook=\"setup-widget-progress\" size=\"small\" secondary>\n            {ratio}\n          </Text>\n          <Box flexGrow={1}>\n            <LinearProgressBar skin=\"standard\" value={progressPercentage} />\n          </Box>\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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_jsxFileName","SetupWidgetHeader","title","completedCount","totalCount","progressPercentage","isMobile","titleSuffix","translate","t","useWixPatternsContainer","resolvedTitle","ratioLabel","completed","total","renderTitle","heading","undefined","default","createElement","Box","gap","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","height","marginTop","Divider","direction","ratio","width","Heading","dataHook","size","Text","secondary","flexGrow","LinearProgressBar","skin","value","align","marginBottom","weight","marginLeft","exports"],"sources":["../../../../src/components/SetupWidget/SetupWidgetHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  Divider,\n  Heading,\n  Text,\n  LinearProgressBar,\n} 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   * Content shown after the title, separated from it by a vertical divider.\n   * The parent passes `undefined` when there is nothing to show.\n   */\n  titleSuffix?: React.ReactNode;\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  titleSuffix,\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  const renderTitle = (heading: React.ReactNode) =>\n    titleSuffix !== undefined ? (\n      <Box gap=\"SP2\" verticalAlign=\"middle\">\n        {heading}\n        {/* Per the Figma spec the 12px divider sits 2px below the row's center. */}\n        <Box height=\"12px\" marginTop=\"4px\">\n          <Divider direction=\"vertical\" />\n        </Box>\n        <div data-hook=\"setup-widget-title-suffix\">{titleSuffix}</div>\n      </Box>\n    ) : (\n      heading\n    );\n\n  if (isMobile) {\n    // Mobile (per Figma): the \"X/Y\" ratio sits inline to the left of the bar\n    // (no \"completed\" word) to save vertical space. The ratio is just numbers,\n    // so it needs no translation.\n    const ratio = `${completedCount}/${totalCount}`;\n    return (\n      <Box direction=\"vertical\" gap=\"SP3\" width=\"100%\">\n        {renderTitle(\n          <Heading dataHook=\"setup-widget-title\" size=\"large\">\n            {resolvedTitle}\n          </Heading>,\n        )}\n        <Box width=\"100%\" verticalAlign=\"middle\" gap=\"SP2\">\n          <Text dataHook=\"setup-widget-progress\" size=\"small\" secondary>\n            {ratio}\n          </Text>\n          <Box flexGrow={1}>\n            <LinearProgressBar skin=\"standard\" value={progressPercentage} />\n          </Box>\n        </Box>\n      </Box>\n    );\n  }\n\n  return (\n    <Box align=\"space-between\" verticalAlign=\"middle\" marginBottom=\"SP4\">\n      {renderTitle(\n        <Heading dataHook=\"setup-widget-title\" size=\"medium\">\n          {resolvedTitle}\n        </Heading>,\n      )}\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/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_SetupWidget","require","exports","SetupWidget"],"sources":["../../../../src/components/SetupWidget/index.ts"],"sourcesContent":["export { SetupWidget } from './SetupWidget';\nexport type { SetupWidgetProps } from './SetupWidget';\nexport type {\n  SetupWidgetState,\n  SetupWidgetData,\n  SetupWidgetStep,\n  SetupWidgetStepStatus,\n  SetupWidgetStepSecondaryCta,\n  SetupWidgetConfig,\n} from '@wix/bex-core';\n"],"mappings":";;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAA4CC,OAAA,CAAAC,WAAA,GAAAH,YAAA,CAAAG,WAAA","ignoreList":[]}
+{"version":3,"names":["_SetupWidget","require","exports","SetupWidget"],"sources":["../../../../src/components/SetupWidget/index.ts"],"sourcesContent":["export { SetupWidget } from './SetupWidget';\nexport type {\n  SetupWidgetProps,\n  SetupWidgetStepClickDetails,\n} from './SetupWidget';\nexport type {\n  SetupWidgetState,\n  SetupWidgetData,\n  SetupWidgetStep,\n  SetupWidgetStepStatus,\n  SetupWidgetStepSecondaryCta,\n  SetupWidgetConfig,\n} from '@wix/bex-core';\n"],"mappings":";;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAA4CC,OAAA,CAAAC,WAAA,GAAAH,YAAA,CAAAG,WAAA","ignoreList":[]}

package/dist/cjs/components/SkeletonCard/SkeletonCard.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_ = "SkeletonCard1588969825";
+var _namespace_ = "SkeletonCard3056681256";
 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": "SkeletonCard1588969825__root",
-  "headerLoading": "SkeletonCard1588969825__headerLoading"
+  "root": "SkeletonCard3056681256__root",
+  "headerLoading": "SkeletonCard3056681256__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};