@pisell/private-materials 3.4.96 → 3.4.98

package/lib/plus/saasDevice/devicePlanning/serve.js

@@ -0,0 +1,117 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasDevice/devicePlanning/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  createDevice: () => createDevice,
+  createWorkArea: () => createWorkArea,
+  deleteDevice: () => deleteDevice,
+  deleteWorkArea: () => deleteWorkArea,
+  getDeviceTypes: () => getDeviceTypes,
+  getDevices: () => getDevices,
+  getWorkAreaDetail: () => getWorkAreaDetail,
+  getWorkAreas: () => getWorkAreas,
+  sortDevices: () => sortDevices,
+  sortWorkAreas: () => sortWorkAreas,
+  updateDevice: () => updateDevice,
+  updateWorkArea: () => updateWorkArea
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../../utils");
+var CONFIG = {
+  isPisell2: true
+};
+var getWorkAreas = async () => {
+  const response = await import_utils.request.getRequest().get(
+    "/tenant/device/workarea",
+    {
+      relation_count: ["smartDevices", "dumbDevices", "integratedDevices"]
+    },
+    CONFIG
+  );
+  return (response == null ? void 0 : response.data) || [];
+};
+var createWorkArea = async (payload) => {
+  const response = await import_utils.request.getRequest().post(
+    "/tenant/device/workarea",
+    payload,
+    CONFIG
+  );
+  return (response == null ? void 0 : response.data) || null;
+};
+var updateWorkArea = async (id, payload) => {
+  const response = await import_utils.request.getRequest().put(
+    `/tenant/device/workarea/${id}`,
+    payload,
+    CONFIG
+  );
+  return (response == null ? void 0 : response.data) || null;
+};
+var sortWorkAreas = (ids) => import_utils.request.getRequest().post("/tenant/device/workarea/sort", { ids }, CONFIG);
+var deleteWorkArea = (id) => import_utils.request.getRequest().remove(`/tenant/device/workarea/${id}`, {}, CONFIG);
+var getWorkAreaDetail = async (params) => import_utils.request.getRequest().get(`/tenant/device/workarea`, params, CONFIG);
+var getDevices = async (params) => {
+  const response = await import_utils.request.getRequest().get(
+    "/tenant/device",
+    {
+      with: params.with || ["type", "model", "workarea"],
+      workarea_id: params.workarea_id,
+      type_kind: params.type_kind,
+      profile_id: params.profile_id
+    },
+    CONFIG
+  );
+  return (response == null ? void 0 : response.data) || [];
+};
+var getDeviceTypes = async (params) => {
+  const response = await import_utils.request.getRequest().get(
+    "/tenant/device/type/all",
+    {
+      with: params.with || ["activeModels", "activeModels.activeProfiles"],
+      kind: params.kind
+    },
+    CONFIG
+  );
+  return (response == null ? void 0 : response.data) || [];
+};
+var createDevice = async (payload) => {
+  const response = await import_utils.request.getRequest().post("/tenant/device", payload, CONFIG);
+  return (response == null ? void 0 : response.data) || null;
+};
+var sortDevices = (ids) => import_utils.request.getRequest().post("/tenant/device/sort", { ids }, CONFIG);
+var updateDevice = async (id, payload) => {
+  const response = await import_utils.request.getRequest().put(`/tenant/device/${id}`, payload, CONFIG);
+  return (response == null ? void 0 : response.data) || null;
+};
+var deleteDevice = (id) => import_utils.request.getRequest().remove(`/tenant/device/${id}`, {}, CONFIG);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createDevice,
+  createWorkArea,
+  deleteDevice,
+  deleteWorkArea,
+  getDeviceTypes,
+  getDevices,
+  getWorkAreaDetail,
+  getWorkAreas,
+  sortDevices,
+  sortWorkAreas,
+  updateDevice,
+  updateWorkArea
+});

package/lib/plus/saasDevice/devicePlanning/types.d.ts

