@pisell/private-materials 6.3.10 → 6.3.11

package/es/components/wallet/Detail/locales.js

@@ -31,7 +31,25 @@ export default {
     'page.wallet.useAppleInstead': 'You are using an iOS device, would you like to use Apple Wallet instead of Google Wallet?',
     'page.wallet.openedInBrowser': 'Opened in browser',
     'page.wallet.openFailed': 'Failed to open wallet link',
-    'page.wallet.loading': 'Loading wallet...'
+    'page.wallet.loading': 'Loading wallet...',
+    // Usage Rules
+    'page.wallet.usageRules': 'Terms & Conditions',
+    'page.wallet.usageRulesSubtitle': 'Please read the following usage conditions carefully',
+    'page.wallet.timeUsageLimits': 'Time Window Restrictions',
+    'page.wallet.totalQuantityControl': 'Total Usage Control',
+    'page.wallet.dailyLimit': 'Daily Limit:',
+    'page.wallet.weeklyLimit': 'Weekly Limit:',
+    'page.wallet.monthlyLimit': 'Monthly Limit:',
+    'page.wallet.personalLimit': 'Personal Limit:',
+    'page.wallet.dailyLimitDesc': 'Maximum {limit} uses from 12:00 AM to 11:59 PM each day',
+    'page.wallet.weeklyLimitDesc': 'Maximum {limit} uses from Monday 12:00 AM to Sunday 11:59 PM',
+    'page.wallet.monthlyLimitDesc': 'Maximum {limit} uses from 1st 12:00 AM to end of month 11:59 PM',
+    'page.wallet.monthlyLimitUnlimited': 'Unlimited',
+    'page.wallet.personalLimitDesc': 'You can use this voucher maximum {total} times ({remaining} remaining)',
+    'page.wallet.dailyReset': 'Counter resets automatically at midnight',
+    'page.wallet.weeklyReset': 'Counter resets every Monday at midnight',
+    'page.wallet.monthlyReset': 'Counter resets on 1st of each month at midnight',
+    'page.wallet.voucherExpireNote': 'Voucher will automatically expire when limit is reached'
   },
   'zh-CN': {
     // 简体中文翻译
@@ -65,7 +83,25 @@ export default {
     'page.wallet.useAppleInstead': '您正在使用iOS设备，是否使用Apple Wallet代替Google Wallet?',
     'page.wallet.openedInBrowser': '已在浏览器中打开',
     'page.wallet.openFailed': '打开钱包链接失败',
-    'page.wallet.loading': '正在加载钱包...'
+    'page.wallet.loading': '正在加载钱包...',
+    // Usage Rules
+    'page.wallet.usageRules': '使用规则',
+    'page.wallet.usageRulesSubtitle': '请仔细阅读以下使用条件',
+    'page.wallet.timeUsageLimits': '时间使用限制',
+    'page.wallet.totalQuantityControl': '总量控制',
+    'page.wallet.dailyLimit': '每日限制:',
+    'page.wallet.weeklyLimit': '每周限制:',
+    'page.wallet.monthlyLimit': '每月限制:',
+    'page.wallet.personalLimit': '个人限额:',
+    'page.wallet.dailyLimitDesc': '每天0点-24点最多使用{limit}次',
+    'page.wallet.weeklyLimitDesc': '每周一0点-周日24点最多使用{limit}次',
+    'page.wallet.monthlyLimitDesc': '每月1号0点-月末24点最多使用{limit}次',
+    'page.wallet.monthlyLimitUnlimited': '无限制',
+    'page.wallet.personalLimitDesc': '您最多可使用此券{total}次(剩余{remaining}次)',
+    'page.wallet.dailyReset': '每天0点自动重置计数',
+    'page.wallet.weeklyReset': '每周一0点自动重置计数',
+    'page.wallet.monthlyReset': '每月1号0点自动重置计数',
+    'page.wallet.voucherExpireNote': '用完后此券将自动失效'
   },
   'zh-HK': {
     // 繁体中文翻译
@@ -99,6 +135,24 @@ export default {
     'page.wallet.useAppleInstead': '您正在使用iOS設備，是否使用Apple Wallet代替Google Wallet?',
     'page.wallet.openedInBrowser': '已在瀏覽器中打開',
     'page.wallet.openFailed': '打開錢包連結失敗',
-    'page.wallet.loading': '正在加載錢包...'
+    'page.wallet.loading': '正在加載錢包...',
+    // Usage Rules
+    'page.wallet.usageRules': '使用規則',
+    'page.wallet.usageRulesSubtitle': '請仔細閱讀以下使用條件',
+    'page.wallet.timeUsageLimits': '時間使用限制',
+    'page.wallet.totalQuantityControl': '總量控制',
+    'page.wallet.dailyLimit': '每日限制:',
+    'page.wallet.weeklyLimit': '每週限制:',
+    'page.wallet.monthlyLimit': '每月限制:',
+    'page.wallet.personalLimit': '個人限額:',
+    'page.wallet.dailyLimitDesc': '每天0點-24點最多使用{limit}次',
+    'page.wallet.weeklyLimitDesc': '每週一0點-週日24點最多使用{limit}次',
+    'page.wallet.monthlyLimitDesc': '每月1號0點-月末24點最多使用{limit}次',
+    'page.wallet.monthlyLimitUnlimited': '無限制',
+    'page.wallet.personalLimitDesc': '您最多可使用此券{total}次(剩餘{remaining}次)',
+    'page.wallet.dailyReset': '每天0點自動重置計數',
+    'page.wallet.weeklyReset': '每週一0點自動重置計數',
+    'page.wallet.monthlyReset': '每月1號0點自動重置計數',
+    'page.wallet.voucherExpireNote': '用完後此券將自動失效'
   }
 };

package/es/components/wallet/Detail/serve.js

@@ -43,7 +43,11 @@ export var getDetailApi = /*#__PURE__*/function () {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _context2.next = 2;
-          return request.getRequest().get("/h5/machinecode/lowcode/detail/".concat(params.id), {});
+          return request.getRequest().get("/h5/machinecode/lowcode/detail/".concat(params.id), {
+            order_behavior_count: 1,
+            // 订单行为次数
+            order_behavior_count_customer: 1 // 客户订单行为次数
+          });
         case 2:
           _yield$request$getReq2 = _context2.sent;
           data = _yield$request$getReq2.data;

package/es/components/wallet/components/UsageRules/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import './index.less';
+interface UsageRule {
+    type: 'daily' | 'weekly' | 'monthly';
+    limit: number;
+    description: string;
+    resetTime?: string;
+}
+interface UsageRulesProps {
+    className?: string;
+    style?: React.CSSProperties;
+    rules?: UsageRule[];
+    personalLimit?: {
+        total: number;
+        remaining: number;
+        note?: string;
+    };
+    locales?: {
+        getText: (key: string) => string;
+    };
+}
+declare function UsageRules({ className, style, rules, personalLimit, locales }: UsageRulesProps): JSX.Element;
+export default UsageRules;

package/es/components/wallet/components/UsageRules/index.js

@@ -0,0 +1,147 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Typography } from '@pisell/materials';
+import "./index.less";
+var Text = Typography.Text;
+function UsageRules(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    style = _ref.style,
+    rules = _ref.rules,
+    _ref$personalLimit = _ref.personalLimit,
+    personalLimit = _ref$personalLimit === void 0 ? {
+      total: 5,
+      remaining: 3,
+      note: '用完后此券将自动失效'
+    } : _ref$personalLimit,
+    locales = _ref.locales;
+  // Helper function to interpolate text with variables
+  var interpolateText = function interpolateText(text, variables) {
+    return text.replace(/\{(\w+)\}/g, function (match, key) {
+      return variables[key] !== undefined ? variables[key] : match;
+    });
+  };
+
+  // Get localized text with fallback
+  var getText = function getText(key, fallback) {
+    return (locales === null || locales === void 0 ? void 0 : locales.getText(key)) || fallback || key;
+  };
+
+  // Generate rule description with limit value
+  var getRuleDescription = function getRuleDescription(type, limit) {
+    // Handle unlimited case (limit = 0 means unlimited)
+    if (limit === 0 && type === 'monthly') {
+      return getText('page.wallet.monthlyLimitUnlimited', '无限制');
+    }
+    var templateKey = "page.wallet.".concat(type, "LimitDesc");
+    var template = getText(templateKey, '');
+    return interpolateText(template, {
+      limit: limit
+    });
+  };
+
+  // Generate rule reset time text
+  var getRuleResetTime = function getRuleResetTime(type) {
+    var resetKey = "page.wallet.".concat(type, "Reset");
+    return getText(resetKey, '');
+  };
+
+  // Default rules with localized text
+  var defaultRules = [{
+    type: 'daily',
+    limit: 3,
+    description: getRuleDescription('daily', 3),
+    resetTime: getRuleResetTime('daily')
+  }, {
+    type: 'weekly',
+    limit: 15,
+    description: getRuleDescription('weekly', 15),
+    resetTime: getRuleResetTime('weekly')
+  }, {
+    type: 'monthly',
+    limit: 60,
+    description: getRuleDescription('monthly', 60),
+    resetTime: getRuleResetTime('monthly')
+  }];
+
+  // Process rules to add localized descriptions
+  var processedRules = rules ? rules.map(function (rule) {
+    return _objectSpread(_objectSpread({}, rule), {}, {
+      description: getRuleDescription(rule.type, rule.limit),
+      resetTime: getRuleResetTime(rule.type)
+    });
+  }) : defaultRules;
+  var finalRules = processedRules;
+  var getRuleLabel = function getRuleLabel(type) {
+    switch (type) {
+      case 'daily':
+        return getText('page.wallet.dailyLimit', '每日限制:');
+      case 'weekly':
+        return getText('page.wallet.weeklyLimit', '每周限制:');
+      case 'monthly':
+        return getText('page.wallet.monthlyLimit', '每月限制:');
+      default:
+        return getText('page.wallet.dailyLimit', '限制:');
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules ".concat(className),
+    style: style
+  }, /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-title"
+  }, getText('page.wallet.usageRules', '使用规则')), /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-subtitle"
+  }, getText('page.wallet.usageRulesSubtitle', '请仔细阅读以下使用条件')), /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules-section"
+  }, /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-section-title"
+  }, getText('page.wallet.timeUsageLimits', '时间使用限制')), /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules-list"
+  }, finalRules.length > 0 ? finalRules.map(function (rule, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: "usage-rules-item"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "usage-rules-item-content"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "usage-rules-item-main-line"
+    }, /*#__PURE__*/React.createElement(Text, {
+      className: "usage-rules-item-label"
+    }, getRuleLabel(rule.type)), /*#__PURE__*/React.createElement(Text, {
+      className: "usage-rules-item-description"
+    }, rule.description)), rule.resetTime && /*#__PURE__*/React.createElement(Text, {
+      className: "usage-rules-item-reset"
+    }, rule.resetTime)));
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules-item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules-item-content"
+  }, /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-item-description"
+  }, getText('page.wallet.monthlyLimitUnlimited', '无限制')))))), /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules-section"
+  }, /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-section-title"
+  }, getText('page.wallet.totalQuantityControl', '总量控制')), /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules-item"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "usage-rules-item-content"
+  }, personalLimit.total > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-item-label"
+  }, getText('page.wallet.personalLimit', '个人限额:')), /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-item-description"
+  }, interpolateText(getText('page.wallet.personalLimitDesc', '您最多可使用此券{total}次(剩余{remaining}次)'), {
+    total: personalLimit.total,
+    remaining: personalLimit.remaining
+  })), /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-item-note"
+  }, getText('page.wallet.voucherExpireNote', '用完后此券将自动失效'))) : /*#__PURE__*/React.createElement(Text, {
+    className: "usage-rules-item-description"
+  }, getText('page.wallet.monthlyLimitUnlimited', '无限制'))))));
+}
+export default UsageRules;

