@zauru-sdk/components 1.0.99 → 1.0.100

package/src/Zendesk/zendesk.config.ts

@@ -1,4 +1,4 @@
-import jwt from "jsonwebtoken";
+//import jwt from "jsonwebtoken";
 
 export function zendeskJwt(
   current_user: {
@@ -31,10 +31,12 @@ export function zendeskJwt(
     exp: expiresIn,
   };
 
-  const jwtHeader: jwt.JwtHeader = { kid: jwtKey, typ: "JWT", alg: "HS256" };
+  // const jwtHeader: jwt.JwtHeader = { kid: jwtKey, typ: "JWT", alg: "HS256" };
 
-  return jwt.sign(payload, jwtSecret, {
-    algorithm: "HS256",
-    header: jwtHeader,
-  });
+  // return jwt.sign(payload, jwtSecret, {
+  //   algorithm: "HS256",
+  //   header: jwtHeader,
+  // });
+
+  return {};
 }

package/dist/Form/FormLayout/index.d.ts

@@ -1,11 +0,0 @@
-import { type FormMethod } from "@remix-run/react";
-import { type ReactNode } from "react";
-type Props = {
-    formId: string;
-    title?: string;
-    children: ReactNode;
-    buttons?: ReactNode;
-    method?: FormMethod;
-};
-export declare const FormLayout: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Form/RadioButtonGroup/index.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-type RadioButtonProps = {
-    id?: string;
-    name?: string;
-    options: {
-        label: string;
-        value: string;
-    }[];
-    defaultValue?: string;
-    orientation?: "vertical" | "horizontal";
-    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
-    disabled?: boolean;
-    error?: string;
-    title?: string;
-    helpText?: string;
-    className?: string;
-};
-export declare const RadioButtonGroupWithoutValidation: (props: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RadioButtonGroup: (props: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/Form/FormLayout/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormLayout = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@remix-run/react");
-const index_js_1 = require("../../Containers/index.js");
-const FormLayout = (props) => {
-    const { title, children, buttons, method, formId } = props;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Form, { id: formId, name: formId, method: method ?? "post", children: [title && ((0, jsx_runtime_1.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-3", children: title })), (0, jsx_runtime_1.jsxs)("div", { className: "shadow sm:overflow-hidden sm:rounded-md", children: [(0, jsx_runtime_1.jsx)("div", { className: "space-y-6 bg-white px-4 py-5 sm:p-6", children: children }), buttons && ((0, jsx_runtime_1.jsx)(index_js_1.ButtonSectionContainer, { children: buttons }))] })] }, formId));
-};
-exports.FormLayout = FormLayout;

package/dist/cjs/Form/RadioButtonGroup/index.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioButtonGroup = exports.RadioButtonGroupWithoutValidation = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("@zauru-sdk/icons");
-const redux_1 = require("@zauru-sdk/redux");
-const react_1 = require("react");
-const RadioButtonGroupWithoutValidation = (props) => {
-    const { id, name, options, defaultValue, orientation = "vertical", onChange, disabled = false, error, title, helpText, className, } = props;
-    const [selectedValue, setSelectedValue] = (0, react_1.useState)(defaultValue);
-    const [showTooltip, setShowTooltip] = (0, react_1.useState)(false);
-    const handleChange = (event) => {
-        setSelectedValue(event.target.value);
-        onChange && onChange(event.target.value, event);
-    };
-    const containerClass = orientation === "vertical" ? "flex flex-col" : "flex flex-row space-x-5";
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `radio-button-group ${className}`, children: [title && ((0, jsx_runtime_1.jsx)("label", { htmlFor: id, className: "block mb-1 text-sm font-medium text-gray-700", children: title })), (0, jsx_runtime_1.jsx)("div", { className: containerClass, children: options.map((option, index) => ((0, jsx_runtime_1.jsxs)("label", { className: "flex items-center space-x-2", children: [(0, jsx_runtime_1.jsx)("input", { type: "radio", id: id ? `${id}-${option.value}` : undefined, name: name, value: option.value, checked: selectedValue === option.value, onChange: handleChange, disabled: disabled, className: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" }), (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-gray-700", children: option.label })] }, index))) }), helpText && ((0, jsx_runtime_1.jsxs)("div", { className: "relative cursor-pointer", onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), children: [(0, jsx_runtime_1.jsx)(icons_1.IdeaIconSVG, {}), showTooltip && ((0, jsx_runtime_1.jsx)("div", { className: "absolute mt-2 p-2 bg-white border rounded shadow text-black z-50", children: helpText }))] })), error && ((0, jsx_runtime_1.jsxs)("p", { className: "mt-2 text-sm text-red-600", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: "Oops!" }), " ", error] }))] }));
-};
-exports.RadioButtonGroupWithoutValidation = RadioButtonGroupWithoutValidation;
-const RadioButtonGroup = (props) => {
-    const { formValidations } = (0, redux_1.useAppSelector)((state) => state.formValidation);
-    const error = formValidations[props.name ?? "-1"];
-    props = { ...props, error };
-    return (0, jsx_runtime_1.jsx)(exports.RadioButtonGroupWithoutValidation, { ...props });
-};
-exports.RadioButtonGroup = RadioButtonGroup;

