@remoteoss/remote-flows 1.2.2 → 1.3.0

package/dist/chunk-ZP2BE7U6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/JSONSchemaForm.tsx","../src/components/form/fields/fieldsMapping.tsx","../src/components/form/fields/ForcedValueField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { Fields } from '@remoteoss/json-schema-form-old';\nimport React, { Fragment } from 'react';\n\nimport { fieldsMap } from '@/src/components/form/fields/fieldsMapping';\nimport { SupportedTypes } from '@/src/components/form/fields/types';\nimport { Statement } from '@/src/components/form/Statement';\nimport { ForcedValueField } from '@/src/components/form/fields/ForcedValueField';\nimport { Components, JSFFieldset } from '@/src/types/remoteFlows';\nimport { getFieldsWithFlatFieldsets } from './utils';\nimport { StatementComponentProps } from '@/src/types/fields';\n\ntype JSONSchemaFormFieldsProps = {\n  fields: Fields;\n  components?: Components;\n  fieldsets?: JSFFieldset | null | undefined;\n  fieldValues?: Record<string, unknown>;\n};\n\nfunction checkFieldHasForcedValue(field: any) {\n  // A field to be considered \"forced value\" must:\n  return (\n    field.const !== undefined && // Only accepts a specific value\n    field.const === field.default && // It can be prefilled, meaning it's not critical\n    field.inputType !== 'checkbox' && // Because checkbox must always be visible\n    field.inputType !== 'hidden' // Because hidden inputs shouldn't be visible\n  );\n}\n\nexport const JSONSchemaFormFields = ({\n  fields,\n  fieldsets,\n  fieldValues,\n  components,\n}: JSONSchemaFormFieldsProps) => {\n  if (!fields || fields.length === 0) return null;\n\n  const maybeFieldWithFlatFieldsets =\n    fieldsets && fieldValues\n      ? getFieldsWithFlatFieldsets({\n          fields: fields,\n          fieldsets: fieldsets,\n          values: fieldValues,\n        })\n      : fields;\n\n  return (\n    <>\n      {maybeFieldWithFlatFieldsets.map((field) => {\n        if (field.calculateDynamicProperties) {\n          field = {\n            ...field,\n            ...(field.calculateDynamicProperties(fieldValues, field) || {}),\n          };\n        }\n\n        if (field.isVisible === false || field.deprecated || field.hidden) {\n          return null; // Skip hidden or deprecated fields\n        }\n\n        if (checkFieldHasForcedValue(field)) {\n          return (\n            <ForcedValueField\n              key={field.name as string}\n              name={field.name as string}\n              description={field.description as string}\n              value={field.const as string}\n              statement={field.statement as any}\n              label={field.label as string}\n              helpCenter={field.meta?.helpCenter}\n            />\n          );\n        }\n\n        if (field.Component) {\n          const { Component } = field as {\n            Component: React.ComponentType<any>;\n          };\n          return <Component key={field.name as string} {...field} />;\n        }\n\n        let FieldComponent = fieldsMap[field.inputType as SupportedTypes];\n\n        if (!FieldComponent) {\n          return (\n            <p className='error'>\n              Field type {field.inputType as string} not supported\n            </p>\n          );\n        }\n\n        if (field.inputType === 'fieldset') {\n          return (\n            <FieldComponent\n              key={field.name}\n              {...field}\n              components={components}\n            />\n          );\n        }\n\n        if (field.inputType === 'fieldset-flat') {\n          return (\n            <FieldComponent\n              key={field.name}\n              {...field}\n              components={components}\n              isFlatFieldset\n            />\n          );\n        }\n\n        // TODO: Have doubts about this, it seems we only support checkbox for multiple select\n        if (field.inputType === 'select' && field.multiple) {\n          FieldComponent = fieldsMap['multi-select'];\n        }\n\n        return (\n          <Fragment key={field.name as string}>\n            <FieldComponent\n              {...field}\n              component={\n                components && components[field.inputType as SupportedTypes]\n              }\n            />\n            {field.statement ? (\n              <Statement\n                {...(field.statement as StatementComponentProps['data'])}\n              />\n            ) : null}\n            {field.extra ? field.extra : null}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n};\n","import { $TSFixMe } from '@/src/types/remoteFlows';\nimport { baseFields } from './baseFields';\nimport { FieldSetField } from './FieldSetField';\nimport { SupportedTypes } from './types';\n\nexport const fieldsMap: Record<\n  SupportedTypes,\n  React.ComponentType<$TSFixMe>\n> = {\n  ...baseFields,\n  fieldset: FieldSetField,\n  'fieldset-flat': FieldSetField,\n};\n","import { useFormContext } from 'react-hook-form';\nimport { sanitizeHtml } from '@/src/lib/utils';\nimport { useEffect } from 'react';\nimport { ZendeskTriggerButton } from '@/src/components/shared/zendesk-drawer/ZendeskTriggerButton';\n\nconst Description = ({\n  name,\n  description,\n  helpCenter,\n}: {\n  name: string;\n  description: string;\n  helpCenter?: {\n    callToAction: string;\n    id: number;\n    url: string;\n    label: string;\n  };\n}) => {\n  return (\n    <span>\n      <span\n        className={`text-xs RemoteFlows__ForcedValue__Description__${name}`}\n        dangerouslySetInnerHTML={{ __html: sanitizeHtml(description) }}\n      />\n      {helpCenter?.callToAction && helpCenter?.id && (\n        <ZendeskTriggerButton\n          className='RemoteFlows__ForcedValue__HelpCenterLink'\n          zendeskId={helpCenter.id}\n        >\n          {helpCenter.callToAction}\n        </ZendeskTriggerButton>\n      )}\n    </span>\n  );\n};\n\nexport type ForcedValueFieldProps = {\n  name: string;\n  value: string;\n  description: string;\n  statement?: {\n    title?: string;\n    description?: string;\n  };\n  label: string;\n  helpCenter?: {\n    callToAction: string;\n    id: number;\n    url: string;\n    label: string;\n  };\n};\n\nexport function ForcedValueField({\n  name,\n  value,\n  description,\n  statement,\n  label,\n  helpCenter,\n}: ForcedValueFieldProps) {\n  const { setValue } = useFormContext();\n  const descriptionSanitized = sanitizeHtml(\n    statement?.description || description,\n  );\n  useEffect(() => {\n    setValue(name, value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <div>\n      {statement ? (\n        <>\n          {/* if statement?.title is undefined which could be for example belgium contract details form, we need to use the label attribute */}\n          <p\n            className={`text-sm RemoteFlows__ForcedValue__Title__${name}`}\n            dangerouslySetInnerHTML={{\n              __html: sanitizeHtml(statement?.title || label),\n            }}\n          />\n          <Description\n            name={name}\n            description={sanitizeHtml(statement?.description || description)}\n            helpCenter={helpCenter}\n          />\n        </>\n      ) : (\n        <Description\n          name={name}\n          description={descriptionSanitized}\n          helpCenter={helpCenter}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["Fragment","fieldsMap","baseFields","FieldSetField","useEffect","Fragment","jsx","jsxs","Description","__name","name","description","helpCenter","sanitizeHtml","ZendeskTriggerButton","ForcedValueField","value","statement","label","setValue","useFormContext","descriptionSanitized","useEffect","Fragment","jsx","jsxs","checkFieldHasForcedValue","field","__name","JSONSchemaFormFields","fields","fieldsets","fieldValues","components","maybeFieldWithFlatFieldsets","getFieldsWithFlatFieldsets","ForcedValueField","Component","FieldComponent","fieldsMap","Statement"]}

package/dist/types-Zg1n_9wh.d.ts

@@ -1,3 +0,0 @@
-type SupportedTypes = 'text' | 'number' | 'email' | 'select' | 'multi-select' | 'radio' | 'fieldset' | 'fieldset-flat' | 'date' | 'checkbox' | 'textarea' | 'money' | 'file' | 'countries' | 'hidden' | 'work-schedule';
-
-export type { SupportedTypes as S };