@remoteoss/remote-flows 1.1.3 → 1.2.0

package/dist/chunk-VC66HET6.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        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/chunk-YWZI5KJN.js

@@ -1,2 +0,0 @@
-import{b as e}from"./chunk-PGWKJ6FK.js";import{b as m}from"./chunk-KQPDXXG3.js";import{b as i}from"./chunk-LJGCFFAT.js";import{a as u}from"./chunk-P37U34EQ.js";import{jsx as s}from"react/jsx-runtime";function p({children:t,...o}){let{formId:n}=e(),{components:f}=m(),r=f?.button;return r?s(r,{...o,form:n,children:t}):s(i,{...o,form:n,children:t})}u(p,"OnboardingSubmit");export{p as a};
-//# sourceMappingURL=chunk-YWZI5KJN.js.map

package/dist/chunk-YWZI5KJN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/Onboarding/components/OnboardingSubmit.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { Button } from '@/src/components/ui/button';\nimport { useOnboardingContext } from '@/src/flows/Onboarding/context';\nimport { useFormFields } from '@/src/context';\n\nexport function OnboardingSubmit({\n  children,\n  ...props\n}: PropsWithChildren<\n  ButtonHTMLAttributes<HTMLButtonElement> & Record<string, unknown>\n>) {\n  const { formId } = useOnboardingContext();\n  const { components } = useFormFields();\n\n  const CustomButton = components?.button;\n  if (CustomButton) {\n    return (\n      <CustomButton {...props} form={formId}>\n        {children}\n      </CustomButton>\n    );\n  }\n\n  return (\n    <Button {...props} form={formId}>\n      {children}\n    </Button>\n  );\n}\n"],"mappings":"gKAiBM,cAAAA,MAAA,oBAZC,SAASC,EAAiB,CAC/B,SAAAC,EACA,GAAGC,CACL,EAEG,CACD,GAAM,CAAE,OAAAC,CAAO,EAAIC,EAAqB,EAClC,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAE/BC,EAAeF,GAAY,OACjC,OAAIE,EAEAR,EAACQ,EAAA,CAAc,GAAGL,EAAO,KAAMC,EAC5B,SAAAF,EACH,EAKFF,EAACS,EAAA,CAAQ,GAAGN,EAAO,KAAMC,EACtB,SAAAF,EACH,CAEJ,CAvBgBQ,EAAAT,EAAA","names":["jsx","OnboardingSubmit","children","props","formId","useOnboardingContext","components","useFormFields","CustomButton","Button","__name"]}

package/dist/chunk-ZKINPHYU.js

@@ -1,2 +0,0 @@
-import{b as u}from"./chunk-KQPDXXG3.js";import{b as i}from"./chunk-LJGCFFAT.js";import{b as c}from"./chunk-TVZAFTPT.js";import{a as m}from"./chunk-P37U34EQ.js";import{jsx as C}from"react/jsx-runtime";function d({children:o,...t}){let{contractAmendment:{back:r}}=c(),{components:s}=u(),e=s?.button;return e?C(e,{...t,onClick:n=>{r(),t.onClick?.(n)},children:o}):C(i,{...t,onClick:n=>{r(),t.onClick?.(n)},children:o})}m(d,"ContractAmendmentBack");export{d as a};
-//# sourceMappingURL=chunk-ZKINPHYU.js.map

package/dist/chunk-ZKINPHYU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/flows/ContractAmendment/ContractAmendmentBack.tsx"],"sourcesContent":["import { Button } from '@/src/components/ui/button';\nimport { ButtonHTMLAttributes, PropsWithChildren } from 'react';\nimport { useContractAmendmentContext } from './context';\nimport { useFormFields } from '@/src/context';\n\nexport function ContractAmendmentBack({\n  children,\n  ...props\n}: PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> &\n  Record<string, unknown>) {\n  const {\n    contractAmendment: { back },\n  } = useContractAmendmentContext();\n\n  const { components } = useFormFields();\n\n  const CustomButton = components?.button;\n  if (CustomButton) {\n    return (\n      <CustomButton\n        {...props}\n        onClick={(evt) => {\n          back();\n          props.onClick?.(evt);\n        }}\n      >\n        {children}\n      </CustomButton>\n    );\n  }\n\n  return (\n    <Button\n      {...props}\n      onClick={(evt) => {\n        back();\n        props.onClick?.(evt);\n      }}\n    >\n      {children}\n    </Button>\n  );\n}\n"],"mappings":"gKAmBM,cAAAA,MAAA,oBAdC,SAASC,EAAsB,CACpC,SAAAC,EACA,GAAGC,CACL,EAC2B,CACzB,GAAM,CACJ,kBAAmB,CAAE,KAAAC,CAAK,CAC5B,EAAIC,EAA4B,EAE1B,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAE/BC,EAAeF,GAAY,OACjC,OAAIE,EAEAR,EAACQ,EAAA,CACE,GAAGL,EACJ,QAAUM,GAAQ,CAChBL,EAAK,EACLD,EAAM,UAAUM,CAAG,CACrB,EAEC,SAAAP,EACH,EAKFF,EAACU,EAAA,CACE,GAAGP,EACJ,QAAUM,GAAQ,CAChBL,EAAK,EACLD,EAAM,UAAUM,CAAG,CACrB,EAEC,SAAAP,EACH,CAEJ,CArCgBS,EAAAV,EAAA","names":["jsx","ContractAmendmentBack","children","props","back","useContractAmendmentContext","components","useFormFields","CustomButton","evt","Button","__name"]}