@pisell/private-materials 6.8.13 → 6.8.15

package/es/components/shoppingCart/locales.d.ts

@@ -0,0 +1,36 @@
+declare const _default: {
+    en: {
+        'pisell2.text.shopping-cart.item': (num: number) => string;
+        'pisell2.text.shopping-cart.clear.cart': string;
+        'pisell2.text.shopping-cart.add.service': string;
+        'pisell2.text.shopping-cart.add.more': string;
+        'pisell2.text.shopping-cart.no.selected': string;
+        'pisell2.text.shopping-cart.confirm': string;
+        'pisell2.text.shopping-cart.cancel': string;
+        'pisell2.text.shopping-cart.select.holder.modal.title': string;
+        'pisell2.text.shopping-cart.save.items': (num: number) => string;
+    };
+    'zh-CN': {
+        'pisell2.text.shopping-cart.item': (num: number) => string;
+        'pisell2.text.shopping-cart.clear.cart': string;
+        'pisell2.text.shopping-cart.add.service': string;
+        'pisell2.text.shopping-cart.add.more': string;
+        'pisell2.text.shopping-cart.no.selected': string;
+        'pisell2.text.shopping-cart.confirm': string;
+        'pisell2.text.shopping-cart.cancel': string;
+        'pisell2.text.shopping-cart.select.holder.modal.title': string;
+        'pisell2.text.shopping-cart.save.items': (num: number) => string;
+    };
+    'zh-HK': {
+        'pisell2.text.shopping-cart.item': (num: number) => string;
+        'pisell2.text.shopping-cart.clear.cart': string;
+        'pisell2.text.shopping-cart.add.service': string;
+        'pisell2.text.shopping-cart.add.more': string;
+        'pisell2.text.shopping-cart.no.selected': string;
+        'pisell2.text.shopping-cart.confirm': string;
+        'pisell2.text.shopping-cart.cancel': string;
+        'pisell2.text.shopping-cart.select.holder.modal.title': string;
+        'pisell2.text.shopping-cart.save.items': (num: number) => string;
+    };
+};
+export default _default;

package/es/components/shoppingCart/type.d.ts

@@ -0,0 +1,50 @@
+import { CollapseProps } from 'antd';
+export interface productProps {
+    hideAddBtn?: boolean;
+    isShowNote?: boolean;
+    isShowPackageNote?: boolean;
+    products?: any[];
+    holders?: any[];
+    isEdit?: boolean;
+    disabledEdit?: boolean;
+    isShowChangeResource?: boolean;
+    isShowDelete?: boolean;
+    isShowChangeHolder?: boolean;
+    isShowHolder?: boolean;
+    isShowAddHolderButton?: boolean;
+}
+export interface shoppingCartProps {
+    isOpenGroup?: boolean;
+    carts?: any[];
+    platform?: 'shop' | 'h5';
+    emptyText?: string;
+    activeKey?: string[] | number[];
+    defaultActiveKey?: string[] | number[];
+    className?: string;
+    onCard?: (e: any) => void;
+    onAction?: (e: any) => void;
+    onChange?: (items: any, type?: string, other?: any) => void;
+    onAddProduct?: (e?: any) => void;
+    onActiveKey?: (e: any) => void;
+    isShowImage?: boolean;
+    isShowHolder?: boolean;
+    isShowDelete?: boolean;
+    isShowAmountFooter?: boolean;
+    collapseParams?: CollapseProps;
+    productParams?: productProps;
+    isHideClearCart?: boolean;
+    isParallelResource?: boolean;
+    scenario?: 'booking2';
+}
+/**
+ * @title: 商品卡片
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-11-29 09:52
+ */
+export interface ProductProps {
+    id?: any;
+    lists: any[];
+    isAdd?: boolean;
+}

package/es/components/subTotal/locales.d.ts