package/es/components/wallet/components/UsageRules/index.less

@@ -0,0 +1,157 @@
+.usage-rules {
+  padding: 16px;
+  background: #ffffff;
+  border-radius: 8px;
+  border: 1px solid #f0f0f0;
+  margin-top: 16px;
+  margin-bottom: 20px;
+
+  // 确保所有Text组件都是块级元素
+  .ant-typography {
+    display: block !important;
+    width: 100% !important;
+    margin-bottom: 0 !important;
+  }
+
+  &-title {
+    font-size: 18px;
+    font-weight: 600;
+    color: #000000;
+    line-height: 24px;
+    margin-bottom: 8px;
+    display: block;
+    width: 100%;
+  }
+
+  &-subtitle {
+    font-size: 14px;
+    color: #6B7280;
+    line-height: 20px;
+    margin-bottom: 24px;
+    display: block;
+    width: 100%;
+  }
+
+  &-section {
+    margin-bottom: 24px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    &-title {
+      font-size: 16px;
+      font-weight: 500;
+      color: #6B7280;
+      line-height: 20px;
+      margin-bottom: 16px;
+      display: block;
+      width: 100%;
+    }
+  }
+
+  &-list {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  &-item {
+    position: relative;
+    display: flex;
+    align-items: flex-start;
+
+    &::before {
+      content: '•';
+      color: #697281;
+      font-size: 16px;
+      line-height: 20px;
+      font-weight: bold;
+      margin-right: 8px;
+      flex-shrink: 0;
+      margin-top: 0;
+    }
+
+    &-content {
+      flex: 1;
+      min-width: 0;
+    }
+
+    &-main-line {
+      margin-bottom: 4px;
+    }
+
+    &-label {
+      font-size: 14px;
+      font-weight: 600;
+      color: #000000;
+      line-height: 20px;
+      display: inline;
+      margin-right: 4px;
+    }
+
+    &-description {
+      font-size: 14px;
+      color: #000000;
+      line-height: 20px;
+      display: inline;
+      word-wrap: break-word;
+    }
+
+    &-reset {
+      font-size: 14px;
+      color: #000000;
+      line-height: 20px;
+      display: block;
+      width: 100%;
+    }
+
+    &-note {
+      font-size: 14px;
+      color: #000000;
+      line-height: 20px;
+      margin-top: 4px;
+      display: block;
+      width: 100%;
+    }
+  }
+
+}
+
+// 响应式设计
+@media (max-width: 768px) {
+  .usage-rules {
+    padding: 12px;
+    margin-top: 12px;
+
+    &-title {
+      font-size: 16px;
+    }
+
+    &-subtitle {
+      font-size: 13px;
+    }
+
+    &-section {
+      margin-bottom: 20px;
+
+      &-title {
+        font-size: 15px;
+      }
+    }
+
+    &-item {
+      &::before {
+        font-size: 14px;
+        margin-right: 6px;
+      }
+
+      &-label,
+      &-description,
+      &-reset,
+      &-note {
+        font-size: 13px;
+      }
+    }
+  }
+}

package/es/components/wallet/components/WalletCard.js

@@ -62,9 +62,8 @@ var WalletCard = function WalletCard(_ref) {
     disabled: isDisabled,
     showDisabledReason: isDisabled,
     disabledReason: disabledReason,
-    style: {
-      marginBottom: 16,
-      width: '100%'
+    propStyle: {
+      marginBottom: 16
     },
     showBalanceSymbol: !['point_card', 'good_pass'].includes(tag),
     active: isActive,

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

@@ -1,2 +1,3 @@
 export { default as WalletBar } from './WalletBar';
 export { default as FooterButtons } from './FooterButtons';
+export { default as UsageRules } from './UsageRules';

package/es/components/wallet/components/index.js

@@ -1,3 +1,4 @@
 // 导出所有公共组件
 export { default as WalletBar } from "./WalletBar";
-export { default as FooterButtons } from "./FooterButtons";
+export { default as FooterButtons } from "./FooterButtons";
+export { default as UsageRules } from "./UsageRules";

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

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

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

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

package/es/components/workSpaceList/components/SearchWorkspaceAndBase/index.d.ts

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

package/es/hooks/useComponents.js

@@ -8,7 +8,7 @@ var useComponents = function useComponents(params) {
     var _utils$getComponents;
     var _ref = appHelper || {},
       utils = _ref.utils;
-    return (utils === null || utils === void 0 || (_utils$getComponents = utils.getComponents) === null || _utils$getComponents === void 0 ? void 0 : _utils$getComponents.call(utils, components)) || [];
+    return (utils === null || utils === void 0 ? void 0 : (_utils$getComponents = utils.getComponents) === null || _utils$getComponents === void 0 ? void 0 : _utils$getComponents.call(utils, components)) || [];
   }, [components]);
   return Cpt;
 };

package/es/index.d.ts

@@ -45,3 +45,6 @@ export { default as TicketBooking } from './components/ticketBooking';
 export { default as SubTotal } from './components/subTotal';
 export { default as EditBookingModal } from './components/booking/editBookingModal';
 export { default as StepController } from './components/stepController';
+export { default as SaasLogin } from './plus/saasLogin';
+export { default as SaasRegister } from './plus/saasRegister';
+export { default as SaasCreateOrganization } from './plus/saasCreateOrganization';

package/es/index.js

@@ -48,4 +48,7 @@ export { default as AppointmentDeposit } from "./components/appointmentBooking/d
 export { default as TicketBooking } from "./components/ticketBooking";
 export { default as SubTotal } from "./components/subTotal";
 export { default as EditBookingModal } from "./components/booking/editBookingModal";
-export { default as StepController } from "./components/stepController";
+export { default as StepController } from "./components/stepController";
+export { default as SaasLogin } from "./plus/saasLogin";
+export { default as SaasRegister } from "./plus/saasRegister";
+export { default as SaasCreateOrganization } from "./plus/saasCreateOrganization";

package/es/plus/productSelect/ProductCard/index.less

@@ -201,7 +201,8 @@
       .price-info {
         display: flex;
         align-items: center;
-        gap: 8px;
+        flex-wrap: wrap;
+        gap: unset;
       }
 
       .price {
@@ -210,6 +211,8 @@
         font-style: normal;
         font-weight: 600;
         line-height: 28px;
+        overflow: hidden;
+        margin-right: 8px;
       }
 
       .original-price {
@@ -219,6 +222,7 @@
         font-weight: 400;
         line-height: 24px;
         position: relative;
+        overflow: hidden;
 
         &::before {
           content: '';
@@ -246,25 +250,4 @@
       }
     }
   }