@@ -0,0 +1,138 @@
+import type React from 'react';
+export declare type DeviceKind = 'smart' | 'dumb' | 'integrated';
+export declare type DeviceLinkStatus = 'linked' | 'unlinked' | string;
+export declare type DeviceOnlineStatus = 'online' | 'offline' | 'unknown' | string;
+export declare type I18nText = string | {
+    original?: string;
+    'zh-CN'?: string;
+    'zh-HK'?: string;
+    en?: string;
+    ja?: string;
+    pt?: string;
+    [key: string]: any;
+};
+export declare type LangDict = {
+    original?: string;
+    en?: string;
+    'zh-CN'?: string;
+    'zh-HK'?: string;
+    ja?: string;
+    pt?: string;
+};
+export interface SaasDevicePlanningProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface WorkAreaItem {
+    id: number;
+    tenant_id?: number;
+    name: I18nText;
+    description?: I18nText;
+    sort: number;
+    created_at?: string;
+    updated_at?: string;
+}
+export interface DeviceTypeItem {
+    id: number;
+    kind: DeviceKind;
+    code: string;
+    icon?: string | null;
+    name: I18nText;
+    description?: I18nText;
+    status?: string;
+    sort?: number;
+    active_models?: DeviceModelItem[];
+}
+export interface DeviceModelItem {
+    id: number;
+    brand_code?: string;
+    type_code: string;
+    type?: DeviceTypeItem;
+    code: string;
+    name: I18nText;
+    description?: I18nText;
+    data?: {
+        profile_structure?: {
+            required?: boolean;
+            tabs?: unknown[];
+        };
+        [key: string]: unknown;
+    } | null;
+    status?: string;
+    sort?: number;
+    active_profiles?: DeviceProfileItem[];
+}
+export interface DeviceProfileItem {
+    id: number;
+    model_code?: string;
+    template_code?: string;
+    name?: I18nText;
+    description?: I18nText;
+    setting?: Record<string, unknown> | null;
+    status?: string;
+}
+export interface DeviceItem {
+    id: number;
+    tenant_id?: number;
+    workarea_id?: number;
+    type_kind: DeviceKind;
+    type_code: string;
+    model_code: string;
+    profile_id?: number | null;
+    number?: string;
+    name: I18nText;
+    data?: Record<string, unknown> | null;
+    setting?: Record<string, unknown> | null;
+    link?: DeviceLinkStatus;
+    status?: DeviceOnlineStatus;
+    sort?: number;
+    last_seen?: string;
+    created_at?: string;
+    updated_at?: string;
+    type?: DeviceTypeItem;
+    model?: DeviceModelItem;
+    profile?: DeviceProfileItem | null;
+    workarea?: WorkAreaItem;
+}
+export interface ListDeviceParams {
+    with?: string[];
+    workarea_id?: number;
+    type_kind?: DeviceKind;
+    profile_id?: number;
+}
+export interface SaveWorkAreaPayload {
+    name: LangDict;
+    description: LangDict;
+}
+export interface CreateDevicePayload {
+    workarea_id: number;
+    model_code: string;
+    profile_id: number | null;
+    name: LangDict;
+}
+export interface UpdateDevicePayload {
+    workarea_id: number;
+    profile_id: number | null;
+    name: LangDict;
+}
+export interface DeviceRow {
+    id: number;
+    name: string;
+    typeName: string;
+    modelName: string;
+    profileName: string;
+    link: DeviceLinkStatus;
+    status: DeviceOnlineStatus;
+    typeCode: string;
+    modelCode: string;
+    _raw: DeviceItem;
+}
+export interface DeleteWorkAreaCounts {
+    smart: number;
+    dumb: number;
+    integrated: number;
+}
+export declare const EMPTY_I18N: LangDict;
+export declare const DEVICE_KIND_OPTIONS: DeviceKind[];
+export declare const toLangDict: (val?: I18nText) => LangDict;
+export declare const validateI18nRequired: (message: string) => (_rule: unknown, value: I18nText | undefined) => Promise<void>;