@@ -0,0 +1,42 @@
+declare const _default: {
+    en: {
+        'pisell2.subtotal.deposit': string;
+        'pisell2.subtotal.total': string;
+        'pisell2.subtotal.subtotal': string;
+        'pisell2.subtotal.tax': string;
+        'pisell2.subtotal.delivery-fee': string;
+        'pisell2.subtotal.discount': string;
+        'pisell2.subtotal.point-deduction': string;
+        'pisell2.subtotal.member-deduction': string;
+        'pisell2.subtotal.items': string;
+        'pisell2.subtotal.not-contain': string;
+        'pisell2.subtotal.included': string;
+    };
+    'zh-CN': {
+        'pisell2.subtotal.deposit': string;
+        'pisell2.subtotal.total': string;
+        'pisell2.subtotal.subtotal': string;
+        'pisell2.subtotal.tax': string;
+        'pisell2.subtotal.delivery-fee': string;
+        'pisell2.subtotal.discount': string;
+        'pisell2.subtotal.point-deduction': string;
+        'pisell2.subtotal.member-deduction': string;
+        'pisell2.subtotal.items': string;
+        'pisell2.subtotal.not-contain': string;
+        'pisell2.subtotal.included': string;
+    };
+    'zh-HK': {
+        'pisell2.subtotal.deposit': string;
+        'pisell2.subtotal.total': string;
+        'pisell2.subtotal.subtotal': string;
+        'pisell2.subtotal.tax': string;
+        'pisell2.subtotal.delivery-fee': string;
+        'pisell2.subtotal.discount': string;
+        'pisell2.subtotal.point-deduction': string;
+        'pisell2.subtotal.member-deduction': string;
+        'pisell2.subtotal.items': string;
+        'pisell2.subtotal.not-contain': string;
+        'pisell2.subtotal.included': string;
+    };
+};
+export default _default;

package/es/components/systemSettings/registry/components/ModuleList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SectionListProps } from '../types';
+declare const SectionList: React.FC<SectionListProps>;
+export default SectionList;

package/es/components/systemSettings/registry/locales.d.ts