-
-  // 网格布局中的产品卡片样式调整
-  .product-grid-wrapper {
-    .pisell-product-select__product-card {
-      min-width: unset;
-      width: 100%;
-    }
-  }
-
-  // 列表布局中的产品卡片样式调整
-  .product-list-wrapper {
-    .pisell-product-select__product-card {
-      min-width: 363px;
-      max-width: unset;
-      margin-top: 12px;
-
-      &:first-child {
-        margin-top: 0;
-      }
-    }
-  }
 }

package/es/plus/productSelect/components/pisellPriceText/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './index.less';
 interface IProps {
     value: string | number;
     isMini?: boolean;

package/es/plus/productSelect/components/pisellPriceText/index.js

@@ -8,6 +8,7 @@ import React, { useMemo } from 'react';
 import { PisellText } from '@pisell/materials';
 import classNames from 'classnames';
 import useEngineContext from "../../../../hooks/useEngineContext";
+import "./index.less";
 var index = function index(props) {
   var _context$appHelper$ut;
   var context = useEngineContext();

package/es/plus/productSelect/components/pisellPriceText/index.less

@@ -0,0 +1,4 @@
+.pisell-price-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

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

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

package/es/plus/saasCreateOrganization/components/Header.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { locales } from '@pisell/utils';
+import "../index.less";
+export var Header = function Header(props) {
+  var _props$showLogo = props.showLogo,
+    showLogo = _props$showLogo === void 0 ? true : _props$showLogo,
+    _props$logo = props.logo,
+    logo = _props$logo === void 0 ? '' : _props$logo,
+    _props$logoSize = props.logoSize,
+    logoSize = _props$logoSize === void 0 ? {
+      width: 48,
+      height: 48
+    } : _props$logoSize,
+    _props$logoPosition = props.logoPosition,
+    logoPosition = _props$logoPosition === void 0 ? 'center' : _props$logoPosition,
+    _props$showWelcomeMes = props.showWelcomeMessage,
+    showWelcomeMessage = _props$showWelcomeMes === void 0 ? true : _props$showWelcomeMes,
+    _props$welcomeMessage = props.welcomeMessage,
+    welcomeMessage = _props$welcomeMessage === void 0 ? locales.getText('pisell-saas-create-org-welcome-message') : _props$welcomeMessage,
+    _props$welcomeMessage2 = props.welcomeMessageAlign,
+    welcomeMessageAlign = _props$welcomeMessage2 === void 0 ? 'center' : _props$welcomeMessage2,
+    _props$showTitle = props.showTitle,
+    showTitle = _props$showTitle === void 0 ? true : _props$showTitle,
+    _props$title = props.title,
+    title = _props$title === void 0 ? locales.getText('pisell-saas-create-org-title') : _props$title,
+    _props$titleAlign = props.titleAlign,
+    titleAlign = _props$titleAlign === void 0 ? 'center' : _props$titleAlign,
+    _props$showSubtitle = props.showSubtitle,
+    showSubtitle = _props$showSubtitle === void 0 ? true : _props$showSubtitle,
+    _props$subtitle = props.subtitle,
+    subtitle = _props$subtitle === void 0 ? '' : _props$subtitle,
+    _props$subtitleAlign = props.subtitleAlign,
+    subtitleAlign = _props$subtitleAlign === void 0 ? 'center' : _props$subtitleAlign;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, showLogo && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-saas-create-org-logo ".concat(logoPosition),
+    style: {
+      width: logoSize.width,
+      height: logoSize.height
+    }
+  }, logo && /*#__PURE__*/React.createElement("img", {
+    src: logo,
+    alt: "logo",
+    style: {
+      height: (logoSize === null || logoSize === void 0 ? void 0 : logoSize.height) || 48
+    }
+  })), showWelcomeMessage && /*#__PURE__*/React.createElement("h1", {
+    className: "pisell-saas-create-org-welcome-message",
+    style: {
+      textAlign: welcomeMessageAlign
+    }
+  }, welcomeMessage || ''), showTitle && /*#__PURE__*/React.createElement("h1", {
+    className: "pisell-saas-create-org-title",
+    style: {
+      textAlign: titleAlign
+    }
+  }, title || ''), showSubtitle && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-saas-create-org-subtitle",
+    style: {
+      textAlign: subtitleAlign
+    }
+  }, subtitle || ''));
+};

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

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

package/es/plus/saasCreateOrganization/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { locales } from '@pisell/utils';
+import useEngineContext from "../../hooks/useEngineContext";
+import { Header } from "./components/Header";
+import localeTexts from "./locales";
+import "./index.less";
+var SaasCreateOrganization = function SaasCreateOrganization(props) {
+  var _context$engine;
+  var context = useEngineContext();
+  locales.init(localeTexts, (context === null || context === void 0 || (_context$engine = context.engine) === null || _context$engine === void 0 || (_context$engine = _context$engine.props) === null || _context$engine === void 0 ? void 0 : _context$engine.locale) || 'en');
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-saas-create-org-container"
+  }, /*#__PURE__*/React.createElement(Header, props), /*#__PURE__*/React.createElement("div", null, props === null || props === void 0 ? void 0 : props.children));
+};
+export default SaasCreateOrganization;