package/lib/plus/saasDevice/devicePlanning/types.js

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasDevice/devicePlanning/types.ts
+var types_exports = {};
+__export(types_exports, {
+  DEVICE_KIND_OPTIONS: () => DEVICE_KIND_OPTIONS,
+  EMPTY_I18N: () => EMPTY_I18N,
+  toLangDict: () => toLangDict,
+  validateI18nRequired: () => validateI18nRequired
+});
+module.exports = __toCommonJS(types_exports);
+var EMPTY_I18N = {
+  original: "",
+  en: "",
+  "zh-CN": "",
+  "zh-HK": "",
+  ja: "",
+  pt: ""
+};
+var DEVICE_KIND_OPTIONS = ["smart"];
+var toLangDict = (val) => {
+  if (!val) return { ...EMPTY_I18N };
+  if (typeof val === "string") {
+    return { ...EMPTY_I18N, original: val, en: val };
+  }
+  return { ...EMPTY_I18N, ...val };
+};
+var validateI18nRequired = (message) => (_rule, value) => {
+  if (!value) return Promise.reject(new Error(message));
+  if (typeof value === "string") {
+    return value.trim() ? Promise.resolve() : Promise.reject(new Error(message));
+  }
+  const filled = Object.entries(value).some(
+    ([key, val]) => key !== "original" && typeof val === "string" && val.trim() !== ""
+  );
+  const original = typeof (value == null ? void 0 : value.original) === "string" && value.original.trim() !== "";
+  return filled || original ? Promise.resolve() : Promise.reject(new Error(message));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEVICE_KIND_OPTIONS,
+  EMPTY_I18N,
+  toLangDict,
+  validateI18nRequired
+});

package/lib/plus/saasDevice/deviceProfile/components/CreateProfileModal/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { DeviceProfileItem, DeviceTypeItem, I18nText } from '../../types';
+import './index.less';
+declare type Mode = 'create' | 'duplicate';
+interface CreateProfileModalProps {
+    open: boolean;
+    onClose: () => void;
+    onSuccess: () => void;
+    deviceType?: DeviceTypeItem;
+    getText: (key: string) => string;
+    translation: (val: I18nText) => string;
+    mode?: Mode;
+    sourceProfile?: DeviceProfileItem;
+}
+declare const CreateProfileModal: React.FC<CreateProfileModalProps>;
+export default CreateProfileModal;

package/lib/plus/saasDevice/deviceProfile/components/CreateProfileModal/index.js

