@pisell/private-materials 3.4.59 → 3.4.61

package/es/components/kioskSkuDetail/index.less

@@ -0,0 +1,196 @@
+.pisell-kiosk-sku-detail-viewport {
+  position: relative;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+  background: #f2f4f7;
+}
+
+.pisell-kiosk-sku-detail {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: 1080px;
+  height: 1800px;
+  overflow-y: auto;
+  background: #f2f4f7;
+  background-size: cover;
+  background-position: center;
+  padding: 40px;
+  box-sizing: border-box;
+}
+
+.pisell-kiosk-sku-detail__content {
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  gap: 40px;
+  padding-bottom: 220px; // avoid overlap with footer
+  .pisell-pro-selector_header-content {
+    .pisell-pro-selector_header-content-title {
+      color: #101828;
+      font-size: 36px !important;
+    }
+    .pisell-lowcode-tag {
+      font-size: 22px !important;
+      margin-left: 20px !important;
+      padding-top: 5px !important;
+      padding-bottom: 5px !important;
+    }
+  }
+  .pisell-pro-selector_tip {
+    font-size: 36px !important;
+    color: #667085;
+  }
+  .pisell-sku-options-selection-variant-card__title {
+    font-size: 36px !important;
+    font-weight: 600 !important;
+    color: #101828;
+  }
+  .pisell-sku-options-selection-variant-card__price {
+    font-size: 30px !important;
+  }
+  .pisell-sku-options-selection-variant-card {
+    padding-top: 30px !important;
+    padding-bottom: 30px !important;
+  }
+}
+
+.pisell-kiosk-sku-detail__hero {
+  width: 100%;
+  border-radius: 40px;
+  overflow: hidden;
+  background: #ffffff;
+}
+
+.pisell-kiosk-sku-detail__hero-img {
+  width: 100%;
+  height: 633px;
+  object-fit: cover;
+  display: block;
+}
+
+.pisell-kiosk-sku-detail__hero-placeholder {
+  width: 100%;
+  height: 633px;
+  background: #f2f4f7;
+}
+
+.pisell-kiosk-sku-detail__header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 20px;
+  text-align: center;
+}
+
+.pisell-kiosk-sku-detail__title {
+  font-size: 60px;
+  line-height: 72px;
+  font-weight: 600;
+  color: #000;
+}
+
+.pisell-kiosk-sku-detail__desc {
+  font-size: 36px;
+  line-height: 44px;
+  font-weight: 400;
+  color: #475467;
+}
+
+.pisell-kiosk-sku-detail__price-range {
+  font-size: 48px;
+  line-height: 60px;
+  font-weight: 600;
+  color: #f79009;
+}
+
+.pisell-kiosk-sku-detail__error {
+  font-size: 20px;
+  line-height: 30px;
+  color: #b42318;
+}
+
+.pisell-kiosk-sku-detail__options-card {
+  background: #fff;
+  border-radius: 40px;
+  padding: 40px;
+  .pisell-pro-selector_options-container {
+    grid-template-columns: 1fr 1fr !important;
+  }
+}
+
+.pisell-kiosk-sku-detail__options-loading {
+  font-size: 20px;
+  color: #667085;
+  padding: 20px 0;
+}
+
+.pisell-kiosk-sku-detail__footer {
+  // 注意：父容器有 transform(scale)，fixed 会相对该容器定位（适配小分辨率缩放舞台）
+  position: fixed;
+  left: 30px;
+  right: 30px;
+  bottom: 30px;
+  transform: none;
+  width: auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20px;
+  padding: 30px;
+  background: #fff;
+  border: 1px solid #d0d5dd;
+  border-radius: 80px;
+  box-shadow:
+    0px 4px 6px -2px rgba(16, 24, 40, 0.03),
+    0px 12px 16px -4px rgba(16, 24, 40, 0.08);
+  box-sizing: border-box;
+}
+
+.pisell-kiosk-sku-detail__back-btn {
+  border-radius: 80px;
+  border: 1px solid #98a2b3 !important;
+  background: #fff !important;
+  color: #101828 !important;
+  height: 72px;
+  padding: 0 24px;
+  font-size: 20px;
+  font-weight: 600;
+}
+
+.pisell-kiosk-sku-detail__footer-center {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  // 靠右，并与右侧主按钮保持 20px 间距
+  margin-left: auto;
+  margin-right: 20px;
+}
+
+.pisell-kiosk-sku-detail__item-total {
+  font-size: 20px;
+  line-height: 30px;
+  font-weight: 600;
+  color: #101828;
+  white-space: nowrap;
+}
+
+.pisell-kiosk-sku-detail__qty {
+  display: flex;
+  align-items: center;
+}
+
+.pisell-kiosk-sku-detail__add-btn {
+  border-radius: 80px !important;
+  height: 72px;
+  padding: 0 36px !important;
+  font-size: 24px !important;
+  font-weight: 600 !important;
+  background: #ffbc0d !important;
+  border-color: #ffbc0d !important;
+  color: #fff !important;
+}
+
+

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

