@pisell/private-materials 6.1.21 → 6.1.23

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/CallToBook/index.d.ts

@@ -1,3 +1,4 @@
+import './index.less';
 declare type CallToBookProps = {
     show: boolean;
     type: string;

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/CallToBook/index.js

@@ -3,7 +3,7 @@ import { Iconfont } from '@pisell/materials';
 import classNames from 'classnames';
 // import { useShallowEqualSelector } from '@/hooks';
 // import { getText } from '@/utils/formatMessage';
-import styles from "./index.less";
+import "./index.less";
 // import { callPhone, sendEmail } from '@/utils/index';
 
 export var defaultBookingConfig = {
@@ -34,9 +34,9 @@ var CallToBook = function CallToBook(props) {
     }
     if (type === 'call_to_book' && shop.phone) {
       return /*#__PURE__*/React.createElement("div", {
-        className: styles['sales-close-tip']
+        className: "pisell-lowcode-sales-close-tip"
       }, "\u5173\u95ED", /*#__PURE__*/React.createElement("a", {
-        className: styles['sales-close-tel']
+        className: "pisell-lowcode-sales-close-tel"
         // onClick={() => {
         //   callPhone(`+${shop.country_calling_code}${shop.phone}`);
         // }}
@@ -44,9 +44,9 @@ var CallToBook = function CallToBook(props) {
     }
     if (type === 'email_to_book' && shop.contact_email) {
       return /*#__PURE__*/React.createElement("div", {
-        className: styles['sales-close-tip']
+        className: "pisell-lowcode-sales-close-tip"
       }, "4", /*#__PURE__*/React.createElement("a", {
-        className: styles['sales-close-tel']
+        className: "pisell-lowcode-sales-close-tel"
         // onClick={() => {
         //   sendEmail(shop.contact_email);
         // }}
@@ -55,11 +55,11 @@ var CallToBook = function CallToBook(props) {
     return null;
   }, [type]);
   return show ? /*#__PURE__*/React.createElement("div", {
-    className: styles['sales-close']
+    className: "pisell-lowcode-sales-close"
   }, /*#__PURE__*/React.createElement(Iconfont, {
-    className: classNames('iconshangjia', styles['sales-icon'])
+    className: classNames('iconshangjia', 'pisell-lowcode-sales-icon')
   }), /*#__PURE__*/React.createElement("div", {
-    className: styles['sales-close-tip']
+    className: "pisell-lowcode-sales-close-tip"
   }, "6"), message) : null;
 };
 export default CallToBook;

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/CallToBook/index.less

@@ -1,4 +1,4 @@
-.sales-close {
+.pisell-lowcode-sales-close {
   width: 100%;
   margin-bottom: 12px;
   border-radius: 8px;
@@ -10,11 +10,11 @@
   justify-content: center;
   user-select: text;
 
-  .sales-icon {
+  .pisell-lowcode-sales-icon {
     font-size: 22px;
   }
 
-  .sales-close-tip {
+  .pisell-lowcode-sales-close-tip {
     color: #1b1b1b;
     font-size: 14px;
     font-style: normal;
@@ -22,7 +22,7 @@
     line-height: 20px;
   }
 
-  .sales-close-tel {
+  .pisell-lowcode-sales-close-tel {
     cursor: pointer;
     color: #0b5fdb;
     font-weight: bold;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import './index.less';
 declare type PaymentStatusProps = {
     onChange: (status: 'succeeded' | 'processing' | 'requires_payment_method' | 'error') => void;
 };

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/Content.js

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { useStripe } from '@stripe/react-stripe-js';
 import useEngineContext from "../../../../../../../hooks/useEngineContext";
-import styles from "./index.less";
+import "./index.less";
 var PaymentStatus = function PaymentStatus(_ref) {
   var _context$appHelper;
   var onChange = _ref.onChange;
@@ -48,14 +48,14 @@ var PaymentStatus = function PaymentStatus(_ref) {
     });
   }, [stripe]);
   return /*#__PURE__*/React.createElement("div", {
-    className: styles['page-loading-wrap']
+    className: "pisell-lowcode-page-loading-wrap"
   }, /*#__PURE__*/React.createElement("img", {
     loading: "lazy",
-    className: styles['logo'],
+    className: "pisell-lowcode-logo",
     src: config.static + '/static/payment-loading.svg',
     alt: ""
   }), /*#__PURE__*/React.createElement("div", {
-    className: styles['title']
+    className: "pisell-lowcode-title"
   }, "\u8BF7\u7A0D\u5019"));
 };
 export default PaymentStatus;

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

@@ -1,2 +1,3 @@
+import './index.less';
 declare const StripePayment: () => JSX.Element;
 export default StripePayment;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/index.js

@@ -5,7 +5,7 @@ import StripeSDK from "../../../../../../StripeSDK";
 import Content from "./Content";
 import { isWxApp } from "../../../../../../../utils";
 import { getStripeKey } from "./serve";
-import styles from "./index.less";
+import "./index.less";
 var StripePayment = function StripePayment() {
   var _getStripeKey$data;
   var history = useHistory();
@@ -105,7 +105,7 @@ var StripePayment = function StripePayment() {
     return decodeURIComponent(query.payment_method || '');
   }, [query]);
   return /*#__PURE__*/React.createElement("div", {
-    className: styles['stripe-payment-page']
+    className: "pisell-lowcode-stripe-payment-page"
   }, /*#__PURE__*/React.createElement(NavBar, {
     name: _title,
     onChange: goBack,

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/index.less

@@ -1,4 +1,4 @@
-.stripe-payment-page {
+.pisell-lowcode-stripe-payment-page {
   background-color: #ffffff;
   height: 100%;
   width: 100%;
@@ -6,7 +6,7 @@
   overflow-y: scroll;
 }
 
-.page-loading-wrap {
+.pisell-lowcode-page-loading-wrap {
   position: fixed;
   width: 100%;
   height: calc(100% - 44px);
@@ -17,13 +17,13 @@
   flex-direction: column;
   align-items: center;
 
-  .logo {
+  .pisell-lowcode-logo {
     margin-top: 199px;
     width: 140px;
     height: 140px;
   }
 
-  .title {
+  .pisell-lowcode-title {
     margin-top: 20px;
     font-size: 20px;
     font-weight: bold;

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

@@ -1,2 +1,3 @@
+import './index.less';
 declare const PageLoading: () => JSX.Element;
 export default PageLoading;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/PageLoading/index.js

@@ -1,15 +1,15 @@
 import cfg from "../../../../../../../../configs";
-import styles from "./index.less";
+import "./index.less";
 import { getText } from "../../../../../../../../utils/formatMessage";
 var PageLoading = function PageLoading() {
   return /*#__PURE__*/React.createElement("div", {
-    className: styles['page-loading-wrap']
+    className: "pisell-lowcode-page-loading-wrap"
   }, /*#__PURE__*/React.createElement("img", {
-    className: styles['logo'],
+    className: "pisell-lowcode-logo",
     src: cfg.static + '/static/stripe_loading.gif',
     alt: ""
   }), /*#__PURE__*/React.createElement("div", {
-    className: styles['title']
+    className: "pisell-lowcode-title"
   }, getText('payment.text.miniapp.stripe.loading')));
 };
 export default PageLoading;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/PageLoading/index.less

@@ -1,4 +1,4 @@
-.page-loading-wrap {
+.pisell-lowcode-page-loading-wrap {
   position: fixed;
   width: 100%;
   height: calc(100% - 44px);
@@ -9,13 +9,13 @@
   flex-direction: column;
   align-items: center;
 
-  .logo {
+  .pisell-lowcode-logo {
     margin-top: 150px;
     width: 140px;
     height: 140px;
   }
 
-  .title {
+  .pisell-lowcode-title {
     margin-top: 20px;
     padding: 0 40px;
     text-align: center;

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

@@ -1,2 +1,3 @@
+import './index.less';
 declare const PaymentRequestForm: () => JSX.Element | null;
 export default PaymentRequestForm;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/PaymentRequestForm.js

@@ -9,7 +9,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useMemo, useState, useEffect } from 'react';
 import { useStripe, PaymentRequestButtonElement } from '@stripe/react-stripe-js';
-import styles from "./index.less";
+import "./index.less";
 var useOptions = function useOptions(paymentRequest) {
   var options = useMemo(function () {
     return {

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

@@ -1,4 +1,4 @@
-.setup-form {
+.pisell-lowcode-setup-form {
   background-color: #ffffff;
   height: calc(100% - 44px);
   width: 100%;
@@ -7,14 +7,14 @@
   padding: 15px;
   position: relative;
 
-  .setup-form-content {
+  .pisell-lowcode-setup-form-content {
     background-color: #f7fafd;
     padding: 7px !important;
     border-radius: 4px;
   }
 }
 
-.stripe-payment-btn {
+.pisell-lowcode-stripe-payment-btn {
   width: 335px;
   margin: 40px auto 0;
   border-radius: 27px !important;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/CallToBook/index.d.ts

@@ -1,3 +1,4 @@
+import './index.less';
 declare type CallToBookProps = {
     show: boolean;
     type: string;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/CallToBook/index.js

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(CallToBook_exports);
 var import_react = require("react");
 var import_materials = require("@pisell/materials");
 var import_classnames = __toESM(require("classnames"));
-var import_index = __toESM(require("./index.less"));
+var import_index = require("./index.less");
 var defaultBookingConfig = {
   booking_mode_after_cut_off: "booking_closed"
 };
@@ -47,10 +47,10 @@ var CallToBook = (props) => {
       return null;
     }
     if (type === "call_to_book" && shop.phone) {
-      return /* @__PURE__ */ React.createElement("div", { className: import_index.default["sales-close-tip"] }, "关闭", /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode-sales-close-tip" }, "关闭", /* @__PURE__ */ React.createElement(
         "a",
         {
-          className: import_index.default["sales-close-tel"]
+          className: "pisell-lowcode-sales-close-tel"
         },
         "+",
         shop.country_calling_code,
@@ -59,17 +59,17 @@ var CallToBook = (props) => {
       ));
     }
     if (type === "email_to_book" && shop.contact_email) {
-      return /* @__PURE__ */ React.createElement("div", { className: import_index.default["sales-close-tip"] }, "4", /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode-sales-close-tip" }, "4", /* @__PURE__ */ React.createElement(
         "a",
         {
-          className: import_index.default["sales-close-tel"]
+          className: "pisell-lowcode-sales-close-tel"
         },
         shop.contact_email
       ));
     }
     return null;
   }, [type]);
-  return show ? /* @__PURE__ */ React.createElement("div", { className: import_index.default["sales-close"] }, /* @__PURE__ */ React.createElement(import_materials.Iconfont, { className: (0, import_classnames.default)("iconshangjia", import_index.default["sales-icon"]) }), /* @__PURE__ */ React.createElement("div", { className: import_index.default["sales-close-tip"] }, "6"), message) : null;
+  return show ? /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode-sales-close" }, /* @__PURE__ */ React.createElement(import_materials.Iconfont, { className: (0, import_classnames.default)("iconshangjia", "pisell-lowcode-sales-icon") }), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode-sales-close-tip" }, "6"), message) : null;
 };
 var CallToBook_default = CallToBook;
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/CallToBook/index.less

@@ -1,4 +1,4 @@
-.sales-close {
+.pisell-lowcode-sales-close {
   width: 100%;
   margin-bottom: 12px;
   border-radius: 8px;
@@ -10,11 +10,11 @@
   justify-content: center;
   user-select: text;
 
-  .sales-icon {
+  .pisell-lowcode-sales-icon {
     font-size: 22px;
   }
 
-  .sales-close-tip {
+  .pisell-lowcode-sales-close-tip {
     color: #1b1b1b;
     font-size: 14px;
     font-style: normal;
@@ -22,7 +22,7 @@
     line-height: 20px;
   }
 
-  .sales-close-tel {
+  .pisell-lowcode-sales-close-tel {
     cursor: pointer;
     color: #0b5fdb;
     font-weight: bold;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/Content.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './index.less';
 declare type PaymentStatusProps = {
     onChange: (status: 'succeeded' | 'processing' | 'requires_payment_method' | 'error') => void;
 };

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/Content.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(Content_exports);
 var import_react = __toESM(require("react"));
 var import_react_stripe_js = require("@stripe/react-stripe-js");
 var import_useEngineContext = __toESM(require("../../../../../../../hooks/useEngineContext"));
-var import_index = __toESM(require("./index.less"));
+var import_index = require("./index.less");
 var PaymentStatus = ({ onChange }) => {
   var _a;
   const stripe = (0, import_react_stripe_js.useStripe)();
@@ -63,14 +63,14 @@ var PaymentStatus = ({ onChange }) => {
       }
     });
   }, [stripe]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: import_index.default["page-loading-wrap"] }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-page-loading-wrap" }, /* @__PURE__ */ import_react.default.createElement(
     "img",
     {
       loading: "lazy",
-      className: import_index.default["logo"],
+      className: "pisell-lowcode-logo",
       src: config.static + "/static/payment-loading.svg",
       alt: ""
     }
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index.default["title"] }, "请稍候"));
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-title" }, "请稍候"));
 };
 var Content_default = PaymentStatus;

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

@@ -1,2 +1,3 @@
+import './index.less';
 declare const StripePayment: () => JSX.Element;
 export default StripePayment;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/index.js

@@ -39,7 +39,7 @@ var import_StripeSDK = __toESM(require("../../../../../../StripeSDK"));
 var import_Content = __toESM(require("./Content"));
 var import_utils = require("../../../../../../../utils/index");
 var import_serve = require("./serve");
-var import_index = __toESM(require("./index.less"));
+var import_index = require("./index.less");
 var StripePayment = () => {
   var _a;
   const history = useHistory();
@@ -93,7 +93,7 @@ var StripePayment = () => {
   const _title = (0, import_react.useMemo)(() => {
     return decodeURIComponent(query.payment_method || "");
   }, [query]);
-  return /* @__PURE__ */ React.createElement("div", { className: import_index.default["stripe-payment-page"] }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode-stripe-payment-page" }, /* @__PURE__ */ React.createElement(
     import_NavBar.default,
     {
       name: _title,

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/index.less

@@ -1,4 +1,4 @@
-.stripe-payment-page {
+.pisell-lowcode-stripe-payment-page {
   background-color: #ffffff;
   height: 100%;
   width: 100%;
@@ -6,7 +6,7 @@
   overflow-y: scroll;
 }
 
-.page-loading-wrap {
+.pisell-lowcode-page-loading-wrap {
   position: fixed;
   width: 100%;
   height: calc(100% - 44px);
@@ -17,13 +17,13 @@
   flex-direction: column;
   align-items: center;
 
-  .logo {
+  .pisell-lowcode-logo {
     margin-top: 199px;
     width: 140px;
     height: 140px;
   }
 
-  .title {
+  .pisell-lowcode-title {
     margin-top: 20px;
     font-size: 20px;
     font-weight: bold;

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

@@ -1,2 +1,3 @@
+import './index.less';
 declare const PageLoading: () => JSX.Element;
 export default PageLoading;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/PageLoading/index.js

@@ -33,16 +33,16 @@ __export(PageLoading_exports, {
 });
 module.exports = __toCommonJS(PageLoading_exports);
 var import_configs = __toESM(require("../../../../../../../../configs/index"));
-var import_index = __toESM(require("./index.less"));
+var import_index = require("./index.less");
 var import_formatMessage = require("../../../../../../../../utils/formatMessage");
 var PageLoading = () => {
-  return /* @__PURE__ */ React.createElement("div", { className: import_index.default["page-loading-wrap"] }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode-page-loading-wrap" }, /* @__PURE__ */ React.createElement(
     "img",
     {
-      className: import_index.default["logo"],
+      className: "pisell-lowcode-logo",
       src: import_configs.default.static + "/static/stripe_loading.gif",
       alt: ""
     }
-  ), /* @__PURE__ */ React.createElement("div", { className: import_index.default["title"] }, (0, import_formatMessage.getText)("payment.text.miniapp.stripe.loading")));
+  ), /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode-title" }, (0, import_formatMessage.getText)("payment.text.miniapp.stripe.loading")));
 };
 var PageLoading_default = PageLoading;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/PageLoading/index.less

@@ -1,4 +1,4 @@
-.page-loading-wrap {
+.pisell-lowcode-page-loading-wrap {
   position: fixed;
   width: 100%;
   height: calc(100% - 44px);
@@ -9,13 +9,13 @@
   flex-direction: column;
   align-items: center;
 
-  .logo {
+  .pisell-lowcode-logo {
     margin-top: 150px;
     width: 140px;
     height: 140px;
   }
 
-  .title {
+  .pisell-lowcode-title {
     margin-top: 20px;
     padding: 0 40px;
     text-align: center;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/PaymentRequestForm.d.ts

@@ -1,2 +1,3 @@
+import './index.less';
 declare const PaymentRequestForm: () => JSX.Element | null;
 export default PaymentRequestForm;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/PaymentRequestForm.js

@@ -34,7 +34,7 @@ __export(PaymentRequestForm_exports, {
 module.exports = __toCommonJS(PaymentRequestForm_exports);
 var import_react = __toESM(require("react"));
 var import_react_stripe_js = require("@stripe/react-stripe-js");
-var import_index = __toESM(require("./index.less"));
+var import_index = require("./index.less");
 var useOptions = (paymentRequest) => {
   const options = (0, import_react.useMemo)(
     () => ({
@@ -101,7 +101,7 @@ var PaymentRequestForm = () => {
   if (!paymentRequest) {
     return null;
   }
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: import_index.default["PaymentRequestButton"] }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: styles["PaymentRequestButton"] }, /* @__PURE__ */ import_react.default.createElement(
     import_react_stripe_js.PaymentRequestButtonElement,
     {
       className: "PaymentRequestButton",

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/index.less

@@ -1,4 +1,4 @@
-.setup-form {
+.pisell-lowcode-setup-form {
   background-color: #ffffff;
   height: calc(100% - 44px);
   width: 100%;
@@ -7,14 +7,14 @@
   padding: 15px;
   position: relative;
 
-  .setup-form-content {
+  .pisell-lowcode-setup-form-content {
     background-color: #f7fafd;
     padding: 7px !important;
     border-radius: 4px;
   }
 }
 
-.stripe-payment-btn {
+.pisell-lowcode-stripe-payment-btn {
   width: 335px;
   margin: 40px auto 0;
   border-radius: 27px !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.1.21",
+  "version": "6.1.23",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -60,9 +60,9 @@
     "react-resizable": "^3.0.5",
     "styled-components": "^6.0.0-rc.3",
     "@pisell/date-picker": "3.0.4",
-    "@pisell/materials": "6.1.6",
+    "@pisell/icon": "0.0.11",
     "@pisell/utils": "3.0.0",
-    "@pisell/icon": "0.0.11"
+    "@pisell/materials": "6.1.8"
   },
   "peerDependencies": {
     "react": "^18.0.0",