@@ -0,0 +1,343 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasDevice/deviceProfile/components/CreateProfileModal/index.tsx
+var CreateProfileModal_exports = {};
+__export(CreateProfileModal_exports, {
+  default: () => CreateProfileModal_default
+});
+module.exports = __toCommonJS(CreateProfileModal_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_icons = require("@ant-design/icons");
+var import_classnames = __toESM(require("classnames"));
+var import_serve = require("../../serve");
+var import_index = require("./index.less");
+var EMPTY_DICT = {
+  en: "",
+  "zh-CN": "",
+  "zh-HK": "",
+  ja: "",
+  pt: "",
+  original: ""
+};
+var COPY_SUFFIX = " (Copy)";
+var toLangDict = (val) => {
+  if (!val) return { ...EMPTY_DICT };
+  if (typeof val === "string") {
+    return { ...EMPTY_DICT, original: val, en: val };
+  }
+  return { ...EMPTY_DICT, ...val };
+};
+var appendCopySuffix = (val) => {
+  const dict = toLangDict(val);
+  const result = { ...EMPTY_DICT };
+  Object.keys(dict).forEach((k) => {
+    const v = dict[k];
+    result[k] = v && String(v).trim() ? `${v}${COPY_SUFFIX}` : "";
+  });
+  return result;
+};
+var CreateProfileModal = ({
+  open,
+  onClose,
+  onSuccess,
+  deviceType,
+  getText,
+  translation,
+  mode = "create",
+  sourceProfile
+}) => {
+  const isDuplicate = mode === "duplicate" && !!sourceProfile;
+  const [step, setStep] = (0, import_react.useState)("template");
+  const [modelCode, setModelCode] = (0, import_react.useState)(void 0);
+  const [templateCode, setTemplateCode] = (0, import_react.useState)(
+    void 0
+  );
+  const [name, setName] = (0, import_react.useState)({ ...EMPTY_DICT });
+  const [description, setDescription] = (0, import_react.useState)({ ...EMPTY_DICT });
+  const [status, setStatus] = (0, import_react.useState)("active");
+  const [submitting, setSubmitting] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (!open) {
+      setStep("template");
+      setModelCode(void 0);
+      setTemplateCode(void 0);
+      setName({ ...EMPTY_DICT });
+      setDescription({ ...EMPTY_DICT });
+      setStatus("active");
+      setSubmitting(false);
+      return;
+    }
+    if (isDuplicate && sourceProfile) {
+      setStep("info");
+      setModelCode(sourceProfile.model_code);
+      setTemplateCode(sourceProfile.template_code);
+      setName(appendCopySuffix(sourceProfile.name));
+      setDescription(toLangDict(sourceProfile.description));
+      setStatus(sourceProfile.status);
+    }
+  }, [open, isDuplicate, sourceProfile]);
+  const typeName = (0, import_react.useMemo)(
+    () => deviceType ? translation(deviceType.name) : "",
+    [deviceType, translation]
+  );
+  const subTitle = (0, import_react.useMemo)(() => {
+    if (isDuplicate && sourceProfile) {
+      const sourceName = translation(sourceProfile.name);
+      return getText("pisell2.saas.device-profile.modal.subtitle.duplicate").replace("{DeviceType}", typeName || "").replace("{ProfileName}", sourceName || "");
+    }
+    return getText("pisell2.saas.device-profile.modal.subtitle.create").replace(
+      "{DeviceType}",
+      typeName || ""
+    );
+  }, [getText, typeName, isDuplicate, sourceProfile, translation]);
+  const modelOptions = (0, import_react.useMemo)(
+    () => ((deviceType == null ? void 0 : deviceType.active_models) || []).map((m) => ({
+      label: translation(m.name),
+      value: m.code
+    })),
+    [deviceType, translation]
+  );
+  const selectedModel = (0, import_react.useMemo)(
+    () => ((deviceType == null ? void 0 : deviceType.active_models) || []).find((m) => m.code === modelCode),
+    [deviceType, modelCode]
+  );
+  const templates = (0, import_react.useMemo)(
+    () => (selectedModel == null ? void 0 : selectedModel.active_profile_templates) || [],
+    [selectedModel]
+  );
+  const canNext = !!modelCode && !!templateCode;
+  const hasName = (0, import_react.useMemo)(
+    () => Object.values(name).some((v) => v && String(v).trim()),
+    [name]
+  );
+  const canCreate = hasName && !submitting;
+  const handleNext = () => {
+    if (!canNext) return;
+    setStep("info");
+  };
+  const handleBack = () => {
+    setStep("template");
+  };
+  const handleCreate = async () => {
+    if (!canCreate || !modelCode || !templateCode) return;
+    setSubmitting(true);
+    try {
+      const payload = {
+        model_code: modelCode,
+        template_code: templateCode,
+        name,
+        description,
+        setting: null,
+        status
+      };
+      if (isDuplicate) {
+        payload.setting = (sourceProfile == null ? void 0 : sourceProfile.setting) || null;
+      } else {
+        const template = templates.find((t) => t.code === templateCode);
+        if (template) {
+          payload.setting = template.setting;
+        }
+      }
+      await (0, import_serve.createDeviceProfile)(payload);
+      (0, import_materials.PisellToast)({
+        content: getText("pisell2.saas.device-profile.message.create-success"),
+        duration: 2
+      });
+      onSuccess();
+    } catch (e) {
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  const renderHeader = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__header" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__title" }, step === "template" ? getText("pisell2.saas.device-profile.modal.title.choose-template") : getText("pisell2.saas.device-profile.modal.title.profile-info")), /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__subtitle" }, subTitle)), /* @__PURE__ */ import_react.default.createElement(
+    import_icons.CloseOutlined,
+    {
+      className: "create-profile-modal__close",
+      onClick: onClose
+    }
+  ));
+  const renderTemplateStep = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__body" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      required: true,
+      label: getText(
+        "pisell2.saas.device-profile.modal.field.device-model"
+      ),
+      help: getText(
+        "pisell2.saas.device-profile.modal.help.profile-structure"
+      )
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Select,
+      {
+        value: modelCode,
+        onChange: (val) => {
+          setModelCode(val);
+          setTemplateCode(void 0);
+        },
+        placeholder: getText(
+          "pisell2.saas.device-profile.modal.placeholder.select-model"
+        ),
+        options: modelOptions,
+        size: "large"
+      }
+    )
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__section-title" }, getText("pisell2.saas.device-profile.modal.help.select-template")), !modelCode ? /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__empty" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "ContainerOutlined" }), /* @__PURE__ */ import_react.default.createElement("div", null, getText("pisell2.saas.device-profile.modal.empty.no-model"))) : templates.length === 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__empty" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "ContainerOutlined" }), /* @__PURE__ */ import_react.default.createElement("div", null, getText("pisell2.saas.device-profile.modal.empty.no-templates"))) : /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__templates" }, templates.map((tpl) => {
+    const selected = templateCode === tpl.code;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: tpl.code,
+        className: (0, import_classnames.default)("create-profile-modal__template-card", {
+          "is-selected": selected
+        }),
+        onClick: () => setTemplateCode(tpl.code)
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__template-icon" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "FileTextOutlined" })),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__template-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__template-name" }, translation(tpl.name)), tpl.description ? /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__template-desc" }, translation(tpl.description)) : null)
+    );
+  })));
+  const renderInfoStep = () => {
+    const modelName = selectedModel ? translation(selectedModel.name) : "";
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__body" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        required: true,
+        label: getText(
+          "pisell2.saas.device-profile.modal.field.profile-name"
+        )
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_materials.BaseTranslation,
+        {
+          value: name,
+          onChange: (val) => setName(val),
+          placeholder: getText(
+            "pisell2.saas.device-profile.modal.placeholder.profile-name"
+          ),
+          size: "large"
+        }
+      )
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__row" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: getText(
+          "pisell2.saas.device-profile.modal.field.device-type"
+        ),
+        className: "create-profile-modal__col"
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { value: typeName, disabled: true, size: "large" })
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: getText(
+          "pisell2.saas.device-profile.modal.field.device-model"
+        ),
+        className: "create-profile-modal__col"
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { value: modelName, disabled: true, size: "large" })
+    )), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: getText("pisell2.saas.device-profile.modal.field.status")
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_materials.Select,
+        {
+          value: status,
+          onChange: (val) => setStatus(val),
+          size: "large",
+          options: [
+            {
+              label: getText("pisell2.saas.device-profile.status.active"),
+              value: "active"
+            },
+            {
+              label: getText("pisell2.saas.device-profile.status.inactive"),
+              value: "inactive"
+            }
+          ]
+        }
+      )
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        label: getText(
+          "pisell2.saas.device-profile.modal.field.description"
+        )
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_materials.BaseTranslation,
+        {
+          value: description,
+          onChange: (val) => setDescription(val),
+          placeholder: getText(
+            "pisell2.saas.device-profile.modal.placeholder.description"
+          ),
+          size: "large"
+        }
+      )
+    )));
+  };
+  const renderFooter = () => {
+    if (step === "template") {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__footer" }, /* @__PURE__ */ import_react.default.createElement("span", null), /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { type: "primary", disabled: !canNext, onClick: handleNext }, getText("pisell2.saas.device-profile.modal.button.next")));
+    }
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "create-profile-modal__footer" }, isDuplicate ? /* @__PURE__ */ import_react.default.createElement("span", null) : /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { type: "text", onClick: handleBack }, getText("pisell2.saas.device-profile.modal.button.back")), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        type: "primary",
+        disabled: !canCreate,
+        loading: submitting,
+        onClick: handleCreate
+      },
+      getText("pisell2.saas.device-profile.modal.button.create")
+    ));
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      open,
+      onCancel: onClose,
+      headerDivider: false,
+      footerDivider: false,
+      footer: null,
+      header: null,
+      closable: false,
+      width: 640,
+      destroyOnClose: true,
+      maskClosable: false,
+      className: "create-profile-modal"
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "24px 0" } }, renderHeader(), step === "template" ? renderTemplateStep() : renderInfoStep(), renderFooter())
+  );
+};
+var CreateProfileModal_default = CreateProfileModal;