@@ -0,0 +1,272 @@
+declare const _default: {
+    en: {
+        'registry.title': string;
+        'registry.sections.title': string;
+        'registry.sections.empty': string;
+        'registry.sections.loadMore': string;
+        'registry.sections.noMore': string;
+        'registry.table.title': string;
+        'registry.table.name': string;
+        'registry.table.key': string;
+        'registry.table.type': string;
+        'registry.table.interface': string;
+        'registry.table.scopes': string;
+        'registry.table.default': string;
+        'registry.table.description': string;
+        'registry.table.actions': string;
+        'registry.level.group': string;
+        'registry.level.item': string;
+        'registry.action.add.group': string;
+        'registry.action.add.item': string;
+        'registry.action.edit': string;
+        'registry.action.delete': string;
+        'registry.action.expand': string;
+        'registry.action.collapse': string;
+        'registry.modal.add.group': string;
+        'registry.modal.edit.group': string;
+        'registry.modal.add.item': string;
+        'registry.modal.edit.item': string;
+        'registry.modal.delete.title': string;
+        'registry.modal.delete.group.content': string;
+        'registry.modal.delete.group.hasItems.title': string;
+        'registry.modal.delete.group.hasItems.content': string;
+        'registry.modal.delete.item.content': string;
+        'registry.form.title': string;
+        'registry.form.name': string;
+        'registry.form.name.placeholder': string;
+        'registry.form.code': string;
+        'registry.form.code.placeholder': string;
+        'registry.form.key': string;
+        'registry.form.key.placeholder': string;
+        'registry.form.fieldType': string;
+        'registry.form.fieldType.placeholder': string;
+        'registry.form.interfaceType': string;
+        'registry.form.interfaceType.placeholder': string;
+        'registry.form.scopes': string;
+        'registry.form.scopes.placeholder': string;
+        'registry.form.description': string;
+        'registry.form.description.placeholder': string;
+        'registry.form.systemDefaultValue': string;
+        'registry.form.systemDefaultValue.placeholder': string;
+        'registry.form.uiSchema': string;
+        'registry.form.uiSchema.placeholder': string;
+        'registry.button.ok': string;
+        'registry.button.cancel': string;
+        'registry.button.save': string;
+        'registry.message.save.success': string;
+        'registry.message.delete.success': string;
+        'registry.message.required': string;
+        'registry.message.code.exists': string;
+        'registry.message.key.exists': string;
+        'registry.message.code.pattern': string;
+        'registry.message.key.pattern': string;
+        'registry.message.code.format': string;
+        'registry.message.code.start': string;
+        'registry.message.code.end': string;
+        'registry.message.code.consecutive': string;
+        'registry.message.name.maxLength': string;
+        'registry.message.key.maxLength': string;
+        'registry.message.description.maxLength': string;
+        'registry.message.uiSchema.invalid': string;
+        'registry.message.select.section': string;
+        'registry.message.loading.groups': string;
+        'registry.message.no.settings': string;
+        'registry.message.load.failed': string;
+        'registry.message.create.group.error': string;
+        'registry.drag.drop.here': string;
+        'registry.empty.container.placeholder': string;
+        'registry.message.update.group.error': string;
+        'registry.message.delete.group.error': string;
+        'registry.message.create.item.error': string;
+        'registry.message.update.item.error': string;
+        'registry.message.delete.item.error': string;
+        'registry.message.reorder.success': string;
+        'registry.message.reorder.error': string;
+        'registry.message.move.success': string;
+        'registry.message.move.error': string;
+        'registry.scope.systemDefault': string;
+        'registry.scope.saasDefault': string;
+        'registry.scope.organization': string;
+        'registry.scope.business': string;
+        'registry.scope.channel': string;
+        'registry.scope.board': string;
+    };
+    'zh-CN': {
+        'registry.title': string;
+        'registry.sections.title': string;
+        'registry.sections.empty': string;
+        'registry.sections.loadMore': string;
+        'registry.sections.noMore': string;
+        'registry.table.title': string;
+        'registry.table.name': string;
+        'registry.table.key': string;
+        'registry.table.type': string;
+        'registry.table.interface': string;
+        'registry.table.scopes': string;
+        'registry.table.default': string;
+        'registry.table.description': string;
+        'registry.table.actions': string;
+        'registry.level.group': string;
+        'registry.level.item': string;
+        'registry.action.add.group': string;
+        'registry.action.add.item': string;
+        'registry.action.edit': string;
+        'registry.action.delete': string;
+        'registry.action.expand': string;
+        'registry.action.collapse': string;
+        'registry.modal.add.group': string;
+        'registry.modal.edit.group': string;
+        'registry.modal.add.item': string;
+        'registry.modal.edit.item': string;
+        'registry.modal.delete.title': string;
+        'registry.modal.delete.group.content': string;
+        'registry.modal.delete.group.hasItems.title': string;
+        'registry.modal.delete.group.hasItems.content': string;
+        'registry.modal.delete.item.content': string;
+        'registry.form.title': string;
+        'registry.form.name': string;
+        'registry.form.name.placeholder': string;
+        'registry.form.code': string;
+        'registry.form.code.placeholder': string;
+        'registry.form.key': string;
+        'registry.form.key.placeholder': string;
+        'registry.form.fieldType': string;
+        'registry.form.fieldType.placeholder': string;
+        'registry.form.interfaceType': string;
+        'registry.form.interfaceType.placeholder': string;
+        'registry.form.scopes': string;
+        'registry.form.scopes.placeholder': string;
+        'registry.form.description': string;
+        'registry.form.description.placeholder': string;
+        'registry.form.systemDefaultValue': string;
+        'registry.form.systemDefaultValue.placeholder': string;
+        'registry.form.uiSchema': string;
+        'registry.form.uiSchema.placeholder': string;
+        'registry.button.ok': string;
+        'registry.button.cancel': string;
+        'registry.button.save': string;
+        'registry.message.save.success': string;
+        'registry.message.delete.success': string;
+        'registry.message.required': string;
+        'registry.message.code.exists': string;
+        'registry.message.key.exists': string;
+        'registry.message.code.pattern': string;
+        'registry.message.key.pattern': string;
+        'registry.message.code.format': string;
+        'registry.message.code.start': string;
+        'registry.message.code.end': string;
+        'registry.message.code.consecutive': string;
+        'registry.message.name.maxLength': string;
+        'registry.message.key.maxLength': string;
+        'registry.message.description.maxLength': string;
+        'registry.message.uiSchema.invalid': string;
+        'registry.message.select.section': string;
+        'registry.message.loading.groups': string;
+        'registry.message.no.settings': string;
+        'registry.message.load.failed': string;
+        'registry.message.create.group.error': string;
+        'registry.message.update.group.error': string;
+        'registry.message.delete.group.error': string;
+        'registry.message.create.item.error': string;
+        'registry.message.update.item.error': string;
+        'registry.message.delete.item.error': string;
+        'registry.message.reorder.success': string;
+        'registry.message.reorder.error': string;
+        'registry.message.move.success': string;
+        'registry.message.move.error': string;
+        'registry.drag.drop.here': string;
+        'registry.empty.container.placeholder': string;
+        'registry.scope.systemDefault': string;
+        'registry.scope.saasDefault': string;
+        'registry.scope.organization': string;
+        'registry.scope.business': string;
+        'registry.scope.channel': string;
+        'registry.scope.board': string;
+    };
+    'zh-HK': {
+        'registry.title': string;
+        'registry.sections.title': string;
+        'registry.sections.empty': string;
+        'registry.sections.loadMore': string;
+        'registry.sections.noMore': string;
+        'registry.table.title': string;
+        'registry.table.name': string;
+        'registry.table.key': string;
+        'registry.table.scopes': string;
+        'registry.table.actions': string;
+        'registry.level.group': string;
+        'registry.level.item': string;
+        'registry.action.add.group': string;
+        'registry.action.add.item': string;
+        'registry.action.edit': string;
+        'registry.action.delete': string;
+        'registry.action.expand': string;
+        'registry.action.collapse': string;
+        'registry.modal.add.group': string;
+        'registry.modal.edit.group': string;
+        'registry.modal.add.item': string;
+        'registry.modal.edit.item': string;
+        'registry.modal.delete.title': string;
+        'registry.modal.delete.group.content': string;
+        'registry.modal.delete.group.hasItems.title': string;
+        'registry.modal.delete.group.hasItems.content': string;
+        'registry.modal.delete.item.content': string;
+        'registry.form.title': string;
+        'registry.form.name': string;
+        'registry.form.name.placeholder': string;
+        'registry.form.code': string;
+        'registry.form.code.placeholder': string;
+        'registry.form.key': string;
+        'registry.form.key.placeholder': string;
+        'registry.form.fieldType': string;
+        'registry.form.fieldType.placeholder': string;
+        'registry.form.interfaceType': string;
+        'registry.form.interfaceType.placeholder': string;
+        'registry.form.scopes': string;
+        'registry.form.scopes.placeholder': string;
+        'registry.form.description': string;
+        'registry.form.description.placeholder': string;
+        'registry.form.systemDefaultValue': string;
+        'registry.form.systemDefaultValue.placeholder': string;
+        'registry.form.uiSchema': string;
+        'registry.form.uiSchema.placeholder': string;
+        'registry.button.ok': string;
+        'registry.button.cancel': string;
+        'registry.button.save': string;
+        'registry.message.save.success': string;
+        'registry.message.delete.success': string;
+        'registry.message.required': string;
+        'registry.message.code.exists': string;
+        'registry.message.key.exists': string;
+        'registry.message.code.pattern': string;
+        'registry.message.key.pattern': string;
+        'registry.message.code.format': string;
+        'registry.message.code.start': string;
+        'registry.message.code.end': string;
+        'registry.message.code.consecutive': string;
+        'registry.message.name.maxLength': string;
+        'registry.message.key.maxLength': string;
+        'registry.message.description.maxLength': string;
+        'registry.message.select.section': string;
+        'registry.message.loading.groups': string;
+        'registry.message.no.settings': string;
+        'registry.message.load.failed': string;
+        'registry.message.create.group.error': string;
+        'registry.message.update.group.error': string;
+        'registry.message.delete.group.error': string;
+        'registry.message.create.item.error': string;
+        'registry.message.update.item.error': string;
+        'registry.message.delete.item.error': string;
+        'registry.message.reorder.success': string;
+        'registry.message.reorder.error': string;
+        'registry.message.move.success': string;
+        'registry.message.move.error': string;
+        'registry.scope.systemDefault': string;
+        'registry.scope.saasDefault': string;
+        'registry.scope.organization': string;
+        'registry.scope.business': string;
+        'registry.scope.channel': string;
+        'registry.scope.board': string;
+    };
+};
+export default _default;

