contactstudiocstools 1.0.255 → 1.0.256

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "@contactstudio/cstools",
   "configKey": "CSTools",
-  "version": "1.0.255"
+  "version": "1.0.256"
 }

package/dist/runtime/components/Organism.FormMailingHorizontalLayout.vue

@@ -0,0 +1,103 @@
+<template>
+  <OrganismForm
+    v-slot="{ models, getRef }"
+    ref="form"
+    :submit="submit"
+    :deny="deny"
+    :defaults="defaults"
+    class="form"
+  >
+    <div
+      v-for="(field, i) in mailing"
+      :key="i"
+      class="flex items-center space-between"
+      :disabled="field.disabled"
+    >
+      <span class="flex-grow max-w-32 text-right pr-2 text-[11px] font-medium">
+        {{field.label}}
+      </span>
+      <MoleculeFieldGroup
+        :ref="getRef"
+        :rules="[getRulesByField(models[field.name], field)]"
+        class="flex-grow"
+        >
+        <AtomField
+          v-model="models[field.name]"
+          :type="field.type"
+          :field="field"
+          @blur.capture="
+            persist(field.name, models[field.name]);
+            routine({ models, field });
+          "
+        />
+      </MoleculeFieldGroup>
+    </div>
+  </OrganismForm>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from "vue";
+import { IMailing, IField, IRule, EFieldTypes } from "./types";
+import OrganismForm from "./Organism.Form.vue";
+
+interface IProps {
+  mailing: IMailing;
+  submit: Function;
+  deny?: Function;
+  persist?: Function;
+  routine?: Function;
+
+  defaults?: { [name: string]: string };
+}
+const props = defineProps<IProps>();
+
+// computed
+const getRulesByField = computed<Function>(
+  () =>
+    (value: string, { regex, required, messages, type }: IField): IRule => {
+      const isPhoneField = type === EFieldTypes.phone;
+      const isBrazilianPhone = /^\+55[0-9]/.test(value);
+      const errorMessage = messages?.error || "";
+
+      if (isPhoneField && isBrazilianPhone) {
+        regex = /^\+55[0-9]{10,11}$/;
+      }
+
+      return buildRule({ value, regex, required, errorMessage });
+    }
+);
+
+// data
+const form = ref<InstanceType<typeof OrganismForm> | null>(null);
+
+// methods
+function buildRule({ value, regex, required, errorMessage }: any): IRule {
+  return () => {
+    if (value) return regex.test(value) || errorMessage;
+    if (required) return "Campo obrigatório!";
+
+    return true;
+  };
+}
+
+function persist(label: string, value: any) {
+  if (!props.persist) return;
+
+  props.persist({ [label]: value });
+}
+
+function routine({ models, field }: any) {
+  if (!props.routine) return;
+
+  props.routine({ models, field });
+}
+
+// expose
+defineExpose({ form });
+</script>
+
+<style scoped>
+.field-group {
+  position: relative;
+}
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contactstudiocstools",
-  "version": "1.0.255",
+  "version": "1.0.256",
   "description": "Nuxt Tools Module for ContactStudio",
   "type": "module",
   "exports": {