@pisell/private-materials 6.5.2 → 6.5.3

package/lib/components/ticketBooking/components/addServiceVariant/addService.js

@@ -48,6 +48,7 @@ var import_notAvailable = __toESM(require("../notAvailable"));
 var import_dayjs = __toESM(require("dayjs"));
 var import_pisellos = require("../../hooks/pisellos");
 var import_utils7 = require("./utils");
+var import_materials = require("@pisell/materials");
 var productListLayout = {
   grid: true,
   config: "12:12"
@@ -61,13 +62,13 @@ var productListSetting = {
   isStock: 0
 };
 var AddSerivce = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const { onEdit, state, dispatch, renderMode = "current", onPrerenderComplete } = props;
   const context = (0, import_useEngineContext.default)();
   const notAvailableRef = (0, import_react.useRef)(null);
   const isLoadedServiceRef = (0, import_react.useRef)(false);
   import_utils2.request.setRequest(context.appHelper.utils.request);
-  const Toast = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.Toast;
+  const Toast = (0, import_materials.useToast)();
   const { createBookingData, createBooking } = (0, import_serviceManager.useService)({
     renderMode,
     onEdit,
@@ -75,9 +76,9 @@ var AddSerivce = (props) => {
     dispatch
   });
   const isBooking4 = (0, import_utils5.isBooking4Shop)(
-    ((_e = (_d = (_c = context.appHelper) == null ? void 0 : _c.utils) == null ? void 0 : _d.getData) == null ? void 0 : _e.call(_d, "shop_id")) || ((_j = (_i = (_h = (_g = (_f = context.appHelper.utils.store) == null ? void 0 : _f.getState) == null ? void 0 : _g.call(_f)) == null ? void 0 : _h.global) == null ? void 0 : _i.globalConfig) == null ? void 0 : _j.id),
+    ((_c = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.getData) == null ? void 0 : _c.call(_b, "shop_id")) || ((_h = (_g = (_f = (_e = (_d = context.appHelper.utils.store) == null ? void 0 : _d.getState) == null ? void 0 : _e.call(_d)) == null ? void 0 : _f.global) == null ? void 0 : _g.globalConfig) == null ? void 0 : _h.id),
     state == null ? void 0 : state.renderType,
-    (_k = context.appHelper.utils) == null ? void 0 : _k.businessUtils
+    (_i = context.appHelper.utils) == null ? void 0 : _i.businessUtils
   );
   const [currentProduct, setCurrentProduct] = (0, import_react.useState)(null);
   const stateRef = (0, import_react.useRef)(state);
@@ -117,11 +118,11 @@ var AddSerivce = (props) => {
   const menuList = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
     return ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.menu_list_tab) == null ? void 0 : _c2.menu_list) || [];
-  }, [(_l = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _l.config]);
+  }, [(_j = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _j.config]);
   const customerId = (0, import_react.useMemo)(() => {
     var _a2, _b2;
     return ((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id) || void 0;
-  }, [(_n = (_m = state.client) == null ? void 0 : _m.value) == null ? void 0 : _n.id]);
+  }, [(_l = (_k = state.client) == null ? void 0 : _k.value) == null ? void 0 : _l.id]);
   const scanAddService = (0, import_ahooks.useMemoizedFn)((list, code) => {
     let newService = [...state.service.value];
     list.forEach((item) => {

package/lib/components/ticketBooking/components/bookingDataPanel/index.js

@@ -38,11 +38,11 @@ var import_utils = require("@pisell/utils");
 var import_icons = require("@ant-design/icons");
 var import_bookingDashboard = __toESM(require("./bookingDashboard"));
 var import_bookingList = __toESM(require("./bookingList"));
-var import_useToast = __toESM(require("../../../../hooks/useToast"));
+var import_materials2 = require("@pisell/materials");
 var import_index = require("./index.less");
 var BookingDataPanel = (0, import_react.forwardRef)((props, ref) => {
   const { currentDate, onBookingClick, bookingId } = props;
-  const Toast = (0, import_useToast.default)();
+  const Toast = (0, import_materials2.useToast)();
   const bookingListRef = (0, import_react.useRef)(null);
   const bookingDashboardRef = (0, import_react.useRef)(null);
   const bookingTimeStartBetween = (0, import_react.useMemo)(() => {

package/lib/components/ticketBooking/components/menuBar/index.js

@@ -52,7 +52,7 @@ var index = () => {
         },
         {
           key: "version",
-          label: "6.4.13"
+          label: "6.4.38"
         }
         /*
         {

package/lib/components/ticketBooking/components/ticketBooking/index.js

@@ -250,13 +250,13 @@ var TicketBooking = (props) => {
     interaction,
     store,
     storage,
-    Toast,
     getSymbolic,
     translation,
     pisellosAllModule,
     getData
   } = (_a = engineContext.appHelper) == null ? void 0 : _a.utils;
   const { ScheduleModule } = pisellosAllModule;
+  const Toast = (0, import_materials.useToast)();
   const _persistentRef = (0, import_react.useRef)(false);
   const _initStateRef = (0, import_react.useRef)({});
   const _listTimerRef = (0, import_react.useRef)();

package/lib/components/ticketBooking/hooks/pisellos/useScanCustomer.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/ticketBooking/hooks/pisellos/useScanCustomer.ts
@@ -36,11 +26,11 @@ var import_react = require("react");
 var import_utils = require("@pisell/utils");
 var import_bookingTicket = require("./bookingTicket");
 var import_utils2 = require("../../utils");
-var import_useToast = __toESM(require("../../../../hooks/useToast"));
+var import_materials = require("@pisell/materials");
 var useScanCustomer = () => {
   const bookingTicket = (0, import_bookingTicket.useBookingTicket)();
   const scanRef = (0, import_react.useRef)(null);
-  const Toast = (0, import_useToast.default)();
+  const Toast = (0, import_materials.useToast)();
   const handleScanCustomer = (callback) => {
     console.log("handleScanCustomer>>>>>>>", callback);
     scanRef.current = bookingTicket == null ? void 0 : bookingTicket.scanCustomerListener((data) => {

package/lib/components/ticketBooking/hooks/pisellos/useScanGlobal.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/ticketBooking/hooks/pisellos/useScanGlobal.ts
@@ -35,12 +25,12 @@ module.exports = __toCommonJS(useScanGlobal_exports);
 var import_react = require("react");
 var import_bookingTicket = require("./bookingTicket");
 var import_utils = require("../../utils");
-var import_useToast = __toESM(require("../../../../hooks/useToast"));
+var import_materials = require("@pisell/materials");
 var import_utils2 = require("@pisell/utils");
 var useScanGlobal = () => {
   const bookingTicket = (0, import_bookingTicket.useBookingTicket)();
   const scanRef = (0, import_react.useRef)(null);
-  const Toast = (0, import_useToast.default)();
+  const Toast = (0, import_materials.useToast)();
   const handleScanGlobal = (callback) => {
     scanRef.current = bookingTicket == null ? void 0 : bookingTicket.scanGlobalListener(
       (data) => {

package/lib/components/ticketBooking/hooks/pisellos/useScanGlobalHandle.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/ticketBooking/hooks/pisellos/useScanGlobalHandle.ts
@@ -35,9 +25,9 @@ module.exports = __toCommonJS(useScanGlobalHandle_exports);
 var import_utils = require("@pisell/utils");
 var import_utils2 = require("../../../booking/info2/cartClientCard/utils");
 var import_utils3 = require("../../components/addServiceVariant/utils");
-var import_useToast = __toESM(require("../../../../hooks/useToast"));
+var import_materials = require("@pisell/materials");
 var useScanGlobalHandle = () => {
-  const Toast = (0, import_useToast.default)();
+  const Toast = (0, import_materials.useToast)();
   const walletHandle = (data) => {
     const handleSetClient = (0, import_utils2.getHandleSetClient)();
     if (!data.data) {
@@ -55,7 +45,9 @@ var useScanGlobalHandle = () => {
       return;
     }
     if (handleSetClient && data.data) {
-      handleSetClient(data.data);
+      handleSetClient(data.data, {
+        fullData: data
+      });
     }
   };
   const productHandle = (data) => {

package/lib/components/ticketBooking/utils/index.d.ts

@@ -41,7 +41,7 @@ declare type ScanData = {
     };
 };
 export declare const formatScanCustomer: (data: ScanData) => {
-    searchType: "customer" | "product" | "wallet" | "walletPass" | "local_product";
+    searchType: "product" | "customer" | "wallet" | "walletPass" | "local_product";
     data: any;
     scanCode: string;
 } | null;

package/lib/components/wallet/Detail/model.d.ts

@@ -1,13 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    addWalletCard: any;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    walletDetailState: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/lib/components/wallet/DiscountCard/model.d.ts

@@ -1,14 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    total: number;
-    setup?: 'menu' | 'list' | 'detail' | string;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/lib/components/wallet/PointCard/model.d.ts

@@ -1,13 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    total: number;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/lib/components/wallet/RechargeableCard/model.d.ts

@@ -1,29 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    selectedGiftOptionId: string | null;
-    cardList: Array<{
-        id: string;
-        name: string;
-        price: number;
-    }>;
-    selectedItem: {
-        id?: string;
-        gift_price?: number;
-        price?: number;
-        name?: string;
-        variant_id?: string;
-    };
-    productId?: string;
-    detailId?: string;
-    total: string | number;
-    rechargeModalOpen: boolean;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/lib/components/wallet/Voucher/model.d.ts

@@ -1,13 +1 @@
-/// <reference types="react" />
-interface RechargeState {
-    total: 0;
-}
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: RechargeState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
-export {};
+export declare const Provider: any, Context: any;

package/lib/components/wallet/hooks/useWalletCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IWalletListItemProps } from '../serve';
 /**
  * 钱包卡片Hook的参数

package/lib/components/wallet/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IWalletListItemProps } from './serve';
 export interface WalletCardItemProps {
     id: string;
@@ -27,11 +26,4 @@ export interface WalletListProps {
     currentSearchListItemCode?: string;
     [key: string]: any;
 }
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    global_wallet: WalletListProps;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/workSpaceList/components/Modal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Modal as AntModal, ModalFuncProps as AntModalFuncProps, ModalProps as AntModalProps } from 'antd';
 import './index.less';
 interface ModalProps extends AntModalProps {

package/lib/plus/clientCard/index.js

@@ -94,7 +94,7 @@ var renderAvatar = (processedData, avatarConfig = {}, isShowAvatar = true, isSho
       {
         className: `${PREFIX}__avatar`,
         ...avatarConfig,
-        icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: icon })
+        icon: /* @__PURE__ */ import_react.default.createElement(Iconfont, { type: icon })
       }
     ), statusIndicator);
   }
@@ -177,7 +177,7 @@ var renderExtraFields = (extraFields = [], gap) => {
   if (!extraFields.length) return null;
   return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__extra-fields`, style: { gap } }, extraFields.map((field, index) => {
     return /* @__PURE__ */ import_react.default.createElement("div", { key: index, className: `${PREFIX}__extra-field` }, field.icon && /* @__PURE__ */ import_react.default.createElement(
-      import_materials.Iconfont,
+      Iconfont,
       {
         type: field.icon,
         className: `${PREFIX}__extra-field-icon`,
@@ -287,7 +287,7 @@ var ClientCard = ({
       /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__content` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}__info` }, isShowAvatar && /* @__PURE__ */ import_react.default.createElement(
         import_materials.PisellAvatar,
         {
-          icon: avatar.icon ? /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: avatar.icon }) : /* @__PURE__ */ import_react.default.createElement(
+          icon: avatar.icon ? /* @__PURE__ */ import_react.default.createElement(Iconfont, { type: avatar.icon }) : /* @__PURE__ */ import_react.default.createElement(
             import_icon.User01,
             {
               style: {
@@ -427,8 +427,9 @@ var ClientCard = ({
           {
             type: "text",
             className: `${PREFIX}__menu-button`,
+            size: "large",
             icon: /* @__PURE__ */ import_react.default.createElement(
-              import_materials.Iconfont,
+              import_materials.Icon,
               {
                 type: "pisell2-dots-vertical",
                 className: `${PREFIX}__menu-button-icon`

package/lib/plus/clientCard/index.less

@@ -90,20 +90,19 @@
     flex-shrink: 0;
   }
 
-  // 操作区域
   &__actions {
     display: flex;
     align-items: center;
     flex-shrink: 0;
   }
 
-  // 菜单按钮样式
   &__menu-button {
     border: none;
     box-shadow: none;
     padding: 4px;
-    width: 40px;
-    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     
     &:hover {
       background-color: rgba(0, 0, 0, 0.04);
@@ -265,25 +264,6 @@
           overflow: hidden;
         }
       }
-
-      // 当标签过多时，使用渐变遮罩效果
-      // position: relative;
-
-      // &::after {
-      //   content: '';
-      //   position: absolute;
-      //   right: -5px;
-      //   top: 0;
-      //   bottom: 0;
-      //   width: 20px;
-      //   background: linear-gradient(
-      //     to right,
-      //     rgba(255, 255, 255, 0),
-      //     rgba(255, 255, 255, 1)
-      //   );
-      //   pointer-events: none;
-      //   z-index: 1;
-      // }
     }
 
     &--separate {
@@ -320,15 +300,6 @@
     transition: all 0.2s ease;
   }
 
-  &__action-btn {
-    display: flex;
-    padding: 0;
-    justify-content: center;
-    align-items: center;
-    width: 40px;
-    height: 40px;
-  }
-
   // 操作菜单样式
   &__menu-button {
     &.ant-btn {

package/lib/plus/clientName/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 import { IClientNameProps } from './type';
 declare const ClientName: ({ className, dataSource, style }: IClientNameProps) => JSX.Element | null;

package/lib/plus/clinetSearch/Add/BirthdayField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const DateSectionCom: ({ value, onChange, showTime, className, style, useSpace, format, itemStyle, }: any) => JSX.Element;
 export default DateSectionCom;

package/lib/plus/clinetSearch/Add/GenderField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const GenderField: (props: any) => JSX.Element;
 export default GenderField;

package/lib/plus/clinetSearch/Add/PhoneField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const PhoneField: ({ value, onChange }: any) => JSX.Element;
 export default PhoneField;

package/lib/plus/saasCreateOrganization/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SCOProps } from './types';
 import './index.less';
 declare const SaasCreateOrganization: (props: SCOProps) => JSX.Element;

package/lib/plus/saasRegister/components/VertifyEmail.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../index.less';
 declare const VertifyEmail: (props: {
     email: string;

package/lib/pro/comprehensiveSearch/components/searchSection/index.js

@@ -104,22 +104,16 @@ var SearchSection = (props) => {
       return icon.map((item, idx) => {
         let divider = null;
         if (idx > 0) {
-          divider = /* @__PURE__ */ import_react.default.createElement("span", { className: "comprehensive-search__search-camera-divider" });
+          divider = /* @__PURE__ */ import_react.default.createElement("span", { className: "comprehensive-search__camera-activator-icons-divider" });
         }
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, divider, /* @__PURE__ */ import_react.default.createElement(
-          import_materials.Iconfont,
-          {
-            type: item,
-            className: "comprehensive-search__search-camera"
-          }
-        ));
+        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, divider, /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: item, className: "comprehensive-search__camera-activator-icon" }));
       });
     }
     return /* @__PURE__ */ import_react.default.createElement(
-      import_materials.Iconfont,
+      import_materials.Icon,
       {
         type: "pisell2-camera-01",
-        className: "comprehensive-search__search-camera"
+        className: "comprehensive-search__camera-activator-icon"
       }
     );
   };
@@ -133,7 +127,7 @@ var SearchSection = (props) => {
       "div",
       {
         className: (0, import_classnames.default)(
-          "comprehensive-search__search-camera-wrapper",
+          "comprehensive-search__camera-activator",
           {
             disabled: !isTerminal
           }
@@ -147,13 +141,7 @@ var SearchSection = (props) => {
         value: searchValue,
         onChange: handleInputChange,
         placeholder: placeholder || import_utils.locales.getText("pisell2.comprehensive-search.placeholder"),
-        prefix: /* @__PURE__ */ import_react.default.createElement(
-          import_materials.Iconfont,
-          {
-            style: { fontSize: 24, color: "#5D3F9F" },
-            type: searchIcon
-          }
-        ),
+        prefix: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { className: "comprehensive-search__prefix-icon", type: searchIcon }),
         onPressEnter: handleSearch,
         className: "comprehensive-search__search-input",
         allowClear: true

package/lib/pro/comprehensiveSearch/components/searchSection/index.less

@@ -22,7 +22,7 @@
 
   .comprehensive-search__search-input {
     height: 38px;
-    padding: 0 16px;
+    padding: 0 12px;
     display: flex;
     align-items: center;
     border: none;
@@ -35,45 +35,48 @@
       box-shadow: none;
     }
 
-    .ant-input-prefix {
-      margin-right: 12px;
-
-      .anticon,
-      .iconfont {
-        font-size: 24px;
-        color: #5d3f9f;
-      }
+    .comprehensive-search__prefix-icon {
+      font-size: 20px;
+      color: #667085;
     }
   }
 
-  .comprehensive-search__search-camera-wrapper {
+  .comprehensive-search__camera-activator {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 8px !important;
     border-radius: 8px;
-    border: 1px solid #7f56da;
-    background: #5d3f9f;
+    border: 1px solid #e9d7fe;
+    background: #f9f5ff;
     width: 38px;
     height: 38px;
     cursor: pointer;
     gap: 8px;
 
-    .comprehensive-search__search-camera-divider {
+    .comprehensive-search__camera-activator-icons-divider {
       display: inline-block;
       height: 20px;
-      width: 1px;
-      background-color: white;
+      width: 2px;
+      background-color: #b692f6;
+    }
+
+    .comprehensive-search__camera-activator-icon {
+      font-size: 24px;
+      color: #6941c6;
     }
 
     &.disabled {
       border: none;
       background-color: #d1d5dd;
-    }
 
-    .comprehensive-search__search-camera {
-      font-size: 20px;
-      color: #fff;
+      .comprehensive-search__camera-activator-icon {
+        color: white;
+      }
+
+      .comprehensive-search__camera-activator-icons-divider {
+        background-color: white;
+      }
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.5.2",
+  "version": "6.5.3",
   "scripts": {
     "dev": "father dev",
     "build": "father build",