package/es/components/systemSettings/registry/services.d.ts

@@ -0,0 +1,77 @@
+import { ApiResponse, MultiLanguageText, SettingGroup, Section, SettingItem } from './types';
+export interface CreateGroupParams {
+    section_code: string;
+    code: string;
+    title: MultiLanguageText;
+    sort: number;
+}
+export interface UpdateGroupParams {
+    id: number;
+    code: string;
+    title: MultiLanguageText;
+}
+export interface DeleteGroupParams {
+    id: number;
+}
+export interface SortGroupParams {
+    section_code: string;
+    group_ids: number[];
+}
+export declare const createGroup: (request: any, params: CreateGroupParams) => Promise<ApiResponse<SettingGroup>>;
+export declare const updateGroup: (request: any, params: UpdateGroupParams) => Promise<ApiResponse<SettingGroup>>;
+export declare const deleteGroup: (request: any, params: DeleteGroupParams) => Promise<any>;
+export declare const sortGroups: (request: any, params: SortGroupParams) => Promise<any>;
+export declare const getSectionList: (request: any, params: {
+    page?: number;
+    pageSize?: number;
+    filter?: Record<string, any>;
+}) => Promise<ApiResponse<Section>>;
+export declare const getGroupList: (request: any, params: {
+    page?: number;
+    pageSize?: number;
+    filter?: Record<string, any>;
+}) => Promise<ApiResponse<SettingGroup>>;
+export interface CreateItemParams {
+    section_code: string;
+    group_id: number;
+    code: string;
+    title: MultiLanguageText;
+    description?: MultiLanguageText;
+    type: string;
+    interface?: string;
+    default?: string | null;
+    scopes?: string[];
+    schema?: any;
+    sort?: number;
+}
+export interface UpdateItemParams {
+    id: number;
+    section_code: string;
+    group_id: number;
+    code: string;
+    title: MultiLanguageText;
+    description?: MultiLanguageText;
+    type: string;
+    interface?: string;
+    default?: string | null;
+    scopes?: string[];
+    schema?: any;
+    sort?: number;
+}
+export interface DeleteItemParams {
+    id: number;
+}
+export interface SortItemParams {
+    id: number;
+    group_id: string;
+    item_ids: number[];
+}
+export declare const createItem: (request: any, params: CreateItemParams) => Promise<ApiResponse<SettingItem>>;
+export declare const updateItem: (request: any, params: UpdateItemParams) => Promise<ApiResponse<SettingItem>>;
+export declare const deleteItem: (request: any, params: DeleteItemParams) => Promise<any>;
+export declare const sortItems: (request: any, params: SortItemParams) => Promise<any>;
+export declare const getItemList: (request: any, params: {
+    page?: number;
+    pageSize?: number;
+    filter?: Record<string, any>;
+}) => Promise<ApiResponse<SettingItem>>;