@@ -0,0 +1,27 @@
+declare const _default: {
+    en: {
+        'pisell2.text.kiosk.sku.detail.btn.back': string;
+        'pisell2.text.kiosk.sku.detail.item.total': string;
+        'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
+        'pisell2.text.kiosk.sku.detail.btn.update': string;
+        'pisell2.text.kiosk.sku.detail.loading.options': string;
+        'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+    };
+    'zh-CN': {
+        'pisell2.text.kiosk.sku.detail.btn.back': string;
+        'pisell2.text.kiosk.sku.detail.item.total': string;
+        'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
+        'pisell2.text.kiosk.sku.detail.btn.update': string;
+        'pisell2.text.kiosk.sku.detail.loading.options': string;
+        'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+    };
+    'zh-TW': {
+        'pisell2.text.kiosk.sku.detail.btn.back': string;
+        'pisell2.text.kiosk.sku.detail.item.total': string;
+        'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
+        'pisell2.text.kiosk.sku.detail.btn.update': string;
+        'pisell2.text.kiosk.sku.detail.loading.options': string;
+        'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+    };
+};
+export default _default;

package/es/components/kioskSkuDetail/locales.js

@@ -0,0 +1,26 @@
+export default {
+  en: {
+    'pisell2.text.kiosk.sku.detail.btn.back': 'Back',
+    'pisell2.text.kiosk.sku.detail.item.total': 'Item total',
+    'pisell2.text.kiosk.sku.detail.btn.add.to.cart': 'Add to cart',
+    'pisell2.text.kiosk.sku.detail.btn.update': 'Update',
+    'pisell2.text.kiosk.sku.detail.loading.options': 'Loading options…',
+    'pisell2.text.kiosk.sku.detail.toast.select.variant': 'Please select a top-up option'
+  },
+  'zh-CN': {
+    'pisell2.text.kiosk.sku.detail.btn.back': '返回',
+    'pisell2.text.kiosk.sku.detail.item.total': '小计',
+    'pisell2.text.kiosk.sku.detail.btn.add.to.cart': '加入购物车',
+    'pisell2.text.kiosk.sku.detail.btn.update': '更新',
+    'pisell2.text.kiosk.sku.detail.loading.options': '正在加载选项…',
+    'pisell2.text.kiosk.sku.detail.toast.select.variant': '请选择充值选项'
+  },
+  'zh-TW': {
+    'pisell2.text.kiosk.sku.detail.btn.back': '返回',
+    'pisell2.text.kiosk.sku.detail.item.total': '小計',
+    'pisell2.text.kiosk.sku.detail.btn.add.to.cart': '加入購物車',
+    'pisell2.text.kiosk.sku.detail.btn.update': '更新',
+    'pisell2.text.kiosk.sku.detail.loading.options': '正在載入選項…',
+    'pisell2.text.kiosk.sku.detail.toast.select.variant': '請選擇充值選項'
+  }
+};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 export interface LoginProps {
     title: string;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const SetupForm: ({ onReady, amount, order_id, payment_method, scene, }: any) => JSX.Element;
 export default SetupForm;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.module.less';
 declare const StripePayment: () => JSX.Element;
 export default StripePayment;

package/es/components/pay/toC/WalletPassBlock/components/WalletUseList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WalletPassDataType } from '../../../PaymentMethods/WalletPass/serve';
 import './index.less';
 interface WalletUseListProps {

package/es/components/pisellSelectCustomerModal/RightPanel/Add/BirthdayField/index.d.ts

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

package/es/components/pisellSelectCustomerModal/RightPanel/Add/GenderField/index.d.ts

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

package/es/components/pisellSelectCustomerModal/RightPanel/List/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface CustomerListProps {
     value: any;

package/es/components/productExtension/fields/Actor/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Actor: ({ name }: {
     name: string;
 }) => JSX.Element;

package/es/components/productExtension/fields/Forms/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface InfoProps {
     relation_id: any;
     action: any;

package/es/components/productExtension/fields/SelectProducts/ProductItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItem;

package/es/components/productExtension/fields/SelectProducts/ProductItemPreview/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductItemPreview: ({ item, onClick, onRemove, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItemPreview;

package/es/components/productExtension/fields/SelectProducts/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface valueType {
 }

package/es/components/productExtension/fields/SelectResourcesTable/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const SelectResourcesTable: ({ value, onChange }: any) => JSX.Element;
 export default SelectResourcesTable;

package/es/components/ruleSetting/ruleBorder/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 interface RuleSettingProps {
     value: any;

package/es/components/schedules/calendar/calendarItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem } from "../type";
 declare type CalendarItemProps = {
     month: string;

package/es/components/schedules/calendar/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const Calendar: () => JSX.Element;
 export default Calendar;

package/es/components/schedules/components/CurrentDay/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type CurrentDayProps = {
     onClose: () => void;

package/es/components/schedules/components/ScheduleDetailList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScheduleItem } from "../../type";
 import "./index.less";
 declare type ScheduleDetailListPropsType = {

package/es/components/schedules/components/ScheduleList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from 'antd';
 import { ScheduleItem } from '../../type';
 import './index.less';

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/MaxParticipantsModule/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const MaxParticipantsModule: ({ form, value, onChange, useSchedule, isAutoChange, onData, }: {
     form: any;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/ResourcesModule/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ResourcesModule: ({ product }: {
     product: any;
 }) => JSX.Element;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetailByDate/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductDetailByDate: () => JSX.Element;
 export default ProductDetailByDate;

package/es/components/schedules/products/list/ProductItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type Item = any;
 interface ProductItemProps {

package/es/components/schedules/products/list/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface ProductListProps {
     loading: boolean;

package/es/components/schedules/resources/list/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type ResourcesListProps = {
     list: any;

package/es/components/schedules/resources/relationProduct/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const RelationProduct: ({ value, onChange, }: {
     value?: any;

package/es/components/schedules/schedules/AllSchedules/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScheduleItem } from '../../type';
 import './index.less';
 declare type AllSchedulesPropsType = {

package/es/components/schedules/schedules/ScheduleDetailDrawer/index.d.ts

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

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

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

package/es/components/shoppingCart/components/Empty/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Empty: (props: any) => JSX.Element;
 export default Empty;

package/es/components/shoppingCart/components/Render/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Content: () => JSX.Element;
 export default Content;

package/es/components/shoppingCart/hooks/useAddService.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const useAddService: (id?: number, type?: string) => JSX.Element | null;
 export default useAddService;

package/es/components/shoppingCart/hooks/useClearCart.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const useClearCart: (key?: number | undefined) => JSX.Element | null;
 export default useClearCart;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { shoppingCartProps } from './type';
 declare const shoppingCart: ({ onCard, onAction, onChange, onAddProduct, onActiveKey, ...props }: shoppingCartProps) => JSX.Element;
 export default shoppingCart;

package/es/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/es/hooks/usePaymentLogger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface LogData {
     key: string;
     value: any;

package/es/index.d.ts

@@ -59,5 +59,7 @@ export { default as WalletEditor } from './plus/walletEditor';
 export { default as WalletPassGallery } from './plus/walletPassGallery';
 export { default as WalletPassDetail } from './plus/walletPassGallery/components/passDetail';
 export { default as SettingsRegistry } from './components/systemSettings/registry';
+export { default as KioskSkuDetail } from './components/kioskSkuDetail';
+export { default as ProNumberSelector } from './pro/pisellNumberSelector';
 export { default as Selector } from './pro/Selector';
 export { default as SKUOptionsSelection } from './plus/skuOptionsSelection';

package/es/index.js

@@ -62,5 +62,7 @@ export { default as WalletEditor } from "./plus/walletEditor";
 export { default as WalletPassGallery } from "./plus/walletPassGallery";
 export { default as WalletPassDetail } from "./plus/walletPassGallery/components/passDetail";
 export { default as SettingsRegistry } from "./components/systemSettings/registry";
+export { default as KioskSkuDetail } from "./components/kioskSkuDetail";
+export { default as ProNumberSelector } from "./pro/pisellNumberSelector";
 export { default as Selector } from "./pro/Selector";
 export { default as SKUOptionsSelection } from "./plus/skuOptionsSelection";

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

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

package/es/plus/saasCreateOrganization/components/Header.d.ts

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

package/es/plus/saasRegister/components/EntryEmail.d.ts

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

package/es/plus/saasRegister/components/EntryInfo.d.ts

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

package/es/plus/saasRegister/components/GoLogin.d.ts

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

package/es/plus/saasRegister/components/Header.d.ts

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

package/es/plus/saasRegister/components/VerifyError.d.ts

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

package/es/plus/saasRegister/components/VerifyingLink.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../index.less';
 declare const VerifyingEmailLink: (props: {
     onVerifyLink: () => Promise<void>;

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

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

package/es/plus/skuOptionsSelection/components/NormalCard/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RenderItemProps } from '../../../../pro/Selector/types';
 declare const NormalCard: (props: RenderItemProps & {
     parentDataSource: any;

package/es/plus/skuOptionsSelection/components/OptionsCard/OptionItemCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const OptionItemCard: (props: any) => JSX.Element;
 export default OptionItemCard;

package/es/plus/skuOptionsSelection/components/OptionsCard/index.d.ts

@@ -1,7 +1,6 @@
 /**
  * 单规格商品卡片，点击后需要拉起弹窗展示具体的规格信息
  */
-/// <reference types="react" />
 import { RenderItemProps } from '../../../../pro/Selector/types';
 import './index.less';
 declare const OptionsCard: (props: RenderItemProps & {

package/es/plus/skuOptionsSelection/components/TitleExtra/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const TitleExtra: (props: any) => JSX.Element;
 export default TitleExtra;

package/es/plus/skuOptionsSelection/components/VariantCard/index.js

@@ -1,12 +1,25 @@
 import React from 'react';
 import { locales } from '@pisell/utils';
 import Selector from "../../../../pro/Selector";
+import useStore from "../../hooks/useStore";
 import "./index.less";
 var VariantCard = function VariantCard(props) {
   var _props$dataSource, _props$dataSource2;
   var _ref = props || {},
     dataSource = _ref.dataSource,
     actions = _ref.actions;
+  var symbol = useStore(function (s) {
+    return s.symbol;
+  });
+  var skuCardConfig = useStore(function (s) {
+    return s.skuCardConfig;
+  });
+  var isVariantPriceVisible = (skuCardConfig === null || skuCardConfig === void 0 ? void 0 : skuCardConfig.variantPriceVisible) === true;
+  var priceConfig = skuCardConfig === null || skuCardConfig === void 0 ? void 0 : skuCardConfig.price;
+  var priceText = formatPriceText({
+    symbol: symbol,
+    price: dataSource === null || dataSource === void 0 ? void 0 : dataSource.price
+  });
   var handleClick = function handleClick(e) {
     e.stopPropagation();
     if (dataSource !== null && dataSource !== void 0 && dataSource.disabled) return;
@@ -24,6 +37,22 @@ var VariantCard = function VariantCard(props) {
   return /*#__PURE__*/React.createElement(Selector.Item, props || {}, /*#__PURE__*/React.createElement("div", {
     className: "pisell-sku-options-selection-variant-card",
     onClick: handleClick
-  }, ((_props$dataSource = props.dataSource) === null || _props$dataSource === void 0 ? void 0 : _props$dataSource.title) || '', ((_props$dataSource2 = props.dataSource) === null || _props$dataSource2 === void 0 || (_props$dataSource2 = _props$dataSource2._extra) === null || _props$dataSource2 === void 0 ? void 0 : _props$dataSource2.hasStock) === false ? " (".concat(locales.getText('pisell2.skuOptionsSelection.variantItemCard.soldOut'), ")") : null));
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-sku-options-selection-variant-card__title"
+  }, ((_props$dataSource = props.dataSource) === null || _props$dataSource === void 0 ? void 0 : _props$dataSource.title) || '', ((_props$dataSource2 = props.dataSource) === null || _props$dataSource2 === void 0 || (_props$dataSource2 = _props$dataSource2._extra) === null || _props$dataSource2 === void 0 ? void 0 : _props$dataSource2.hasStock) === false ? " (".concat(locales.getText('pisell2.skuOptionsSelection.variantItemCard.soldOut'), ")") : null), isVariantPriceVisible && (priceConfig === null || priceConfig === void 0 ? void 0 : priceConfig.visible) !== false && !!priceText ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-sku-options-selection-variant-card__price",
+    style: {
+      fontSize: priceConfig === null || priceConfig === void 0 ? void 0 : priceConfig.fontSize,
+      fontWeight: priceConfig === null || priceConfig === void 0 ? void 0 : priceConfig.fontWeight,
+      color: priceConfig === null || priceConfig === void 0 ? void 0 : priceConfig.color
+    }
+  }, locales.getText('pisell2.skuOptionsSelection.variantItemCard.price'), ":", priceText) : null));
 };
+function formatPriceText(params) {
+  var symbol = params.symbol || '$';
+  var price = Number(params.price);
+  if (!params.price && params.price !== 0) return '';
+  if (Number.isNaN(price)) return '';
+  return "".concat(symbol).concat(price.toFixed(2));
+}
 export default VariantCard;