toku-form-extensions 0.0.3 → 0.0.5

package/dist/components/CustomForm/CustomForm.d.ts

@@ -1,6 +1,6 @@
 import { ComponentOptionsMixin } from 'vue/types/v3-component-options';
 import { DefineComponent, PropType, ExtractPropTypes } from 'vue';
-import { Account, Organization } from '../../types/entities';
+import { Account } from '../../types/entities';
 interface SignupRequestData {
     additional_data: Record<string, string | number | Date>;
     customer_metadata: Record<string, string | number | Date>;
@@ -31,10 +31,6 @@ declare const _default: DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-    organization: {
-        type: PropType<Organization>;
-        required: true;
-    };
     customerFields: {
         type: PropType<SignupField[]>;
         required: true;
@@ -43,6 +39,10 @@ declare const _default: DefineComponent<{
         type: PropType<SignupField[]>;
         required: true;
     };
+    showSendByEmail: {
+        type: PropType<boolean>;
+        required: true;
+    };
     countryIso: {
         type: PropType<string | null>;
         required: true;
@@ -83,6 +83,10 @@ declare const _default: DefineComponent<{
         type: PropType<string>;
         default: string;
     };
+    isPaymentPortal: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "submit-form-data": (values: SignupRequestData) => void;
     reset: () => void;
@@ -109,10 +113,6 @@ declare const _default: DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-    organization: {
-        type: PropType<Organization>;
-        required: true;
-    };
     customerFields: {
         type: PropType<SignupField[]>;
         required: true;
@@ -121,6 +121,10 @@ declare const _default: DefineComponent<{
         type: PropType<SignupField[]>;
         required: true;
     };
+    showSendByEmail: {
+        type: PropType<boolean>;
+        required: true;
+    };
     countryIso: {
         type: PropType<string | null>;
         required: true;
@@ -161,6 +165,10 @@ declare const _default: DefineComponent<{
         type: PropType<string>;
         default: string;
     };
+    isPaymentPortal: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
 }>>, {
     errorMessage: string;
     errorButtonLabel: string;
@@ -170,6 +178,7 @@ declare const _default: DefineComponent<{
     customerFieldsTitle: string;
     buttonLabel: string;
     sendByEmailText: string;
+    isPaymentPortal: boolean;
 }>;
 export default _default;
 //# sourceMappingURL=CustomForm.vue.d.ts.map

package/dist/components/CustomForm/CustomForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CustomForm/CustomForm"],"names":[],"mappings":"AAsDA;AAOA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAOzD,OAAO,sBAAsB,CAAC;AAI9B,UAAU,iBAAiB;IACzB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;IACxD,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;IAC1D,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;IAC9D,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;IACzD,SAAS,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GACR,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;CAC5C;AAED,KAAK,gBAAgB,GAAG,SAAS,GAAG,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8Y5C,wBAAkD"}
+{"version":3,"file":"CustomForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CustomForm/CustomForm"],"names":[],"mappings":"AAsDA;AAOA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAO3C,OAAO,sBAAsB,CAAC;AAI9B,UAAU,iBAAiB;IACzB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;IACxD,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;IAC1D,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;IAC9D,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;IACzD,SAAS,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GACR,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;CAC5C;AAED,KAAK,gBAAgB,GAAG,SAAS,GAAG,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkZ5C,wBAAkD"}

package/dist/components/CustomForm/SignupFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignupFields.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CustomForm/SignupFields"],"names":[],"mappings":"AAiEA;AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmP3C,wBAAkD"}
+{"version":3,"file":"SignupFields.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CustomForm/SignupFields"],"names":[],"mappings":"AAmEA;AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqP3C,wBAAkD"}

package/dist/index.es.js

@@ -20178,9 +20178,9 @@ var yB = function() {
   var t = this, n = t._self._c, i = t._self._setupProxy;
   return n("div", { staticClass: "form" }, [n(i.TTypography, { attrs: { variant: "s2", "font-weight": "medium" } }, [t._v(" " + t._s(t.title) + " ")]), n("div", { staticClass: "form__base" }, [t._l(i.fieldsToShow, function(s) {
     var u, c;
-    return [t.fieldsType === "invoice" && s.isAccount ? n(i.TSelect, { key: s.id || s.name, attrs: { placeholder: s.placeholder, label: s.label, value: (u = s.value) == null ? void 0 : u.toString(), "helper-text": s.helperText }, on: { input: (f) => i.handleInput(s.id || s.id || s.name, f) } }, t._l(t.accounts, function({ id: f, name: p }) {
+    return [t.fieldsType === "invoice" && s.isAccount ? n(i.TSelect, { key: s.id || s.name, staticClass: "t-select", attrs: { placeholder: s.placeholder, label: s.label, value: (u = s.value) == null ? void 0 : u.toString(), "helper-text": s.helperText }, on: { input: (f) => i.handleInput(s.id || s.id || s.name, f) } }, t._l(t.accounts, function({ id: f, name: p }) {
       return n("option", { key: f, domProps: { value: f } }, [t._v(" " + t._s(p) + " ")]);
-    }), 0) : s.defaultOptions !== void 0 ? n(i.TSelect, { key: s.id || s.name, attrs: { placeholder: s.placeholder, label: s.label, value: (c = s.value) == null ? void 0 : c.toString(), "helper-text": s.helperText }, on: { input: (f) => i.handleInput(s.id || s.name, f) } }, t._l(s.defaultOptions, function(f) {
+    }), 0) : s.defaultOptions !== void 0 ? n(i.TSelect, { key: s.id || s.name, staticClass: "t-select", attrs: { placeholder: s.placeholder, label: s.label, value: (c = s.value) == null ? void 0 : c.toString(), "helper-text": s.helperText }, on: { input: (f) => i.handleInput(s.id || s.name, f) } }, t._l(s.defaultOptions, function(f) {
       return n("option", { key: f.toString(), domProps: { value: f.toString() } }, [t._v(" " + t._s(f) + " ")]);
     }), 0) : n(i.SignupFieldComponent, { key: s.name, attrs: { id: s.id || s.name, value: i.getFieldValue(s), type: s.type, label: s.label, placeholder: s.placeholder, decimals: s.decimals, "helper-text": s.helperText, "left-icon": i.retrocompatibleIcon(s.leftIcon), required: s.required, regex: s.regex, "display-info": s.displayInfo, "right-icon": i.isFieldSearchable(s) ? "ph:magnifying-glass" : void 0 }, on: { input: (f) => i.handleInput(s.id || s.name, f), "right-icon-click": function(f) {
       i.isFieldSearchable(s) && i.handleRightIconClick();
@@ -20192,7 +20192,7 @@ var yB = function() {
   wB,
   !1,
   null,
-  "e9612c9c",
+  "78b11c27",
   null,
   null
 );
@@ -20233,9 +20233,9 @@ var CB = function() {
 const PB = DB.exports, AB = /* @__PURE__ */ St({
   __name: "CustomForm",
   props: {
-    organization: null,
     customerFields: null,
     invoiceFields: null,
+    showSendByEmail: { type: Boolean },
     countryIso: null,
     disableSubmit: { type: Boolean },
     isLoading: { type: Boolean },
@@ -20250,15 +20250,14 @@ const PB = DB.exports, AB = /* @__PURE__ */ St({
     errorMessage: { default: "Error en la creación" },
     errorButtonLabel: { default: "Intentar nuevamente" },
     successMessage: { default: "Inscripción exitosa" },
-    successButtonLabel: { default: "Registrar nuevo cliente" }
+    successButtonLabel: { default: "Registrar nuevo cliente" },
+    isPaymentPortal: { type: Boolean, default: !1 }
   },
   emits: ["submit-form-data", "reset", "autocomplete-subscription", "autocomplete-external-id"],
   setup(e, { emit: t }) {
     const n = e;
     Oo.use(Hf);
-    const i = It(n.customerFields), s = It(n.invoiceFields), u = It(n.isLoading), c = It(n.submitFormStatus), f = It(n.signupCompleted), p = It(n.errorMessage), m = It(n.isAutocompleteEnabled), _ = It(
-      !n.organization.subscription_payment_methods
-    ), y = pe(() => [
+    const i = It(n.customerFields), s = It(n.invoiceFields), u = It(n.isLoading), c = It(n.submitFormStatus), f = It(n.signupCompleted), p = It(n.errorMessage), m = It(n.isAutocompleteEnabled), _ = It(!n.showSendByEmail), y = pe(() => [
       ...i.value,
       ...s.value
     ]), { shouldShowField: P } = yh(y), { cleanGovernmentId: H } = cB();
@@ -20315,20 +20314,19 @@ const PB = DB.exports, AB = /* @__PURE__ */ St({
   }
 });
 var FB = function() {
-  var s;
   var t = this, n = t._self._c, i = t._self._setupProxy;
-  return n("main", [n("transition", { attrs: { name: "slide-fade", mode: "out-in" } }, [i.signupCompleted ? n(i.SignupCompleted, { attrs: { type: i.submitFormStatus, "error-message": i.errorMessage, "error-button-label": t.errorButtonLabel, "success-message": t.successMessage, "success-button-label": t.successButtonLabel }, on: { reset: function(u) {
+  return n("main", [n("transition", { attrs: { name: "slide-fade", mode: "out-in" } }, [i.signupCompleted ? n(i.SignupCompleted, { attrs: { type: i.submitFormStatus, "error-message": i.errorMessage, "error-button-label": t.errorButtonLabel, "success-message": t.successMessage, "success-button-label": t.successButtonLabel }, on: { reset: function(s) {
     return i.emit("reset");
-  } } }) : n("div", [n("div", { staticClass: "fields" }, [n(i.SignupFields, { attrs: { fields: i.customerFields, "fields-type": "customer", title: t.customerFieldsTitle, autocomplete: i.isAutocompleteEnabled, accounts: t.accounts }, on: { input: (u) => i.handleInput(i.customerFields, u), search: i.handleSearch } }), n(i.SignupFields, { attrs: { fields: i.invoiceFields, "fields-type": "invoice", title: t.invoiceFieldsTitle, accounts: t.accounts }, on: { input: (u) => i.handleInput(i.invoiceFields, u) } })], 1), n("div", [(s = t.organization) != null && s.subscription_payment_methods ? t._e() : n("b-checkbox", { attrs: { id: "send_email" }, model: { value: i.sendEmail, callback: function(u) {
-    i.sendEmail = u;
-  }, expression: "sendEmail" } }, [t._v(" " + t._s(t.sendByEmailText) + " ")])], 1), n("div", [n(i.TButton, { attrs: { disabled: t.disableSubmit, size: "medium", loading: i.isLoading }, on: { click: i.submitForm } }, [t._v(" " + t._s(t.buttonLabel) + " ")])], 1)])], 1)], 1);
+  } } }) : n("div", { staticClass: "custom-form" }, [n("div", { class: [t.isPaymentPortal ? "portal-payment" : "backoffice"] }, [n(i.SignupFields, { attrs: { fields: i.customerFields, "fields-type": "customer", title: t.customerFieldsTitle, autocomplete: i.isAutocompleteEnabled, accounts: t.accounts }, on: { input: (s) => i.handleInput(i.customerFields, s), search: i.handleSearch } }), n(i.SignupFields, { attrs: { fields: i.invoiceFields, "fields-type": "invoice", title: t.invoiceFieldsTitle, accounts: t.accounts }, on: { input: (s) => i.handleInput(i.invoiceFields, s) } })], 1), n("div", [t.showSendByEmail ? n("b-checkbox", { attrs: { id: "send_email" }, model: { value: i.sendEmail, callback: function(s) {
+    i.sendEmail = s;
+  }, expression: "sendEmail" } }, [t._v(" " + t._s(t.sendByEmailText) + " ")]) : t._e()], 1), n("div", [n(i.TButton, { attrs: { disabled: t.disableSubmit, size: "medium", loading: i.isLoading }, on: { click: i.submitForm } }, [t._v(" " + t._s(t.buttonLabel) + " ")])], 1)])], 1)], 1);
 }, MB = [], TB = /* @__PURE__ */ Ta(
   AB,
   FB,
   MB,
   !1,
   null,
-  "535a7b36",
+  "f98c5b78",
   null,
   null
 );