package/es/components/systemSettings/registry/types.d.ts

@@ -0,0 +1,126 @@
+import { CSSProperties } from 'react';
+export interface MultiLanguageText {
+    en: string;
+    'zh-CN': string;
+    'zh-HK': string;
+    original: string;
+}
+export interface BaseItem {
+    id: number;
+    name: string | MultiLanguageText;
+    code: string;
+    order?: number;
+}
+export interface SettingItem extends BaseItem {
+    key?: string;
+    scopes?: string[];
+    groupId?: number;
+    group_id?: number;
+    fieldType?: string;
+    type?: string;
+    interfaceType?: string;
+    interface?: string;
+    description?: string | MultiLanguageText;
+    systemDefaultValue?: string;
+    default?: string;
+    uiSchema?: string;
+    schema?: any;
+    title?: string | MultiLanguageText;
+    sort: number;
+    created_at?: string | null;
+    updated_at?: string | null;
+    deleted_at?: string | null;
+}
+export interface SettingGroup extends BaseItem {
+    items: SettingItem[];
+    expanded?: boolean;
+    sort: number;
+}
+export interface Section extends BaseItem {
+    icon?: string;
+    description?: string | MultiLanguageText;
+    groups: SettingGroup[];
+    created_at?: string | null;
+    updated_at?: string | null;
+    deleted_at?: string | null;
+}
+export interface TreeNode {
+    key: string;
+    type: 'group' | 'item';
+    data: SettingGroup | SettingItem;
+    children?: TreeNode[];
+    parentKey?: string;
+}
+export declare type OperationType = 'add' | 'edit' | 'delete';
+export interface DragItem {
+    id: number;
+    type: 'group' | 'item';
+    groupId?: number;
+}
+export interface RegistryProps {
+    className?: string;
+    style?: CSSProperties;
+    sections?: Section[];
+    selectedSectionId?: number;
+    onSectionSelect?: (sectionId: number) => void;
+    onDataChange?: (sections: Section[]) => void;
+}
+export interface SectionListProps {
+    sections: Section[];
+    selectedSectionId?: number;
+    onSectionSelect: (sectionId: number) => void;
+    loading?: boolean;
+    hasMore?: boolean;
+    onLoadMore?: () => void;
+}
+export interface SettingsTableProps {
+    section?: Section;
+    groupList?: SettingGroup[];
+    groupLoading?: boolean;
+    onDataChange?: (section: Section) => void;
+    onEditGroup?: (group: SettingGroup) => void;
+    onDeleteGroup?: (groupId: number) => void;
+    onAddItem?: (groupId: number) => void;
+    onEditItem?: (item: SettingItem) => void;
+    onDeleteItem?: (itemId: number) => void;
+    onGroupReorder?: (groupIds: number[]) => void;
+    onItemMove?: (itemId: number, targetGroupId: number, newOrder: number) => void;
+}
+export interface GroupFormData {
+    title: MultiLanguageText;
+    code: string;
+}
+export interface ItemFormData {
+    name: MultiLanguageText;
+    key: string;
+    fieldType: string;
+    interfaceType?: string;
+    scopes: string[];
+    description?: MultiLanguageText;
+    default?: string | null;
+    uiSchema?: string;
+}
+export interface GroupModalProps {
+    open: boolean;
+    type: OperationType;
+    data?: SettingGroup;
+    onOk: (data: GroupFormData) => void | Promise<void>;
+    onCancel: () => void;
+}
+export interface ItemModalProps {
+    open: boolean;
+    type: OperationType;
+    data?: SettingItem;
+    section?: Section;
+    onOk: (data: ItemFormData) => void | Promise<void>;
+    onCancel: () => void;
+}
+export interface ApiResponse<T> {
+    data: T[];
+    meta: {
+        count: number;
+        page: number;
+        pageSize: number;
+        totalPage: number;
+    };
+}

