myio-js-library 0.1.564 → 0.1.565

package/dist/index.cjs

@@ -130,6 +130,7 @@ __export(src_exports, {
   DEFAULT_SIDEBAR_CONFIG: () => DEFAULT_SIDEBAR_CONFIG,
   DEFAULT_SOLENOID_SETTINGS: () => DEFAULT_SOLENOID_SETTINGS,
   DEFAULT_SOLENOID_STATE: () => DEFAULT_SOLENOID_STATE,
+  DEFAULT_STORE_SEGMENTS: () => DEFAULT_STORE_SEGMENTS,
   DEFAULT_SWITCH_SETTINGS: () => DEFAULT_SWITCH_SETTINGS,
   DEFAULT_SWITCH_STATE: () => DEFAULT_SWITCH_STATE,
   DEFAULT_TABS: () => DEFAULT_TABS,
@@ -922,7 +923,7 @@ module.exports = __toCommonJS(src_exports);
 // package.json
 var package_default = {
   name: "myio-js-library",
-  version: "0.1.564",
+  version: "0.1.565",
   description: "A clean, standalone JS SDK for MYIO projects",
   license: "MIT",
   repository: "github:gh-myio/myio-js-library",
@@ -63935,6 +63936,171 @@ function createTicketsTab(config2) {
   return { destroy: () => tab.destroy() };
 }
 
+// src/components/premium-modals/settings/commercialCatalog.ts
+var DEFAULT_STORE_SEGMENTS = [
+  {
+    segment: "Conveni\xEAncia / Servi\xE7os",
+    activities: [
+      "Ag\xEAncias De Viagens",
+      "Alimentos Especias",
+      "Consertos",
+      "Correio",
+      "Educa\xE7\xE3o/Ensino",
+      "Emp\xF3rios",
+      "Farm\xE1cias E Drogarias",
+      "Foto Revela\xE7\xE3o",
+      "Lavanderia",
+      "Lot\xE9rica",
+      "Outros Servi\xE7os",
+      "Pet Shop",
+      "Servi\xE7os Automotivos",
+      "Servi\xE7os Est\xE9ticos",
+      "Servi\xE7os Financeiros",
+      "Servi\xE7os Gr\xE1ficos",
+      "Servi\xE7os M\xE9dicos(Cl\xEDnicas/Laborat\xF3rios)",
+      "Servi\xE7os P\xFAblicos",
+      "Tatuagem/Piercing",
+      "Venda E Loca\xE7\xE3o De Ve\xEDculos"
+    ]
+  },
+  {
+    segment: "Entretenimento",
+    activities: [
+      "Arena Gamer",
+      "Boliche",
+      "Cinemas",
+      "Outros(Museu,Espa\xE7o Cultural,Etc)",
+      "Parques E Games"
+    ]
+  },
+  {
+    segment: "Lojas \xC2ncoras",
+    activities: [
+      "Academias",
+      "Artigos Esportivos",
+      "Centros Educacionais / Escolas / Faculdades / Universidades",
+      "Constru\xE7\xE3o E Decora\xE7\xE3o",
+      "Eletrodom\xE9sticos, Eletr\xF4nicos",
+      "Hipermercado / Supermercado / Atacarejo",
+      "Magazines E/Ou Utens\xEDlios Para O Lar E Conveni\xEAncia",
+      "Moda",
+      "Outros"
+    ]
+  },
+  {
+    segment: "Lojas Sat\xE9lites",
+    activities: [
+      "Acess\xF3rios",
+      "Acess\xF3rios E Artigos Para Viagens",
+      "Artigos Eletr\xF4nicos/Tecnologia Da Informa\xE7\xE3o(Ti)",
+      "Brinquedos",
+      "Caf\xE9s, Bares E Ch\xE1s",
+      "Cal\xE7ados Esportivos",
+      "Cal\xE7ados Feminimos",
+      "Cal\xE7ados Geral",
+      "Cal\xE7ados Infantis",
+      "Cal\xE7ados Masculinos",
+      "Cama/Mesa/Banho",
+      "Colch\xF5es",
+      "Docerias",
+      "Fast-Food",
+      "Livraria",
+      "Moda Esportiva",
+      "Moda Feminina",
+      "Moda Geral",
+      "Moda Infantil",
+      "Moda \xCDntima E Roupas Para Dormir",
+      "Moda Masculina",
+      "Moda Praia",
+      "Moda Unissex",
+      "\xD3ticas",
+      "Outros",
+      "Perfumaria, Maquiagem E Cosm\xE9ticos",
+      "Puericultura",
+      "Relojoarias, Joalherias",
+      "Restaurantes Com Servi\xE7os",
+      "Restaurantes Sem Servi\xE7os",
+      "Surfewear / Streetwear",
+      "Telefonia Geral",
+      "Utens\xEDlios P/ Lar, Acess\xF3rios P/ Decora\xE7\xE3o E Presentes"
+    ]
+  },
+  {
+    segment: "Mall E Merchandising",
+    activities: [
+      "Acess\xF3rios",
+      "Alimenta\xE7\xE3o E Bebidas",
+      "Antenas De Operadoras",
+      "Artigos Esportivos",
+      "Artigos Para O Lar",
+      "Brinquedos",
+      "Cal\xE7ados",
+      "Conveni\xEAncia / Servi\xE7os",
+      "Eletr\xF4nicos",
+      "Eventos",
+      "Geek",
+      "Livraria",
+      "M\xEDdia",
+      "\xD3ticas",
+      "Outros",
+      "Papelaria",
+      "Perfumaria, Maquiagem E Cosm\xE9ticos",
+      "Relojoarias E Joalherias",
+      "Telefonia E Acess\xF3rios",
+      "Vending Machines",
+      "Vestu\xE1rio"
+    ]
+  },
+  {
+    segment: "Megalojas",
+    activities: [
+      "Alimenta\xE7\xE3o E Bebidas",
+      "Artigos Esportivos",
+      "Brinquedos",
+      "Centros Educacionais / Escolas / Faculdades / Universidades",
+      "Constru\xE7\xE3o, Decora\xE7\xE3o",
+      "Eletrodom\xE9sticos, Eletr\xF4nicos, Magazines E/Ou Utens. P/Lar",
+      "Livrarias",
+      "Magazines E/Ou Utens\xEDlios Para O Lar E Conveni\xEAncia",
+      "Material De Escrit\xF3rio / Papelaria / Inform\xE1tica",
+      "Moda",
+      "Outros",
+      "Puericultura"
+    ]
+  },
+  {
+    segment: "Semi-\xC2ncoras",
+    activities: [
+      "Academias",
+      "Alimenta\xE7\xE3o E Bebidas",
+      "Artigos Esportivos",
+      "Brinquedos",
+      "Centros Educacionais / Escolas / Faculdades / Universidades",
+      "Eletrodom\xE9sticos, Eletr\xF4nicos, Magazines E/Ou Utens. P/Lar",
+      "Livrarias",
+      "Magazines E/Ou Utens\xEDlios Para O Lar E Conveni\xEAncia",
+      "Material De Escrit\xF3rio / Papelaria / Inform\xE1tica",
+      "Moda",
+      "Outros"
+    ]
+  }
+];
+async function loadStoreSegmentCatalog(source) {
+  if (!source) return DEFAULT_STORE_SEGMENTS;
+  try {
+    const list = typeof source === "function" ? await source() : source;
+    return Array.isArray(list) && list.length > 0 ? list : DEFAULT_STORE_SEGMENTS;
+  } catch (err) {
+    console.warn("[SettingsModal] segmentCatalog loader falhou \u2014 usando cat\xE1logo padr\xE3o:", err);
+    return DEFAULT_STORE_SEGMENTS;
+  }
+}
+function activitiesForSegment(catalog, segment, currentActivity) {
+  const list = catalog.find((s) => s.segment === segment)?.activities ?? [];
+  if (currentActivity && !list.includes(currentActivity)) return [...list, currentActivity];
+  return list;
+}
+
 // src/components/createInputDateRangePickerInsideDIV.ts
 var PREMIUM_STYLES = `
   .myio-daterange-wrapper {
@@ -64283,6 +64449,9 @@ var SettingsModalView = class _SettingsModalView {
     if (lastUpdatedEl) {
       lastUpdatedEl.textContent = formData.lastUpdatedTime ? this.formatTs(formData.lastUpdatedTime) : "\u2014";
     }
+    if (this.isSuperAdmin()) {
+      this.initCommercialFields(formData);
+    }
     if (!this.config.gcdrDeviceId && formData.gcdrDeviceId) {
       this.config.gcdrDeviceId = formData.gcdrDeviceId;
     }
@@ -64916,6 +65085,7 @@ var SettingsModalView = class _SettingsModalView {
             </div>
 
           </div>
+          ${this.isSuperAdmin() ? this.getCommercialFieldsHTML() : ""}
         </div>
 
         <!-- Central/gateway identity+telemetry \u2014 only for CentralSettingsModal (isGateway);
@@ -64933,6 +65103,71 @@ var SettingsModalView = class _SettingsModalView {
       </div>
     `;
   }
+  /**
+   * Campos comerciais — só @myio / superadmin (o bloco nem é renderizado para os demais,
+   * então getFormData não envia essas chaves e o save não as sobrescreve).
+   * Linha 1: ABL + Contrato (texto). Linha 2: Segmento → Atividade (selects em cascata,
+   * opções preenchidas em initCommercialFields após carregar o catálogo).
+   */
+  getCommercialFieldsHTML() {
+    const customerName = String(
+      this.config.customerName || window.MyIOUtils?.customerName || ""
+    ).trim();
+    const escName = customerName.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+    return `
+      <div class="commercial-block">
+        <div class="commercial-title">Dados de Cadastro${escName ? ` <span class="commercial-sep">|</span> <span class="commercial-customer">${escName.toLocaleUpperCase("pt-BR")}</span>` : ""}</div>
+        <div class="commercial-grid">
+          <div class="commercial-field">
+            <label class="identity-field-label" for="abl">ABL</label>
+            <input type="text" id="abl" name="abl" class="identity-input" maxlength="50" placeholder="Ex.: 120,50 m\xB2">
+          </div>
+          <div class="commercial-field">
+            <label class="identity-field-label" for="contract">Contrato</label>
+            <input type="text" id="contract" name="contract" class="identity-input" maxlength="100" placeholder="N\xBA / identifica\xE7\xE3o do contrato">
+          </div>
+          <div class="commercial-field">
+            <label class="identity-field-label" for="segment">Segmento</label>
+            <select id="segment" name="segment" class="identity-input" disabled>
+              <option value="">Carregando segmentos\u2026</option>
+            </select>
+          </div>
+          <div class="commercial-field">
+            <label class="identity-field-label" for="activity">Atividade</label>
+            <select id="activity" name="activity" class="identity-input" disabled>
+              <option value="">Selecione o segmento primeiro</option>
+            </select>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  /** Carrega o catálogo de segmentos e liga a cascata Segmento → Atividade, restaurando os valores salvos. */
+  async initCommercialFields(saved) {
+    const segmentEl = this.modal.querySelector("#segment");
+    const activityEl = this.modal.querySelector("#activity");
+    if (!segmentEl || !activityEl) return;
+    const esc9 = (s) => s.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+    const options = (values, selected, placeholder) => `<option value="">${placeholder}</option>` + values.map((v) => `<option value="${esc9(v)}"${v === selected ? " selected" : ""}>${esc9(v)}</option>`).join("");
+    const catalog = await loadStoreSegmentCatalog(this.config.segmentCatalog);
+    const savedSegment = String(saved.segment || "");
+    const savedActivity = String(saved.activity || "");
+    const segments = catalog.map((s) => s.segment);
+    if (savedSegment && !segments.includes(savedSegment)) segments.push(savedSegment);
+    segmentEl.innerHTML = options(segments, savedSegment, "Selecione\u2026");
+    segmentEl.disabled = false;
+    const fillActivities = (segment, selected) => {
+      if (!segment) {
+        activityEl.innerHTML = options([], "", "Selecione o segmento primeiro");
+        activityEl.disabled = true;
+        return;
+      }
+      activityEl.innerHTML = options(activitiesForSegment(catalog, segment, selected), selected, "Selecione\u2026");
+      activityEl.disabled = false;
+    };
+    fillActivities(savedSegment, savedActivity);
+    segmentEl.addEventListener("change", () => fillActivities(segmentEl.value, ""));
+  }
   /** RFC-0171: Offset de Temperatura — sempre visível para domain=temperature; editável só para @myio.com.br */
   getTemperatureOffsetHTML() {
     const superAdmin = this.isSuperAdmin();
@@ -66616,6 +66851,49 @@ var SettingsModalView = class _SettingsModalView {
           cursor: default;
         }
 
+        /* Campos comerciais (s\xF3 @myio / superadmin) */
+        .commercial-block {
+          margin-top: 14px;
+          padding-top: 12px;
+          border-top: 1px dashed #e5e7eb;
+        }
+        .commercial-title {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          font-size: 12px;
+          font-weight: 700;
+          color: #495057;
+          margin-bottom: 8px;
+        }
+        .commercial-sep {
+          color: #ced4da;
+          font-weight: 400;
+        }
+        .commercial-customer {
+          color: var(--myio-brand-700, #3e1a7d);
+          letter-spacing: 0.3px;
+        }
+        .commercial-grid {
+          display: grid;
+          grid-template-columns: 1fr 1fr;
+          gap: 10px 16px;
+        }
+        .commercial-field {
+          display: flex;
+          flex-direction: column;
+          gap: 5px;
+        }
+        select.identity-input {
+          height: 30px;
+          cursor: pointer;
+        }
+        select.identity-input:disabled {
+          background: #f8f9fa;
+          color: #9ca3af;
+          cursor: not-allowed;
+        }
+
         /* Col 3: date info block */
         .identity-dates-block {
           grid-column: 3;
@@ -67614,6 +67892,11 @@ var SettingsModalView = class _SettingsModalView {
           color: #6c757d;
           border-color: #373a40;
         }
+        .theme-dark .commercial-block { border-top-color: #373a40; }
+        .theme-dark .commercial-title { color: #ced4da; }
+        .theme-dark .commercial-sep { color: #495057; }
+        .theme-dark .commercial-customer { color: #c4b5fd; }
+        .theme-dark select.identity-input:disabled { background: #1a1b1e; color: #6c757d; }
         .theme-dark .device-name-subtitle {
           color: #6c757d;
         }
@@ -78101,6 +78384,8 @@ var DefaultSettingsFetcher = class _DefaultSettingsFetcher {
           attributes.lastUpdatedTime = attr.value;
         } else if (attr.key === "gcdrDeviceId") {
           attributes.gcdrDeviceId = attr.value;
+        } else if (["abl", "contract", "segment", "activity"].includes(attr.key)) {
+          attributes[attr.key] = String(attr.value);
         }
       }
     }
@@ -78130,7 +78415,12 @@ var DefaultSettingsFetcher = class _DefaultSettingsFetcher {
     const stringFields = [
       "label",
       "floor",
-      "identifier"
+      "identifier",
+      // Campos comerciais (só @myio / superadmin no modal)
+      "abl",
+      "contract",
+      "segment",
+      "activity"
     ];
     for (const field of stringFields) {
       if (data[field] && typeof data[field] === "string") {
@@ -78240,6 +78530,7 @@ var SettingsController = class {
       superadmin: params.superadmin,
       userEmail: params.userEmail || window.MyIOUtils?.currentUserEmail || null,
       holdingAdmin: params.holdingAdmin ?? window.MyIOUtils?.HoldingAdmin ?? false,
+      segmentCatalog: params.segmentCatalog,
       // RFC-0144: Pass enableAnnotationsOnboarding flag for onboarding control
       enableAnnotationsOnboarding: params.enableAnnotationsOnboarding ?? false,
       // RFC-0180: Raw device name + GCDR identifiers for Alarms tab
@@ -78563,6 +78854,12 @@ var SettingsController = class {
     if (formData.floor && formData.floor.length > 50) {
       errors.push("Floor must be 50 characters or less");
     }
+    if (formData.abl && formData.abl.length > 50) {
+      errors.push("ABL must be 50 characters or less");
+    }
+    if (formData.contract && formData.contract.length > 100) {
+      errors.push("Contract must be 100 characters or less");
+    }
     if (formData.storeNumber && formData.storeNumber.length > 20) {
       errors.push("Store number must be 20 characters or less");
     }
@@ -175969,6 +176266,7 @@ var version = package_default.version || "0.0.0";
   DEFAULT_SIDEBAR_CONFIG,
   DEFAULT_SOLENOID_SETTINGS,
   DEFAULT_SOLENOID_STATE,
+  DEFAULT_STORE_SEGMENTS,
   DEFAULT_SWITCH_SETTINGS,
   DEFAULT_SWITCH_STATE,
   DEFAULT_TABS,