package/dist/esm/Form/FormLayout/index.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Form } from "@remix-run/react";
-import { ButtonSectionContainer } from "../../Containers/index.js";
-export const FormLayout = (props) => {
-    const { title, children, buttons, method, formId } = props;
-    return (_jsxs(Form, { id: formId, name: formId, method: method ?? "post", children: [title && (_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-3", children: title })), _jsxs("div", { className: "shadow sm:overflow-hidden sm:rounded-md", children: [_jsx("div", { className: "space-y-6 bg-white px-4 py-5 sm:p-6", children: children }), buttons && (_jsx(ButtonSectionContainer, { children: buttons }))] })] }, formId));
-};

package/dist/esm/Form/RadioButtonGroup/index.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IdeaIconSVG } from "@zauru-sdk/icons";
-import { useAppSelector } from "@zauru-sdk/redux";
-import { useState } from "react";
-export const RadioButtonGroupWithoutValidation = (props) => {
-    const { id, name, options, defaultValue, orientation = "vertical", onChange, disabled = false, error, title, helpText, className, } = props;
-    const [selectedValue, setSelectedValue] = useState(defaultValue);
-    const [showTooltip, setShowTooltip] = useState(false);
-    const handleChange = (event) => {
-        setSelectedValue(event.target.value);
-        onChange && onChange(event.target.value, event);
-    };
-    const containerClass = orientation === "vertical" ? "flex flex-col" : "flex flex-row space-x-5";
-    return (_jsxs("div", { className: `radio-button-group ${className}`, children: [title && (_jsx("label", { htmlFor: id, className: "block mb-1 text-sm font-medium text-gray-700", children: title })), _jsx("div", { className: containerClass, children: options.map((option, index) => (_jsxs("label", { className: "flex items-center space-x-2", children: [_jsx("input", { type: "radio", id: id ? `${id}-${option.value}` : undefined, name: name, value: option.value, checked: selectedValue === option.value, onChange: handleChange, disabled: disabled, className: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300" }), _jsx("span", { className: "text-sm text-gray-700", children: option.label })] }, index))) }), helpText && (_jsxs("div", { className: "relative cursor-pointer", onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), children: [_jsx(IdeaIconSVG, {}), showTooltip && (_jsx("div", { className: "absolute mt-2 p-2 bg-white border rounded shadow text-black z-50", children: helpText }))] })), error && (_jsxs("p", { className: "mt-2 text-sm text-red-600", children: [_jsx("span", { className: "font-medium", children: "Oops!" }), " ", error] }))] }));
-};
-export const RadioButtonGroup = (props) => {
-    const { formValidations } = useAppSelector((state) => state.formValidation);
-    const error = formValidations[props.name ?? "-1"];
-    props = { ...props, error };
-    return _jsx(RadioButtonGroupWithoutValidation, { ...props });
-};

package/src/Form/FormLayout/index.tsx

@@ -1,37 +0,0 @@
-import { Form, type FormMethod } from "@remix-run/react";
-import { type ReactNode } from "react";
-import { ButtonSectionContainer } from "../../Containers/index.js";
-
-type Props = {
-  formId: string;
-  title?: string;
-  children: ReactNode;
-  buttons?: ReactNode;
-  method?: FormMethod;
-};
-
-export const FormLayout = (props: Props) => {
-  const { title, children, buttons, method, formId } = props;
-
-  return (
-    <Form id={formId} name={formId} method={method ?? "post"} key={formId}>
-      {title && (
-        <label className="block text-sm font-medium text-gray-700 mb-3">
-          {title}
-        </label>
-      )}
-      <div className="shadow sm:overflow-hidden sm:rounded-md">
-        <div className="space-y-6 bg-white px-4 py-5 sm:p-6">
-          {/* AQUÍ VAN EL CONTENIDO DEL FORM */}
-          {children}
-        </div>
-        {buttons && (
-          <ButtonSectionContainer>
-            {/* AQUÍ VAN LOS BOTONES */}
-            {buttons}
-          </ButtonSectionContainer>
-        )}
-      </div>
-    </Form>
-  );
-};

package/src/Form/RadioButtonGroup/index.tsx

@@ -1,108 +0,0 @@
-import { IdeaIconSVG } from "@zauru-sdk/icons";
-import { useAppSelector } from "@zauru-sdk/redux";
-import React, { useState } from "react";
-
-type RadioButtonProps = {
-  id?: string;
-  name?: string;
-  options: { label: string; value: string }[];
-  defaultValue?: string;
-  orientation?: "vertical" | "horizontal";
-  onChange?: (
-    value: string,
-    event: React.ChangeEvent<HTMLInputElement>
-  ) => void;
-  disabled?: boolean;
-  error?: string;
-  title?: string;
-  helpText?: string;
-  className?: string;
-};
-
-export const RadioButtonGroupWithoutValidation = (props: RadioButtonProps) => {
-  const {
-    id,
-    name,
-    options,
-    defaultValue,
-    orientation = "vertical",
-    onChange,
-    disabled = false,
-    error,
-    title,
-    helpText,
-    className,
-  } = props;
-
-  const [selectedValue, setSelectedValue] = useState<string | undefined>(
-    defaultValue
-  );
-
-  const [showTooltip, setShowTooltip] = useState<boolean>(false);
-
-  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    setSelectedValue(event.target.value);
-    onChange && onChange(event.target.value, event);
-  };
-
-  const containerClass =
-    orientation === "vertical" ? "flex flex-col" : "flex flex-row space-x-5";
-
-  return (
-    <div className={`radio-button-group ${className}`}>
-      {title && (
-        <label
-          htmlFor={id}
-          className="block mb-1 text-sm font-medium text-gray-700"
-        >
-          {title}
-        </label>
-      )}
-      <div className={containerClass}>
-        {options.map((option, index) => (
-          <label key={index} className="flex items-center space-x-2">
-            <input
-              type="radio"
-              id={id ? `${id}-${option.value}` : undefined}
-              name={name}
-              value={option.value}
-              checked={selectedValue === option.value}
-              onChange={handleChange}
-              disabled={disabled}
-              className="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300"
-            />
-            <span className="text-sm text-gray-700">{option.label}</span>
-          </label>
-        ))}
-      </div>
-      {helpText && (
-        <div
-          className="relative cursor-pointer"
-          onMouseEnter={() => setShowTooltip(true)}
-          onMouseLeave={() => setShowTooltip(false)}
-        >
-          <IdeaIconSVG />
-          {showTooltip && (
-            <div className="absolute mt-2 p-2 bg-white border rounded shadow text-black z-50">
-              {helpText}
-            </div>
-          )}
-        </div>
-      )}
-      {error && (
-        <p className="mt-2 text-sm text-red-600">
-          <span className="font-medium">Oops!</span> {error}
-        </p>
-      )}
-    </div>
-  );
-};
-
-export const RadioButtonGroup = (props: RadioButtonProps) => {
-  const { formValidations } = useAppSelector((state) => state.formValidation);
-  const error = formValidations[props.name ?? "-1"];
-
-  props = { ...props, error };
-
-  return <RadioButtonGroupWithoutValidation {...props} />;
-};