@widergy/utilitygo-smart-bill-web 3.12.0 → 3.13.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [3.13.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.12.0...v3.13.0) (2025-09-29)
+
+
+### Features
+
+* [CX-1171] widi fav smartbill ([#63](https://github.com/widergy/UtilityGO-Smart-Bill-Web/issues/63)) ([e1cc5ce](https://github.com/widergy/UtilityGO-Smart-Bill-Web/commit/e1cc5ceb238a6d5ef236fbeacd46ae2d8093e93c))
+
 # [3.12.0](https://github.com/widergy/UtilityGO-Smart-Bill-Web/compare/v3.11.0...v3.12.0) (2025-08-27)
 
 

package/dist/components/SmartBillSummary/components/AIPanel/index.js

@@ -18,6 +18,7 @@ const AIPanel = _ref => {
     aiQuestionsListError,
     aiQuestionsListLoading,
     answer,
+    colors = {},
     error,
     getAnswer,
     handlers = {},
@@ -92,7 +93,10 @@ const AIPanel = _ref => {
       key: id,
       onClick: () => toggleCard(id, question)
     }, renderAnswer ? /*#__PURE__*/_react.default.createElement("div", {
-      className: `${_stylesModule.default.answer} ${errorContent && !isLoading ? notEnoughBills ? _stylesModule.default.notEnoughBillsContainer : _stylesModule.default.errorAnswer : ''}`
+      className: `${_stylesModule.default.answer} ${errorContent && !isLoading ? notEnoughBills ? _stylesModule.default.notEnoughBillsContainer : _stylesModule.default.errorAnswer : ''}`,
+      style: {
+        background: colors?.widyAnswerColorBg
+      }
     }, isLoading ? /*#__PURE__*/_react.default.createElement("section", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
       containerClassName: _stylesModule.default.skeletonContainer,
       count: 3,
@@ -135,6 +139,7 @@ AIPanel.propTypes = {
   aiQuestionsListLoading: _propTypes.bool,
   aiQuestionsListError: _propTypes.bool,
   answer: _propTypes.object,
+  colors: _propTypes.object,
   error: _propTypes.object,
   getAnswer: _propTypes.func,
   handlers: _propTypes.object,

package/dist/components/SmartBillSummary/index.js

@@ -23,8 +23,9 @@ const SmartBillSummary = _ref => {
     annex,
     assets,
     billingLayout,
-    constants,
+    colors,
     components,
+    constants,
     handlers,
     loading,
     showOnboarding = false,
@@ -60,6 +61,16 @@ const SmartBillSummary = _ref => {
     trackAIFloatingButtonClick,
     trackTabChange
   } = handlers;
+  const {
+    AIPanel: {
+      widyTooltipContent = ''
+    } = {}
+  } = translations || {};
+  const {
+    AIPanel: {
+      widyFab
+    } = {}
+  } = assets || {};
   const {
     tabs,
     onboardingSteps: filteredOnboardingSteps
@@ -153,18 +164,25 @@ const SmartBillSummary = _ref => {
     smartBill,
     translations,
     utils
-  })), aiQuestionsPanelEnabled && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_energyUi.UTTouchableWithoutFeedback, {
-    className: `${_stylesModule.default.AIFloatButton} smartbill-ai-float-button`,
-    onClick: openAIPanel,
-    withRipple: true
-  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTIcon, {
-    colorTheme: "negative",
-    name: "EnergyIconChatSparkFilled"
-  })), /*#__PURE__*/_react.default.createElement(_AIPanel.default, {
+  })), aiQuestionsPanelEnabled && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_energyUi.UTTooltip, {
+    arrow: false,
+    content: isDesktopSize ? widyTooltipContent : '',
+    tippyProps: {
+      placement: 'left'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_stylesModule.default.AIFloatButton} smartbill-ai-float-button`
+  }, /*#__PURE__*/_react.default.createElement(_energyUi.UTTouchableWithoutFeedback, {
+    onClick: openAIPanel
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    alt: "widy",
+    src: widyFab
+  })))), /*#__PURE__*/_react.default.createElement(_AIPanel.default, {
     aiQuestionsList: aiQuestionsList,
     aiQuestionsListError: aiQuestionsListError,
     aiQuestionsListLoading: aiQuestionsListLoading,
     answer: smartBillAIAnswer,
+    colors: colors,
     error: smartBillAIAnswerError,
     getAnswer: getSmartBillAIAnswer,
     handlers: handlers,
@@ -185,10 +203,11 @@ SmartBillSummary.propTypes = {
   annex: _propTypes.bool,
   assets: _propTypes.object,
   billingLayout: (0, _propTypes.arrayOf)(_propTypes.object),
-  constants: _propTypes.object,
+  colors: _propTypes.object,
   components: (0, _propTypes.shape)({
     [_propTypes.string]: _propTypes.elementType
   }),
+  constants: _propTypes.object,
   handlers: (0, _propTypes.shape)({
     [_propTypes.string]: _propTypes.func
   }),

package/dist/components/SmartBillSummary/styles.module.scss

@@ -13,8 +13,8 @@ $tab-height: 48px;
 }
 
 .tabs {
-  width: 96%;
   margin: 0 auto;
+  width: 96%;
 }
 
 .contentContainer {
@@ -54,12 +54,17 @@ $tab-height: 48px;
 
 .AIFloatButton {
   align-items: center;
-  background-color: var(--actionAccent04);
-  border-radius: 100px;
-  bottom: 32px;
+  bottom: 20px;
   display: flex;
+  height: 78px;
   justify-content: center;
-  padding: 16px;
   position: fixed;
-  right: 32px;
+  right: 20px;
+  width: 78px;
+
+  img {
+    height: 78px;
+    object-fit: contain;
+    width: 78px;
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/utilitygo-smart-bill-web",
-  "version": "3.12.0",
+  "version": "3.13.0",
   "description": "UtilityGO SmartBill Web",
   "license": "MIT",
   "main": "dist/index.js",