package/es/components/systemSettings/registry/utils/typeValidation.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 类型验证工具函数
+ * 用于验证默认值是否符合指定的字段类型
+ */
+export interface ValidationResult {
+    isValid: boolean;
+    error?: string;
+}
+/**
+ * 根据字段类型验证默认值
+ */
+export declare const validateDefaultValue: (fieldType: string, defaultValue: any) => ValidationResult;
+/**
+ * 解析默认值为对应的类型
+ */
+export declare const parseDefaultValue: (fieldType: string, defaultValue: any) => any;

package/es/components/systemSettings/registry/utils/validators.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 验证器工具函数
+ */
+/**
+ * 创建带前缀的应用标识符验证器
+ * 用于验证设置项的键格式
+ */
+export declare const createPrefixedAppIdentifierValidator: (sectionCode: string) => (_: any, value: string) => Promise<void>;

package/es/components/taxSelect/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from "antd";
 import "./index.less";
 interface TaxSelectProps {

package/es/components/ticketBooking/components/ProductDisplayAdapter/ProductDisplayAdapter.js

@@ -152,7 +152,7 @@ var ProductDisplayAdapter = function ProductDisplayAdapter(props) {
       displayStyle: displayStyle,
       columns: columns,
       paginationType: paginationType,
-      layoutDirection: "horizontal"
+      layoutDirection: "vertical"
       // Tab 配置
       ,
       tabStyle: enableTab ? tabStyle : 'none',

package/es/components/ticketBooking/components/ProductDisplayAdapter/index.less

@@ -17,6 +17,7 @@
     background-color: #4e4e4e;
     overflow: auto;
     border-radius: 0;
+    max-height: 100%;
     .list-group-items {
       .list-item {
         height: 100% !important;
@@ -53,8 +54,8 @@
 }
 
 .pisell-product-display-adapter__search-wrapper {
-  padding: 0;
-  margin-bottom: 12px;
+  padding: 12px;
+  margin: 0;
   --ps-color-primary: #8157d5;
   --ps-color-text: #1b1b1b;
   --ps-color-text-secondary: #4e4e4e;