dromo-uploader-react 1.3.5 → 1.3.7

package/dist/index.d.ts

@@ -1,12 +1,18 @@
 import * as React from 'react';
-import { IColumnHookInput, IColumnHookOutput, IColumnHook, IDeveloperField, IValidatorField, IDeveloperSettings, IRowHookInput, IRowHookOutput, IRowHook, IDeveloperStyleOverrides, IUser, IResultMetadata, EStepHook, IStepHook, IRowDeleteHook, IBulkRowHook, IBeforeFinishCallback } from './interfaces';
-interface Props {
-    style?: React.CSSProperties;
-    className?: string;
-    licenseKey: string;
+import { IColumnHookInput, IColumnHookOutput, IColumnHook, IDeveloperField, IValidatorField, IDeveloperSettings, IRowHookInput, IRowHookOutput, IRowHook, IDeveloperStyleOverrides, IUser, IResultMetadata, EStepHook, IStepHook, IRowDeleteHook, IBulkRowHook, IBeforeFinishCallback, IImporterOptions } from './interfaces';
+declare type VerboseRequiredProps = {
     user: IUser;
     fields: IDeveloperField[];
+    licenseKey: string;
     settings: IDeveloperSettings;
+};
+declare type SavedSchemaProps = {
+    schemaName: string;
+    licenseKey: string;
+} & IImporterOptions;
+declare type CommonOptionalProps = {
+    style?: React.CSSProperties;
+    className?: string;
     rowHooks?: IRowHook[];
     bulkRowHooks?: IBulkRowHook[];
     rowDeleteHooks?: IRowDeleteHook[];
@@ -16,7 +22,8 @@ interface Props {
     onResults?: (data: any, metadata: IResultMetadata) => void;
     onCancel?: () => void;
     children: React.ReactNode;
-}
+};
+declare type Props = (VerboseRequiredProps | SavedSchemaProps) & CommonOptionalProps;
 export default class DromoReactUploader extends React.Component<Props> {
     dromo: any;
     componentDidMount(): void;

package/dist/index.js

@@ -41,7 +41,23 @@ var DromoReactUploader = /*#__PURE__*/function (_React$Component) {
 
     _this.open = function () {
       if ('DromoUploader' in window) {
-        _this.dromo = new DromoUploader(_this.props.licenseKey, _this.props.fields, _this.props.settings, _this.props.user);
+        if ('fields' in _this.props && 'settings' in _this.props) {
+          _this.dromo = new DromoUploader(_this.props.licenseKey, _this.props.fields, _this.props.settings, _this.props.user);
+        } else if ('schemaName' in _this.props) {
+          _this.dromo = new DromoUploader(_this.props.licenseKey, _this.props.schemaName);
+
+          if ('developmentMode' in _this.props) {
+            _this.dromo.setDevelopmentMode(_this.props.developmentMode);
+          }
+
+          if ('user' in _this.props) {
+            _this.dromo.setUser(_this.props.user);
+          }
+
+          if ('headerRowOverride' in _this.props) {
+            _this.dromo.setHeaderRowOverride(_this.props.headerRowOverride);
+          }
+        }
 
         if (_this.props.rowHooks) {
           _this.props.rowHooks.forEach(function (hook) {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/interfaces.ts","../src/index.tsx"],"sourcesContent":["type MaybeAsync<T> = T | Promise<T>;\n\nexport interface IConnectionMethods {\n  init: (\n    licenseKey: string,\n    fields: IDeveloperField[],\n    settings: IDeveloperSettings,\n    user: IUser,\n    appHost?: string\n  ) => void;\n  initFromSavedSchema: (\n    licenseKey: string,\n    schemaName: string,\n    appHost: string\n  ) => void;\n  setHeaderRowOverride: (headerRowOverride: number | null) => void;\n  setNumRegisteredColHooks: (numColHooks: number) => void;\n  setNumRegisteredRowHooks: (numRowHooks: number) => void;\n  setNumRegisteredRowDeleteHooks: (numRowDeleteHooks: number) => void;\n  setUser: (user: IUser) => void;\n  addField: (field: IDeveloperField, position?: IPositionSpec) => void;\n  removeField: (fieldKey: string) => void;\n  updateInfoMessages: (messages: IMessagesForCell[]) => void;\n}\n\nexport type IPublicConnectionMethods = Pick<\n  IConnectionMethods,\n  | \"addField\"\n  | \"updateInfoMessages\"\n  | \"setHeaderRowOverride\"\n  | \"setUser\"\n  | \"removeField\"\n>;\n\nexport type IDeveloperFieldType =\n  | \"string\"\n  | \"checkbox\"\n  | \"select\"\n  | \"number\"\n  | \"date\"\n  | \"datetime\"\n  | \"time\"\n  | \"email\";\n\nexport interface IAbstractDeveloperFieldUntyped {\n  label: string;\n  key: string;\n  type?: never;\n  description?: string;\n  alternateMatches?: string[];\n  validators?: IValidatorField[];\n  invalidValueMessage?: string;\n  readOnly?: boolean;\n  hidden?: boolean;\n}\n\nexport interface IAbstractDeveloperField<\n  FieldType extends IDeveloperFieldType,\n  FieldOpts = Record<string, never>\n> extends Omit<IAbstractDeveloperFieldUntyped, \"type\"> {\n  type: FieldType | [FieldType, FieldOpts];\n}\n\ntype IStringField =\n  | IAbstractDeveloperFieldUntyped\n  | IAbstractDeveloperField<\"string\">;\n\ntype ICheckboxField = IAbstractDeveloperField<\"checkbox\">;\n\nexport interface ISelectField extends IAbstractDeveloperField<\"select\"> {\n  selectOptions: {\n    label: string;\n    value: string;\n    alternateMatches?: string[];\n  }[];\n}\n\ntype INumberPreset =\n  | \"default\"\n  | \"percent\"\n  | \"percent_0\"\n  | \"percent_1\"\n  | \"percent_2\"\n  | \"percent_3\"\n  | \"percent_4\"\n  | \"decimal_0\"\n  | \"decimal_1\"\n  | \"decimal_2\"\n  | \"decimal_3\"\n  | \"decimal_4\"\n  | \"integer\"\n  | \"plain\"\n  | \"usd\"\n  | \"usd_accounting\"\n  | \"eur\"\n  | \"gbp\";\n\n// copy-pasta'd from numbro.Format\ninterface INumbroFormat {\n  output?: \"currency\" | \"percent\" | \"byte\" | \"time\" | \"ordinal\" | \"number\";\n  base?: \"decimal\" | \"binary\" | \"general\";\n  characteristic?: number;\n  prefix?: string;\n  postfix?: string;\n  forceAverage?: \"trillion\" | \"billion\" | \"million\" | \"thousand\";\n  average?: boolean;\n  currencyPosition?: \"prefix\" | \"infix\" | \"postfix\";\n  currencySymbol?: string;\n  totalLength?: number;\n  mantissa?: number;\n  optionalMantissa?: boolean;\n  trimMantissa?: boolean;\n  optionalCharacteristic?: boolean;\n  thousandSeparated?: boolean;\n  abbreviations?: {\n    thousand?: string;\n    million?: string;\n    billion?: string;\n    trillion?: string;\n  };\n  negative?: \"sign\" | \"parenthesis\";\n  forceSign?: boolean;\n  spaceSeparated?: boolean;\n  spaceSeparatedCurrency?: boolean;\n  spaceSeparatedAbbreviation?: boolean;\n  exponential?: boolean;\n  prefixSymbol?: boolean;\n  lowPrecision?: boolean;\n  roundingFunction?: (num: number) => number;\n}\n\ninterface INumberOpts {\n  preset?: INumberPreset;\n  round?: number;\n  displayFormat?: INumbroFormat;\n  outputFormat?: INumbroFormat;\n}\n\ntype INumberField = IAbstractDeveloperField<\n  \"number\",\n  INumberPreset | INumberOpts\n>;\n\ninterface IDateTimeOpts {\n  displayFormat?: string;\n  outputFormat?: string;\n  locale?: string;\n  withSeconds?: boolean;\n}\n\ntype IDateTimeField = IAbstractDeveloperField<\n  \"date\" | \"time\" | \"datetime\",\n  IDateTimeOpts\n>;\n\ntype IEmailField = IAbstractDeveloperField<\"email\">;\n\nexport type IDeveloperField =\n  | IStringField\n  | ICheckboxField\n  | ISelectField\n  | INumberField\n  | IDateTimeField\n  | IEmailField;\n\ninterface IAbstractValidator<ValidateKey> {\n  validate: ValidateKey;\n  errorMessage?: string;\n  level?: \"info\" | \"warning\" | \"error\";\n}\n\nexport type IRequiredValidator = IAbstractValidator<\"required\">;\n\nexport type IUniqueValidator = IAbstractValidator<\n  \"unique\" | \"unique_case_insensitive\"\n>;\n\nexport interface IUniqueWithValidator\n  extends IAbstractValidator<\"unique_with\"> {\n  uniqueKey: string;\n}\n\nexport interface IRegexValidator\n  extends IAbstractValidator<\"regex_match\" | \"regex_exclude\"> {\n  regex: string | RegExp;\n  regexOptions?: {\n    ignoreCase?: boolean;\n    dotAll?: boolean;\n    multiline?: boolean;\n    unicode?: boolean;\n  };\n}\n\nexport interface IRequireWithValidator\n  extends IAbstractValidator<\n    | \"require_with\"\n    | \"require_without\"\n    | \"require_with_all\"\n    | \"require_without_all\"\n  > {\n  fields: string[];\n}\n\nexport interface IRequireWithValuesValidator\n  extends IAbstractValidator<\n    | \"require_with_values\"\n    | \"require_without_values\"\n    | \"require_with_all_values\"\n    | \"require_without_all_values\"\n  > {\n  fieldValues: { [key: string]: string };\n}\n\nexport type IValidatorField =\n  | IRequiredValidator\n  | IUniqueValidator\n  | IUniqueWithValidator\n  | IRegexValidator\n  | IRequireWithValidator\n  | IRequireWithValuesValidator;\n\nexport interface IDeveloperSettings {\n  importIdentifier: string;\n  title?: string;\n  allowInvalidSubmit?: boolean;\n  invalidDataBehavior?: keyof typeof EInvalidDataBehavior;\n  backendSync?: boolean;\n  backendSyncMode?: keyof typeof EBackendSyncMode;\n  manualInputDisabled?: boolean;\n  manualInputOnly?: boolean;\n  allowCustomFields?: boolean;\n  maxRecords?: number | null;\n  developmentMode?: boolean;\n  displayEncoding?: boolean;\n  styleOverrides?: IDeveloperStyleOverrides;\n  webhookUrl?: string;\n  initialData?: { [key: string]: string }[] | any[][] | null;\n  uploadStep?: {\n    helpText?: string;\n  };\n  matchingStep?: {\n    helpText?: string;\n    headerRowOverride?: number | null;\n    fuzzyMatchHeaders?: boolean;\n    alwaysMatchSelectFields?: boolean;\n  };\n  reviewStep?: {\n    helpText?: string;\n    processingText?: string;\n    saveForLater?: boolean;\n  };\n  autoMapHeaders?: boolean;\n  delimiter?: string;\n  backendOverride?: {\n    url: string;\n    type: \"AWS\" | \"AZURE\";\n  } | null;\n  locale?: TLocaleShorthand;\n  templateDownloadFilename?: string;\n  browserExcelParsing?: boolean;\n}\n\n// If you update this, also update IDeveloperStylesOverridesStrict\n// in interfaces.tsx\nexport interface IDeveloperStyleOverrides {\n  global?: {\n    textColor?: string;\n    primaryTextColor?: string;\n    secondaryTextColor?: string;\n    successColor?: string;\n    warningColor?: string;\n    customFontURL?: string | null;\n    customFontFamily?: string | null;\n  };\n  primaryButton?: {\n    borderRadius?: string;\n    backgroundColor?: string;\n    textColor?: string;\n    border?: string;\n    hoverBackgroundColor?: string;\n    hoverTextColor?: string;\n    hoverBorder?: string;\n  };\n  secondaryButton?: {\n    borderRadius?: string;\n    backgroundColor?: string;\n    textColor?: string;\n    border?: string;\n    hoverBackgroundColor?: string;\n    hoverTextColor?: string;\n    hoverBorder?: string;\n  };\n  tertiaryButton?: {\n    borderRadius?: string;\n    backgroundColor?: string;\n    textColor?: string;\n    border?: string;\n    hoverBackgroundColor?: string;\n    hoverTextColor?: string;\n    hoverBorder?: string;\n  };\n  dropzone?: {\n    borderWidth?: number;\n    borderRadius?: number;\n    borderColor?: string;\n    borderStyle?: string;\n    color?: string;\n    outline?: string;\n  };\n  helpText?: {\n    textColor?: string;\n    backgroundColor?: string;\n  };\n  stepperBar?: {\n    completeColor?: string;\n    incompleteColor?: string;\n    currentColor?: string;\n  };\n}\n\nexport interface IUser {\n  id: string;\n  name?: string;\n  email?: string;\n  companyId?: string;\n  companyName?: string;\n}\n\nexport interface ICellRef {\n  rowIndex: number;\n  fieldKey: string;\n}\n\nexport interface ITableMessage {\n  message: string;\n  level: \"info\" | \"warning\" | \"error\";\n}\n\nexport interface IMessagesForCell extends ICellRef {\n  messages: ITableMessage[];\n}\n\nexport interface IColumnHook {\n  fieldName: string;\n  callback: (values: IColumnHookInput[]) => MaybeAsync<IColumnHookOutput[]>;\n}\n\nexport interface IRowHook {\n  (data: IRowHookInput, mode: \"init\" | \"update\"): MaybeAsync<IRowHookOutput>;\n}\n\nexport type IBulkRowHook = (\n  data: IRowHookInput[],\n  mode: \"init\" | \"update\"\n) => IRowHookOutputInternal[] | Promise<IRowHookOutputInternal[]>;\n\nexport interface IRowDeleteHook {\n  (data: IRowHookInput): MaybeAsync<void>;\n}\n\nexport interface IColumnHookInput {\n  index: number;\n  value: any;\n}\n\nexport interface IColumnHookOutput {\n  index: number;\n  value?: any;\n  info?: ITableMessage[];\n}\n\nexport interface IRowHookInput {\n  row: {\n    [key: string]: {\n      value: any;\n      resultValue: any;\n      info?: ITableMessage[];\n      selectOptions?: ISelectField[\"selectOptions\"];\n    };\n  };\n  index: number;\n}\n\nexport interface IRowHookOutput {\n  row: {\n    [key: string]: {\n      value?: any;\n      info?: ITableMessage[];\n      selectOptions?: ISelectField[\"selectOptions\"];\n    };\n  };\n}\n\nexport interface IRowHookOutputInternal extends IRowHookOutput {\n  index: number;\n}\n\nexport type IFieldMetadata = Record<\n  string,\n  {\n    fileHeader: string | null;\n    fileHeaderIndex: number | null;\n    isCustom: boolean;\n  }\n>;\n\nexport interface IResultMetadata {\n  id: string | null;\n  filename: string | null;\n  importIdentifier: string;\n  user: IUser;\n  rowsWithError: number[];\n  rawHeaders: string[] | null;\n  fields: IFieldMetadata;\n  saveForLater?: boolean;\n}\n\nexport type TLocaleShorthand =\n  | \"de\"\n  | \"en\"\n  | \"es\"\n  | \"fr\"\n  | \"in\"\n  | \"ja\"\n  | \"ko\"\n  | \"th\"\n  | \"vi\"\n  | \"zh_CN\"\n  | \"zh_TW\";\n\nexport enum EStepHook {\n  UPLOAD_STEP = \"UPLOAD_STEP\",\n  REVIEW_STEP = \"REVIEW_STEP\",\n  REVIEW_STEP_POST_HOOKS = \"REVIEW_STEP_POST_HOOKS\",\n}\n\nexport interface IUploadStepData {\n  filename: string | null;\n  dataPreview: any[][];\n}\n\nexport interface IReviewStepData {\n  rawHeaders: string[] | null;\n  headerMapping: { [header: string]: string | undefined };\n  fields: IFieldMetadata;\n}\n\nexport interface IReviewStepPostHooksData {\n  headerMapping: { [header: string]: string | undefined };\n  fields: IFieldMetadata;\n}\n\nexport interface IStepHook {\n  type: keyof typeof EStepHook;\n  callback: (\n    uploader: IPublicConnectionMethods,\n    data: IUploadStepData | IReviewStepData | IReviewStepPostHooksData\n  ) => MaybeAsync<void>;\n}\n\nexport type IBeforeFinishCallback = (\n  data: Record<string, any>[],\n  metadata: IResultMetadata,\n  instance: IPublicConnectionMethods\n) => MaybeAsync<IBeforeFinishOutput>;\n\nexport type IBeforeFinishOutput = void | { cancel: true; message: string };\n\nexport enum EInvalidDataBehavior {\n  BLOCK_SUBMIT = \"BLOCK_SUBMIT\",\n  REMOVE_INVALID_ROWS = \"REMOVE_INVALID_ROWS\",\n  INCLUDE_INVALID_ROWS = \"INCLUDE_INVALID_ROWS\",\n}\n\nexport enum EBackendSyncMode {\n  DISABLED = \"DISABLED\",\n  MAPPINGS_ONLY = \"MAPPINGS_ONLY\",\n  FULL_DATA = \"FULL_DATA\",\n}\n\nexport type IPositionSpec = { before: string } | { after: string };\n","import * as React from 'react'\nimport {\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IDeveloperField,\n  IValidatorField,\n  IDeveloperSettings,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IDeveloperStyleOverrides,\n  IUser,\n  IResultMetadata,\n  EStepHook,\n  IStepHook,\n  IRowDeleteHook,\n  IBulkRowHook,\n  IBeforeFinishCallback\n} from './interfaces'\n\ninterface Props {\n  style?: React.CSSProperties\n  className?: string\n  licenseKey: string\n  user: IUser\n  fields: IDeveloperField[]\n  settings: IDeveloperSettings\n  rowHooks?: IRowHook[]\n  bulkRowHooks?: IBulkRowHook[]\n  rowDeleteHooks?: IRowDeleteHook[]\n  columnHooks?: IColumnHook[]\n  stepHooks?: IStepHook[]\n  beforeFinish?: IBeforeFinishCallback\n  onResults?: (data: any, metadata: IResultMetadata) => void\n  onCancel?: () => void\n  children: React.ReactNode\n}\n\ndeclare var DromoUploader: any\n\nconst SCRIPT_SRC = 'https://unpkg.com/dromo-uploader-js/dist/DromoUploader.js'\nconst SCRIPT_LOADED_EVENT = 'DROMO_SCRIPT_LOADED'\n\nexport default class DromoReactUploader extends React.Component<Props> {\n  dromo: any\n\n  componentDidMount() {\n    const loadingScript = Array.from(\n      document.getElementsByTagName('script')\n    ).find((s) => s.src === SCRIPT_SRC)\n\n    // If there is no script tag added to HTML then we add. Prevents multiple\n    // adds if there are multiple components\n    if (!loadingScript) {\n      const script = document.createElement('script')\n      script.src = SCRIPT_SRC\n      script.async = true\n      script.onload = () => {\n        const event = new Event(SCRIPT_LOADED_EVENT)\n        window.dispatchEvent(event)\n      }\n      document.body.appendChild(script)\n    } else {\n      if ('DromoUploader' in window) {\n        // If the script has been injected and has been loaded we can call\n        // scriptLoaded\n        const event = new Event(SCRIPT_LOADED_EVENT)\n        window.dispatchEvent(event)\n      } else {\n        // If the script has been injected but hasn't been loaded, we wait\n        // for load\n        loadingScript.onload = () => {\n          const event = new Event(SCRIPT_LOADED_EVENT)\n          window.dispatchEvent(event)\n        }\n      }\n    }\n  }\n\n  open = () => {\n    if ('DromoUploader' in window) {\n      this.dromo = new DromoUploader(\n        this.props.licenseKey,\n        this.props.fields,\n        this.props.settings,\n        this.props.user\n      )\n\n      if (this.props.rowHooks) {\n        this.props.rowHooks.forEach((hook) => this.dromo.registerRowHook(hook))\n      }\n\n      if (this.props.bulkRowHooks) {\n        this.props.bulkRowHooks.forEach((hook) =>\n          this.dromo.registerBulkRowHook(hook)\n        )\n      }\n\n      if (this.props.columnHooks) {\n        this.props.columnHooks.forEach((hook) => {\n          this.dromo.registerColumnHook(hook.fieldName, hook.callback)\n        })\n      }\n\n      if (this.props.rowDeleteHooks) {\n        this.props.rowDeleteHooks.forEach((hook) => {\n          return this.dromo.registerRowDeleteHook(hook)\n        })\n      }\n\n      if (this.props.beforeFinish) {\n        this.dromo.beforeFinish(this.props.beforeFinish)\n      }\n\n      if (this.props.onResults) {\n        this.dromo.onResults(this.props.onResults)\n      }\n\n      if (this.props.onCancel) {\n        this.dromo.onCancel(this.props.onCancel)\n      }\n\n      if (this.props.stepHooks) {\n        this.props.stepHooks.forEach((hook) => {\n          this.dromo.registerStepHook(hook.type, hook.callback)\n        })\n      }\n\n      this.dromo.open()\n    }\n  }\n\n  render() {\n    return (\n      <button\n        style={this.props.style}\n        className={this.props.className}\n        onClick={this.open}\n      >\n        {this.props.children}\n      </button>\n    )\n  }\n}\n\nexport {\n  IDeveloperField,\n  IDeveloperSettings,\n  IUser,\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IValidatorField,\n  IDeveloperStyleOverrides,\n  IResultMetadata,\n  EStepHook,\n  IStepHook,\n  IRowDeleteHook\n}\n"],"names":["EStepHook","EInvalidDataBehavior","EBackendSyncMode","SCRIPT_SRC","SCRIPT_LOADED_EVENT","DromoReactUploader","window","dromo","DromoUploader","props","licenseKey","fields","settings","user","rowHooks","forEach","hook","registerRowHook","bulkRowHooks","registerBulkRowHook","columnHooks","registerColumnHook","fieldName","callback","rowDeleteHooks","registerRowDeleteHook","beforeFinish","onResults","onCancel","stepHooks","registerStepHook","type","open","componentDidMount","loadingScript","Array","from","document","getElementsByTagName","find","s","src","script","createElement","async","onload","event","Event","dispatchEvent","body","appendChild","render","React","style","className","onClick","children"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/interfaces.ts","../src/index.tsx"],"sourcesContent":["type MaybeAsync<T> = T | Promise<T>;\n\nexport interface IConnectionMethods {\n  init: (\n    licenseKey: string,\n    fields: IDeveloperField[],\n    settings: IDeveloperSettings,\n    user: IUser,\n    appHost?: string\n  ) => void;\n  initFromSavedSchema: (\n    licenseKey: string,\n    schemaName: string,\n    appHost: string,\n    options?: IImporterOptions\n  ) => void;\n  setHeaderRowOverride: (headerRowOverride: number | null) => void;\n  setNumRegisteredColHooks: (numColHooks: number) => void;\n  setNumRegisteredRowHooks: (numRowHooks: number) => void;\n  setNumRegisteredRowDeleteHooks: (numRowDeleteHooks: number) => void;\n  setUser: (user: IUser) => void;\n  addField: (field: IDeveloperField, position?: IPositionSpec) => void;\n  removeField: (fieldKey: string) => void;\n  updateInfoMessages: (messages: IMessagesForCell[]) => void;\n  setDevelopmentMode: (developmentMode: boolean) => void;\n}\n\nexport type IPublicConnectionMethods = Pick<\n  IConnectionMethods,\n  | \"addField\"\n  | \"updateInfoMessages\"\n  | \"setHeaderRowOverride\"\n  | \"setUser\"\n  | \"removeField\"\n  | \"setDevelopmentMode\"\n>;\n\nexport type IDeveloperFieldType =\n  | \"string\"\n  | \"checkbox\"\n  | \"select\"\n  | \"number\"\n  | \"date\"\n  | \"datetime\"\n  | \"time\"\n  | \"email\";\n\nexport interface IAbstractDeveloperFieldUntyped {\n  label: string;\n  key: string;\n  type?: never;\n  description?: string;\n  alternateMatches?: string[];\n  validators?: IValidatorField[];\n  invalidValueMessage?: string;\n  readOnly?: boolean;\n  hidden?: boolean;\n  requireMapping?: boolean;\n}\n\nexport interface IAbstractDeveloperField<\n  FieldType extends IDeveloperFieldType,\n  FieldOpts = Record<string, never>\n> extends Omit<IAbstractDeveloperFieldUntyped, \"type\"> {\n  type: FieldType | [FieldType, FieldOpts];\n}\n\ntype IStringField =\n  | IAbstractDeveloperFieldUntyped\n  | IAbstractDeveloperField<\"string\">;\n\ntype ICheckboxField = IAbstractDeveloperField<\"checkbox\">;\n\nexport interface IDeveloperSelectOption {\n  label: string;\n  value: string;\n  alternateMatches?: string[];\n}\n\nexport interface ISelectField extends IAbstractDeveloperField<\"select\"> {\n  selectOptions: IDeveloperSelectOption[];\n}\n\ntype INumberPreset =\n  | \"default\"\n  | \"percent\"\n  | \"percent_0\"\n  | \"percent_1\"\n  | \"percent_2\"\n  | \"percent_3\"\n  | \"percent_4\"\n  | \"decimal_0\"\n  | \"decimal_1\"\n  | \"decimal_2\"\n  | \"decimal_3\"\n  | \"decimal_4\"\n  | \"integer\"\n  | \"plain\"\n  | \"usd\"\n  | \"usd_accounting\"\n  | \"eur\"\n  | \"gbp\";\n\n// copy-pasta'd from numbro.Format\ninterface INumbroFormat {\n  output?: \"currency\" | \"percent\" | \"byte\" | \"time\" | \"ordinal\" | \"number\";\n  base?: \"decimal\" | \"binary\" | \"general\";\n  characteristic?: number;\n  prefix?: string;\n  postfix?: string;\n  forceAverage?: \"trillion\" | \"billion\" | \"million\" | \"thousand\";\n  average?: boolean;\n  currencyPosition?: \"prefix\" | \"infix\" | \"postfix\";\n  currencySymbol?: string;\n  totalLength?: number;\n  mantissa?: number;\n  optionalMantissa?: boolean;\n  trimMantissa?: boolean;\n  optionalCharacteristic?: boolean;\n  thousandSeparated?: boolean;\n  abbreviations?: {\n    thousand?: string;\n    million?: string;\n    billion?: string;\n    trillion?: string;\n  };\n  negative?: \"sign\" | \"parenthesis\";\n  forceSign?: boolean;\n  spaceSeparated?: boolean;\n  spaceSeparatedCurrency?: boolean;\n  spaceSeparatedAbbreviation?: boolean;\n  exponential?: boolean;\n  prefixSymbol?: boolean;\n  lowPrecision?: boolean;\n  roundingFunction?: (num: number) => number;\n}\n\ninterface INumberOpts {\n  preset?: INumberPreset;\n  round?: number;\n  displayFormat?: INumbroFormat;\n  outputFormat?: INumbroFormat;\n}\n\ntype INumberField = IAbstractDeveloperField<\n  \"number\",\n  INumberPreset | INumberOpts\n>;\n\ninterface IDateTimeOpts {\n  displayFormat?: string;\n  outputFormat?: string;\n  locale?: string;\n  withSeconds?: boolean;\n}\n\ntype IDateTimeField = IAbstractDeveloperField<\n  \"date\" | \"time\" | \"datetime\",\n  IDateTimeOpts\n>;\n\ntype IEmailField = IAbstractDeveloperField<\"email\">;\n\nexport type IDeveloperField =\n  | IStringField\n  | ICheckboxField\n  | ISelectField\n  | INumberField\n  | IDateTimeField\n  | IEmailField;\n\ninterface IAbstractValidator<ValidateKey> {\n  validate: ValidateKey;\n  errorMessage?: string;\n  level?: \"info\" | \"warning\" | \"error\";\n}\n\nexport type IRequiredValidator = IAbstractValidator<\"required\">;\n\nexport type IUniqueValidator = IAbstractValidator<\n  \"unique\" | \"unique_case_insensitive\"\n>;\n\nexport interface IUniqueWithValidator\n  extends IAbstractValidator<\"unique_with\"> {\n  uniqueKey: string;\n}\n\nexport interface IRegexValidator\n  extends IAbstractValidator<\"regex_match\" | \"regex_exclude\"> {\n  regex: string | RegExp;\n  regexOptions?: {\n    ignoreCase?: boolean;\n    dotAll?: boolean;\n    multiline?: boolean;\n    unicode?: boolean;\n  };\n}\n\nexport interface IRequireWithValidator\n  extends IAbstractValidator<\n    | \"require_with\"\n    | \"require_without\"\n    | \"require_with_all\"\n    | \"require_without_all\"\n  > {\n  fields: string[];\n}\n\nexport interface IRequireWithValuesValidator\n  extends IAbstractValidator<\n    | \"require_with_values\"\n    | \"require_without_values\"\n    | \"require_with_all_values\"\n    | \"require_without_all_values\"\n  > {\n  fieldValues: { [key: string]: string };\n}\n\nexport type IValidatorField =\n  | IRequiredValidator\n  | IUniqueValidator\n  | IUniqueWithValidator\n  | IRegexValidator\n  | IRequireWithValidator\n  | IRequireWithValuesValidator;\n\nexport interface IDeveloperSettings {\n  importIdentifier: string;\n  title?: string;\n  allowInvalidSubmit?: boolean;\n  invalidDataBehavior?: keyof typeof EInvalidDataBehavior;\n  backendSync?: boolean;\n  backendSyncMode?: keyof typeof EBackendSyncMode;\n  manualInputDisabled?: boolean;\n  manualInputOnly?: boolean;\n  allowCustomFields?: boolean;\n  maxRecords?: number | null;\n  developmentMode?: boolean;\n  displayEncoding?: boolean;\n  styleOverrides?: IDeveloperStyleOverrides;\n  webhookUrl?: string;\n  initialData?: { [key: string]: string }[] | any[][] | null;\n  uploadStep?: {\n    helpText?: string;\n  };\n  matchingStep?: {\n    helpText?: string;\n    headerRowOverride?: number | null;\n    fuzzyMatchHeaders?: boolean;\n    alwaysMatchSelectFields?: boolean;\n  };\n  reviewStep?: {\n    helpText?: string;\n    processingText?: string;\n    saveForLater?: boolean;\n  };\n  autoMapHeaders?: boolean;\n  delimiter?: string;\n  backendOverride?: {\n    url: string;\n    type: \"AWS\" | \"AZURE\";\n  } | null;\n  locale?: TLocaleShorthand;\n  templateDownloadFilename?: string;\n  browserExcelParsing?: boolean;\n  redesign?: string;\n}\n\n// If you update this, also update IDeveloperStylesOverridesStrict\n// in interfaces.tsx\nexport interface IDeveloperStyleOverrides {\n  global?: {\n    textColor?: string;\n    primaryTextColor?: string;\n    secondaryTextColor?: string;\n    successColor?: string;\n    warningColor?: string;\n    customFontURL?: string | null;\n    customFontFamily?: string | null;\n  };\n  primaryButton?: {\n    borderRadius?: string;\n    backgroundColor?: string;\n    textColor?: string;\n    border?: string;\n    hoverBackgroundColor?: string;\n    hoverTextColor?: string;\n    hoverBorder?: string;\n  };\n  secondaryButton?: {\n    borderRadius?: string;\n    backgroundColor?: string;\n    textColor?: string;\n    border?: string;\n    hoverBackgroundColor?: string;\n    hoverTextColor?: string;\n    hoverBorder?: string;\n  };\n  tertiaryButton?: {\n    borderRadius?: string;\n    backgroundColor?: string;\n    textColor?: string;\n    border?: string;\n    hoverBackgroundColor?: string;\n    hoverTextColor?: string;\n    hoverBorder?: string;\n  };\n  dropzone?: {\n    borderWidth?: number;\n    borderRadius?: number;\n    borderColor?: string;\n    borderStyle?: string;\n    color?: string;\n    outline?: string;\n  };\n  helpText?: {\n    textColor?: string;\n    backgroundColor?: string;\n  };\n  stepperBar?: {\n    completeColor?: string;\n    incompleteColor?: string;\n    currentColor?: string;\n  };\n}\n\nexport interface IUser {\n  id: string;\n  name?: string;\n  email?: string;\n  companyId?: string;\n  companyName?: string;\n}\n\nexport interface ICellRef {\n  rowIndex: number;\n  fieldKey: string;\n}\n\nexport interface ITableMessage {\n  message: string;\n  level: \"info\" | \"warning\" | \"error\";\n}\n\nexport interface IMessagesForCell extends ICellRef {\n  messages: ITableMessage[];\n}\n\nexport interface IColumnHook {\n  fieldName: string;\n  callback: (values: IColumnHookInput[]) => MaybeAsync<IColumnHookOutput[]>;\n}\n\nexport interface IRowHook {\n  (data: IRowHookInput, mode: \"init\" | \"update\"): MaybeAsync<IRowHookOutput>;\n}\n\nexport type IBulkRowHook = (\n  data: IRowHookInput[],\n  mode: \"init\" | \"update\"\n) => IRowHookOutputInternal[] | Promise<IRowHookOutputInternal[]>;\n\nexport interface IRowDeleteHook {\n  (data: IRowHookInput): MaybeAsync<void>;\n}\n\nexport interface IColumnHookInput {\n  index: number;\n  value: any;\n}\n\nexport interface IColumnHookOutput {\n  index: number;\n  value?: any;\n  info?: ITableMessage[];\n}\n\nexport interface IRowHookInput {\n  row: {\n    [key: string]: {\n      value: any;\n      resultValue: any;\n      info?: ITableMessage[];\n      selectOptions?: ISelectField[\"selectOptions\"];\n    };\n  };\n  index: number;\n}\n\nexport interface IRowHookOutput {\n  row: {\n    [key: string]: {\n      value?: any;\n      info?: ITableMessage[];\n      selectOptions?: ISelectField[\"selectOptions\"];\n    };\n  };\n}\n\nexport interface IRowHookOutputInternal extends IRowHookOutput {\n  index: number;\n}\n\nexport type IFieldMetadata = Record<\n  string,\n  {\n    fileHeader: string | null;\n    fileHeaderIndex: number | null;\n    isCustom: boolean;\n  }\n>;\n\nexport interface IResultMetadata {\n  id: string | null;\n  filename: string | null;\n  importIdentifier: string;\n  user: IUser;\n  rowsWithError: number[];\n  rawHeaders: string[] | null;\n  fields: IFieldMetadata;\n  saveForLater?: boolean;\n}\n\nexport type TLocaleShorthand =\n  | \"de\"\n  | \"en\"\n  | \"es\"\n  | \"fr\"\n  | \"in\"\n  | \"ja\"\n  | \"ko\"\n  | \"th\"\n  | \"vi\"\n  | \"zh_CN\"\n  | \"zh_TW\";\n\nexport enum EStepHook {\n  UPLOAD_STEP = \"UPLOAD_STEP\",\n  REVIEW_STEP = \"REVIEW_STEP\",\n  REVIEW_STEP_POST_HOOKS = \"REVIEW_STEP_POST_HOOKS\",\n}\n\nexport interface IUploadStepData {\n  filename: string | null;\n  dataPreview: any[][];\n}\n\nexport interface IReviewStepData {\n  rawHeaders: string[] | null;\n  headerMapping: { [header: string]: string | undefined };\n  fields: IFieldMetadata;\n}\n\nexport interface IReviewStepPostHooksData {\n  headerMapping: { [header: string]: string | undefined };\n  fields: IFieldMetadata;\n}\n\nexport interface IStepHook {\n  type: keyof typeof EStepHook;\n  callback: (\n    uploader: IPublicConnectionMethods,\n    data: IUploadStepData | IReviewStepData | IReviewStepPostHooksData\n  ) => MaybeAsync<void>;\n}\n\nexport type IBeforeFinishCallback = (\n  data: Record<string, any>[],\n  metadata: IResultMetadata,\n  instance: IPublicConnectionMethods\n) => MaybeAsync<IBeforeFinishOutput>;\n\nexport type IBeforeFinishOutput = void | { cancel: true; message: string };\n\nexport enum EInvalidDataBehavior {\n  BLOCK_SUBMIT = \"BLOCK_SUBMIT\",\n  REMOVE_INVALID_ROWS = \"REMOVE_INVALID_ROWS\",\n  INCLUDE_INVALID_ROWS = \"INCLUDE_INVALID_ROWS\",\n}\n\nexport enum EBackendSyncMode {\n  DISABLED = \"DISABLED\",\n  MAPPINGS_ONLY = \"MAPPINGS_ONLY\",\n  FULL_DATA = \"FULL_DATA\",\n}\n\nexport type IPositionSpec = { before: string } | { after: string };\n\nexport type IImporterOptions = {\n  user?: IUser;\n  developmentMode?: boolean;\n  headerRowOverride?: number | null;\n};\n","import * as React from 'react'\nimport {\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IDeveloperField,\n  IValidatorField,\n  IDeveloperSettings,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IDeveloperStyleOverrides,\n  IUser,\n  IResultMetadata,\n  EStepHook,\n  IStepHook,\n  IRowDeleteHook,\n  IBulkRowHook,\n  IBeforeFinishCallback,\n  IImporterOptions\n} from './interfaces'\n\ntype VerboseRequiredProps = {\n  user: IUser\n  fields: IDeveloperField[]\n  licenseKey: string\n  settings: IDeveloperSettings\n}\n\ntype SavedSchemaProps = {\n  schemaName: string\n  licenseKey: string\n} & IImporterOptions\n\ntype CommonOptionalProps = {\n  style?: React.CSSProperties\n  className?: string\n  rowHooks?: IRowHook[]\n  bulkRowHooks?: IBulkRowHook[]\n  rowDeleteHooks?: IRowDeleteHook[]\n  columnHooks?: IColumnHook[]\n  stepHooks?: IStepHook[]\n  beforeFinish?: IBeforeFinishCallback\n  onResults?: (data: any, metadata: IResultMetadata) => void\n  onCancel?: () => void\n  children: React.ReactNode\n}\n\ntype Props = (VerboseRequiredProps | SavedSchemaProps) & CommonOptionalProps\n\ndeclare var DromoUploader: any\n\nconst SCRIPT_SRC = 'https://unpkg.com/dromo-uploader-js/dist/DromoUploader.js'\nconst SCRIPT_LOADED_EVENT = 'DROMO_SCRIPT_LOADED'\n\nexport default class DromoReactUploader extends React.Component<Props> {\n  dromo: any\n\n  componentDidMount() {\n    const loadingScript = Array.from(\n      document.getElementsByTagName('script')\n    ).find((s) => s.src === SCRIPT_SRC)\n\n    // If there is no script tag added to HTML then we add. Prevents multiple\n    // adds if there are multiple components\n    if (!loadingScript) {\n      const script = document.createElement('script')\n      script.src = SCRIPT_SRC\n      script.async = true\n      script.onload = () => {\n        const event = new Event(SCRIPT_LOADED_EVENT)\n        window.dispatchEvent(event)\n      }\n      document.body.appendChild(script)\n    } else {\n      if ('DromoUploader' in window) {\n        // If the script has been injected and has been loaded we can call\n        // scriptLoaded\n        const event = new Event(SCRIPT_LOADED_EVENT)\n        window.dispatchEvent(event)\n      } else {\n        // If the script has been injected but hasn't been loaded, we wait\n        // for load\n        loadingScript.onload = () => {\n          const event = new Event(SCRIPT_LOADED_EVENT)\n          window.dispatchEvent(event)\n        }\n      }\n    }\n  }\n\n  open = () => {\n    if ('DromoUploader' in window) {\n      if ('fields' in this.props && 'settings' in this.props) {\n        this.dromo = new DromoUploader(\n          this.props.licenseKey,\n          this.props.fields,\n          this.props.settings,\n          this.props.user\n        )\n      } else if ('schemaName' in this.props) {\n        this.dromo = new DromoUploader(\n          this.props.licenseKey,\n          this.props.schemaName\n        )\n        if ('developmentMode' in this.props) {\n          this.dromo.setDevelopmentMode(this.props.developmentMode)\n        }\n        if ('user' in this.props) {\n          this.dromo.setUser(this.props.user)\n        }\n        if ('headerRowOverride' in this.props) {\n          this.dromo.setHeaderRowOverride(this.props.headerRowOverride)\n        }\n      }\n\n      if (this.props.rowHooks) {\n        this.props.rowHooks.forEach((hook) => this.dromo.registerRowHook(hook))\n      }\n\n      if (this.props.bulkRowHooks) {\n        this.props.bulkRowHooks.forEach((hook) =>\n          this.dromo.registerBulkRowHook(hook)\n        )\n      }\n\n      if (this.props.columnHooks) {\n        this.props.columnHooks.forEach((hook) => {\n          this.dromo.registerColumnHook(hook.fieldName, hook.callback)\n        })\n      }\n\n      if (this.props.rowDeleteHooks) {\n        this.props.rowDeleteHooks.forEach((hook) => {\n          return this.dromo.registerRowDeleteHook(hook)\n        })\n      }\n\n      if (this.props.beforeFinish) {\n        this.dromo.beforeFinish(this.props.beforeFinish)\n      }\n\n      if (this.props.onResults) {\n        this.dromo.onResults(this.props.onResults)\n      }\n\n      if (this.props.onCancel) {\n        this.dromo.onCancel(this.props.onCancel)\n      }\n\n      if (this.props.stepHooks) {\n        this.props.stepHooks.forEach((hook) => {\n          this.dromo.registerStepHook(hook.type, hook.callback)\n        })\n      }\n\n      this.dromo.open()\n    }\n  }\n\n  render() {\n    return (\n      <button\n        style={this.props.style}\n        className={this.props.className}\n        onClick={this.open}\n      >\n        {this.props.children}\n      </button>\n    )\n  }\n}\n\nexport {\n  IDeveloperField,\n  IDeveloperSettings,\n  IUser,\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IValidatorField,\n  IDeveloperStyleOverrides,\n  IResultMetadata,\n  EStepHook,\n  IStepHook,\n  IRowDeleteHook\n}\n"],"names":["EStepHook","EInvalidDataBehavior","EBackendSyncMode","SCRIPT_SRC","SCRIPT_LOADED_EVENT","DromoReactUploader","window","props","dromo","DromoUploader","licenseKey","fields","settings","user","schemaName","setDevelopmentMode","developmentMode","setUser","setHeaderRowOverride","headerRowOverride","rowHooks","forEach","hook","registerRowHook","bulkRowHooks","registerBulkRowHook","columnHooks","registerColumnHook","fieldName","callback","rowDeleteHooks","registerRowDeleteHook","beforeFinish","onResults","onCancel","stepHooks","registerStepHook","type","open","componentDidMount","loadingScript","Array","from","document","getElementsByTagName","find","s","src","script","createElement","async","onload","event","Event","dispatchEvent","body","appendChild","render","React","style","className","onClick","children"],"mappings":";;;;;;;;AAqbA,WAAYA;AACVA,EAAAA,wBAAA,gBAAA;AACAA,EAAAA,wBAAA,gBAAA;AACAA,EAAAA,mCAAA,2BAAA;AACD,CAJD,EAAYA,iBAAS,KAATA,iBAAS,KAAA,CAArB;;AAsCA,IAAYC,oBAAZ;;AAAA,WAAYA;AACVA,EAAAA,oCAAA,iBAAA;AACAA,EAAAA,2CAAA,wBAAA;AACAA,EAAAA,4CAAA,yBAAA;AACD,CAJD,EAAYA,oBAAoB,KAApBA,oBAAoB,KAAA,CAAhC;;AAMA,IAAYC,gBAAZ;;AAAA,WAAYA;AACVA,EAAAA,4BAAA,aAAA;AACAA,EAAAA,iCAAA,kBAAA;AACAA,EAAAA,6BAAA,cAAA;AACD,CAJD,EAAYA,gBAAgB,KAAhBA,gBAAgB,KAAA,CAA5B;;AC7aA,IAAMC,UAAU,GAAG,2DAAnB;AACA,IAAMC,mBAAmB,GAAG,qBAA5B;;IAEqBC;;;AAArB;;;;;AAoCE,cAAA,GAAO;AACL,UAAI,mBAAmBC,MAAvB,EAA+B;AAC7B,YAAI,YAAY,MAAKC,KAAjB,IAA0B,cAAc,MAAKA,KAAjD,EAAwD;AACtD,gBAAKC,KAAL,GAAa,IAAIC,aAAJ,CACX,MAAKF,KAAL,CAAWG,UADA,EAEX,MAAKH,KAAL,CAAWI,MAFA,EAGX,MAAKJ,KAAL,CAAWK,QAHA,EAIX,MAAKL,KAAL,CAAWM,IAJA,CAAb;AAMD,SAPD,MAOO,IAAI,gBAAgB,MAAKN,KAAzB,EAAgC;AACrC,gBAAKC,KAAL,GAAa,IAAIC,aAAJ,CACX,MAAKF,KAAL,CAAWG,UADA,EAEX,MAAKH,KAAL,CAAWO,UAFA,CAAb;;AAIA,cAAI,qBAAqB,MAAKP,KAA9B,EAAqC;AACnC,kBAAKC,KAAL,CAAWO,kBAAX,CAA8B,MAAKR,KAAL,CAAWS,eAAzC;AACD;;AACD,cAAI,UAAU,MAAKT,KAAnB,EAA0B;AACxB,kBAAKC,KAAL,CAAWS,OAAX,CAAmB,MAAKV,KAAL,CAAWM,IAA9B;AACD;;AACD,cAAI,uBAAuB,MAAKN,KAAhC,EAAuC;AACrC,kBAAKC,KAAL,CAAWU,oBAAX,CAAgC,MAAKX,KAAL,CAAWY,iBAA3C;AACD;AACF;;AAED,YAAI,MAAKZ,KAAL,CAAWa,QAAf,EAAyB;AACvB,gBAAKb,KAAL,CAAWa,QAAX,CAAoBC,OAApB,CAA4B,UAACC,IAAD;AAAA,mBAAU,MAAKd,KAAL,CAAWe,eAAX,CAA2BD,IAA3B,CAAV;AAAA,WAA5B;AACD;;AAED,YAAI,MAAKf,KAAL,CAAWiB,YAAf,EAA6B;AAC3B,gBAAKjB,KAAL,CAAWiB,YAAX,CAAwBH,OAAxB,CAAgC,UAACC,IAAD;AAAA,mBAC9B,MAAKd,KAAL,CAAWiB,mBAAX,CAA+BH,IAA/B,CAD8B;AAAA,WAAhC;AAGD;;AAED,YAAI,MAAKf,KAAL,CAAWmB,WAAf,EAA4B;AAC1B,gBAAKnB,KAAL,CAAWmB,WAAX,CAAuBL,OAAvB,CAA+B,UAACC,IAAD;AAC7B,kBAAKd,KAAL,CAAWmB,kBAAX,CAA8BL,IAAI,CAACM,SAAnC,EAA8CN,IAAI,CAACO,QAAnD;AACD,WAFD;AAGD;;AAED,YAAI,MAAKtB,KAAL,CAAWuB,cAAf,EAA+B;AAC7B,gBAAKvB,KAAL,CAAWuB,cAAX,CAA0BT,OAA1B,CAAkC,UAACC,IAAD;AAChC,mBAAO,MAAKd,KAAL,CAAWuB,qBAAX,CAAiCT,IAAjC,CAAP;AACD,WAFD;AAGD;;AAED,YAAI,MAAKf,KAAL,CAAWyB,YAAf,EAA6B;AAC3B,gBAAKxB,KAAL,CAAWwB,YAAX,CAAwB,MAAKzB,KAAL,CAAWyB,YAAnC;AACD;;AAED,YAAI,MAAKzB,KAAL,CAAW0B,SAAf,EAA0B;AACxB,gBAAKzB,KAAL,CAAWyB,SAAX,CAAqB,MAAK1B,KAAL,CAAW0B,SAAhC;AACD;;AAED,YAAI,MAAK1B,KAAL,CAAW2B,QAAf,EAAyB;AACvB,gBAAK1B,KAAL,CAAW0B,QAAX,CAAoB,MAAK3B,KAAL,CAAW2B,QAA/B;AACD;;AAED,YAAI,MAAK3B,KAAL,CAAW4B,SAAf,EAA0B;AACxB,gBAAK5B,KAAL,CAAW4B,SAAX,CAAqBd,OAArB,CAA6B,UAACC,IAAD;AAC3B,kBAAKd,KAAL,CAAW4B,gBAAX,CAA4Bd,IAAI,CAACe,IAAjC,EAAuCf,IAAI,CAACO,QAA5C;AACD,WAFD;AAGD;;AAED,cAAKrB,KAAL,CAAW8B,IAAX;AACD;AACF,KAnED;;;AAgFD;;;;SAjHCC,oBAAA;AACE,QAAMC,aAAa,GAAGC,KAAK,CAACC,IAAN,CACpBC,QAAQ,CAACC,oBAAT,CAA8B,QAA9B,CADoB,EAEpBC,IAFoB,CAEf,UAACC,CAAD;AAAA,aAAOA,CAAC,CAACC,GAAF,KAAU5C,UAAjB;AAAA,KAFe,CAAtB;;AAMA,QAAI,CAACqC,aAAL,EAAoB;AAClB,UAAMQ,MAAM,GAAGL,QAAQ,CAACM,aAAT,CAAuB,QAAvB,CAAf;AACAD,MAAAA,MAAM,CAACD,GAAP,GAAa5C,UAAb;AACA6C,MAAAA,MAAM,CAACE,KAAP,GAAe,IAAf;;AACAF,MAAAA,MAAM,CAACG,MAAP,GAAgB;AACd,YAAMC,KAAK,GAAG,IAAIC,KAAJ,CAAUjD,mBAAV,CAAd;AACAE,QAAAA,MAAM,CAACgD,aAAP,CAAqBF,KAArB;AACD,OAHD;;AAIAT,MAAAA,QAAQ,CAACY,IAAT,CAAcC,WAAd,CAA0BR,MAA1B;AACD,KATD,MASO;AACL,UAAI,mBAAmB1C,MAAvB,EAA+B;AAG7B,YAAM8C,KAAK,GAAG,IAAIC,KAAJ,CAAUjD,mBAAV,CAAd;AACAE,QAAAA,MAAM,CAACgD,aAAP,CAAqBF,KAArB;AACD,OALD,MAKO;AAGLZ,QAAAA,aAAa,CAACW,MAAd,GAAuB;AACrB,cAAMC,KAAK,GAAG,IAAIC,KAAJ,CAAUjD,mBAAV,CAAd;AACAE,UAAAA,MAAM,CAACgD,aAAP,CAAqBF,KAArB;AACD,SAHD;AAID;AACF;AACF;;SAuEDK,SAAA;AACE,WACEC,mBAAA,SAAA;AACEC,MAAAA,KAAK,EAAE,KAAKpD,KAAL,CAAWoD;AAClBC,MAAAA,SAAS,EAAE,KAAKrD,KAAL,CAAWqD;AACtBC,MAAAA,OAAO,EAAE,KAAKvB;KAHhB,EAKG,KAAK/B,KAAL,CAAWuD,QALd,CADF;AASD;;;EAnH6CJ;;;;"}

package/dist/index.modern.js

@@ -43,7 +43,23 @@ var DromoReactUploader = /*#__PURE__*/function (_React$Component) {
 
     _this.open = function () {
       if ('DromoUploader' in window) {
-        _this.dromo = new DromoUploader(_this.props.licenseKey, _this.props.fields, _this.props.settings, _this.props.user);
+        if ('fields' in _this.props && 'settings' in _this.props) {
+          _this.dromo = new DromoUploader(_this.props.licenseKey, _this.props.fields, _this.props.settings, _this.props.user);
+        } else if ('schemaName' in _this.props) {
+          _this.dromo = new DromoUploader(_this.props.licenseKey, _this.props.schemaName);
+
+          if ('developmentMode' in _this.props) {
+            _this.dromo.setDevelopmentMode(_this.props.developmentMode);
+          }
+
+          if ('user' in _this.props) {
+            _this.dromo.setUser(_this.props.user);
+          }
+
+          if ('headerRowOverride' in _this.props) {
+            _this.dromo.setHeaderRowOverride(_this.props.headerRowOverride);
+          }
+        }
 
         if (_this.props.rowHooks) {
           _this.props.rowHooks.forEach(function (hook) {

package/dist/index.modern.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.modern.js","sources":["../src/interfaces.ts","../src/index.tsx"],"sourcesContent":["type MaybeAsync<T> = T | Promise<T>;\n\nexport interface IConnectionMethods {\n  init: (\n    licenseKey: string,\n    fields: IDeveloperField[],\n    settings: IDeveloperSettings,\n    user: IUser,\n    appHost?: string\n  ) => void;\n  initFromSavedSchema: (\n    licenseKey: string,\n    schemaName: string,\n    appHost: string\n  ) => void;\n  setHeaderRowOverride: (headerRowOverride: number | null) => void;\n  setNumRegisteredColHooks: (numColHooks: number) => void;\n  setNumRegisteredRowHooks: (numRowHooks: number) => void;\n  setNumRegisteredRowDeleteHooks: (numRowDeleteHooks: number) => void;\n  setUser: (user: IUser) => void;\n  addField: (field: IDeveloperField, position?: IPositionSpec) => void;\n  removeField: (fieldKey: string) => void;\n  updateInfoMessages: (messages: IMessagesForCell[]) => void;\n}\n\nexport type IPublicConnectionMethods = Pick<\n  IConnectionMethods,\n  | \"addField\"\n  | \"updateInfoMessages\"\n  | \"setHeaderRowOverride\"\n  | \"setUser\"\n  | \"removeField\"\n>;\n\nexport type IDeveloperFieldType =\n  | \"string\"\n  | \"checkbox\"\n  | \"select\"\n  | \"number\"\n  | \"date\"\n  | \"datetime\"\n  | \"time\"\n  | \"email\";\n\nexport interface IAbstractDeveloperFieldUntyped {\n  label: string;\n  key: string;\n  type?: never;\n  description?: string;\n  alternateMatches?: string[];\n  validators?: IValidatorField[];\n  invalidValueMessage?: string;\n  readOnly?: boolean;\n  hidden?: boolean;\n}\n\nexport interface IAbstractDeveloperField<\n  FieldType extends IDeveloperFieldType,\n  FieldOpts = Record<string, never>\n> extends Omit<IAbstractDeveloperFieldUntyped, \"type\"> {\n  type: FieldType | [FieldType, FieldOpts];\n}\n\ntype IStringField =\n  | IAbstractDeveloperFieldUntyped\n  | IAbstractDeveloperField<\"string\">;\n\ntype ICheckboxField = IAbstractDeveloperField<\"checkbox\">;\n\nexport interface ISelectField extends IAbstractDeveloperField<\"select\"> {\n  selectOptions: {\n    label: string;\n    value: string;\n    alternateMatches?: string[];\n  }[];\n}\n\ntype INumberPreset =\n  | \"default\"\n  | \"percent\"\n  | \"percent_0\"\n  | \"percent_1\"\n  | \"percent_2\"\n  | \"percent_3\"\n  | \"percent_4\"\n  | \"decimal_0\"\n  | \"decimal_1\"\n  | \"decimal_2\"\n  | \"decimal_3\"\n  | \"decimal_4\"\n  | \"integer\"\n  | \"plain\"\n  | \"usd\"\n  | \"usd_accounting\"\n  | \"eur\"\n  | \"gbp\";\n\n// copy-pasta'd from numbro.Format\ninterface INumbroFormat {\n  output?: \"currency\" | \"percent\" | \"byte\" | \"time\" | \"ordinal\" | \"number\";\n  base?: \"decimal\" | \"binary\" | \"general\";\n  characteristic?: number;\n  prefix?: string;\n  postfix?: string;\n  forceAverage?: \"trillion\" | \"billion\" | \"million\" | \"thousand\";\n  average?: boolean;\n  currencyPosition?: \"prefix\" | \"infix\" | \"postfix\";\n  currencySymbol?: string;\n  totalLength?: number;\n  mantissa?: number;\n  optionalMantissa?: boolean;\n  trimMantissa?: boolean;\n  optionalCharacteristic?: boolean;\n  thousandSeparated?: boolean;\n  abbreviations?: {\n    thousand?: string;\n    million?: string;\n    billion?: string;\n    trillion?: string;\n  };\n  negative?: \"sign\" | \"parenthesis\";\n  forceSign?: boolean;\n  spaceSeparated?: boolean;\n  spaceSeparatedCurrency?: boolean;\n  spaceSeparatedAbbreviation?: boolean;\n  exponential?: boolean;\n  prefixSymbol?: boolean;\n  lowPrecision?: boolean;\n  roundingFunction?: (num: number) => number;\n}\n\ninterface INumberOpts {\n  preset?: INumberPreset;\n  round?: number;\n  displayFormat?: INumbroFormat;\n  outputFormat?: INumbroFormat;\n}\n\ntype INumberField = IAbstractDeveloperField<\n  \"number\",\n  INumberPreset | INumberOpts\n>;\n\ninterface IDateTimeOpts {\n  displayFormat?: string;\n  outputFormat?: string;\n  locale?: string;\n  withSeconds?: boolean;\n}\n\ntype IDateTimeField = IAbstractDeveloperField<\n  \"date\" | \"time\" | \"datetime\",\n  IDateTimeOpts\n>;\n\ntype IEmailField = IAbstractDeveloperField<\"email\">;\n\nexport type IDeveloperField =\n  | IStringField\n  | ICheckboxField\n  | ISelectField\n  | INumberField\n  | IDateTimeField\n  | IEmailField;\n\ninterface IAbstractValidator<ValidateKey> {\n  validate: ValidateKey;\n  errorMessage?: string;\n  level?: \"info\" | \"warning\" | \"error\";\n}\n\nexport type IRequiredValidator = IAbstractValidator<\"required\">;\n\nexport type IUniqueValidator = IAbstractValidator<\n  \"unique\" | \"unique_case_insensitive\"\n>;\n\nexport interface IUniqueWithValidator\n  extends IAbstractValidator<\"unique_with\"> {\n  uniqueKey: string;\n}\n\nexport interface IRegexValidator\n  extends IAbstractValidator<\"regex_match\" | \"regex_exclude\"> {\n  regex: string | RegExp;\n  regexOptions?: {\n    ignoreCase?: boolean;\n    dotAll?: boolean;\n    multiline?: boolean;\n    unicode?: boolean;\n  };\n}\n\nexport interface IRequireWithValidator\n  extends IAbstractValidator<\n    | \"require_with\"\n    | \"require_without\"\n    | \"require_with_all\"\n    | \"require_without_all\"\n  > {\n  fields: string[];\n}\n\nexport interface IRequireWithValuesValidator\n  extends IAbstractValidator<\n    | \"require_with_values\"\n    | \"require_without_values\"\n    | \"require_with_all_values\"\n    | \"require_without_all_values\"\n  > {\n  fieldValues: { [key: string]: string };\n}\n\nexport type IValidatorField =\n  | IRequiredValidator\n  | IUniqueValidator\n  | IUniqueWithValidator\n  | IRegexValidator\n  | IRequireWithValidator\n  | IRequireWithValuesValidator;\n\nexport interface IDeveloperSettings {\n  importIdentifier: string;\n  title?: string;\n  allowInvalidSubmit?: boolean;\n  invalidDataBehavior?: keyof typeof EInvalidDataBehavior;\n  backendSync?: boolean;\n  backendSyncMode?: keyof typeof EBackendSyncMode;\n  manualInputDisabled?: boolean;\n  manualInputOnly?: boolean;\n  allowCustomFields?: boolean;\n  maxRecords?: number | null;\n  developmentMode?: boolean;\n  displayEncoding?: boolean;\n  styleOverrides?: IDeveloperStyleOverrides;\n  webhookUrl?: string;\n  initialData?: { [key: string]: string }[] | any[][] | null;\n  uploadStep?: {\n    helpText?: string;\n  };\n  matchingStep?: {\n    helpText?: string;\n    headerRowOverride?: number | null;\n    fuzzyMatchHeaders?: boolean;\n    alwaysMatchSelectFields?: boolean;\n  };\n  reviewStep?: {\n    helpText?: string;\n    processingText?: string;\n    saveForLater?: boolean;\n  };\n  autoMapHeaders?: boolean;\n  delimiter?: string;\n  backendOverride?: {\n    url: string;\n    type: \"AWS\" | \"AZURE\";\n  } | null;\n  locale?: TLocaleShorthand;\n  templateDownloadFilename?: string;\n  browserExcelParsing?: boolean;\n}\n\n// If you update this, also update IDeveloperStylesOverridesStrict\n// in interfaces.tsx\nexport interface IDeveloperStyleOverrides {\n  global?: {\n    textColor?: string;\n    primaryTextColor?: string;\n    secondaryTextColor?: string;\n    successColor?: string;\n    warningColor?: string;\n    customFontURL?: string | null;\n    customFontFamily?: string | null;\n  };\n  primaryButton?: {\n    borderRadius?: string;\n    backgroundColor?: string;\n    textColor?: string;\n    border?: string;\n    hoverBackgroundColor?: string;\n    hoverTextColor?: string;\n    hoverBorder?: string;\n  };\n  secondaryButton?: {\n    borderRadius?: string;\n    backgroundColor?: string;\n    textColor?: string;\n    border?: string;\n    hoverBackgroundColor?: string;\n    hoverTextColor?: string;\n    hoverBorder?: string;\n  };\n  tertiaryButton?: {\n    borderRadius?: string;\n    backgroundColor?: string;\n    textColor?: string;\n    border?: string;\n    hoverBackgroundColor?: string;\n    hoverTextColor?: string;\n    hoverBorder?: string;\n  };\n  dropzone?: {\n    borderWidth?: number;\n    borderRadius?: number;\n    borderColor?: string;\n    borderStyle?: string;\n    color?: string;\n    outline?: string;\n  };\n  helpText?: {\n    textColor?: string;\n    backgroundColor?: string;\n  };\n  stepperBar?: {\n    completeColor?: string;\n    incompleteColor?: string;\n    currentColor?: string;\n  };\n}\n\nexport interface IUser {\n  id: string;\n  name?: string;\n  email?: string;\n  companyId?: string;\n  companyName?: string;\n}\n\nexport interface ICellRef {\n  rowIndex: number;\n  fieldKey: string;\n}\n\nexport interface ITableMessage {\n  message: string;\n  level: \"info\" | \"warning\" | \"error\";\n}\n\nexport interface IMessagesForCell extends ICellRef {\n  messages: ITableMessage[];\n}\n\nexport interface IColumnHook {\n  fieldName: string;\n  callback: (values: IColumnHookInput[]) => MaybeAsync<IColumnHookOutput[]>;\n}\n\nexport interface IRowHook {\n  (data: IRowHookInput, mode: \"init\" | \"update\"): MaybeAsync<IRowHookOutput>;\n}\n\nexport type IBulkRowHook = (\n  data: IRowHookInput[],\n  mode: \"init\" | \"update\"\n) => IRowHookOutputInternal[] | Promise<IRowHookOutputInternal[]>;\n\nexport interface IRowDeleteHook {\n  (data: IRowHookInput): MaybeAsync<void>;\n}\n\nexport interface IColumnHookInput {\n  index: number;\n  value: any;\n}\n\nexport interface IColumnHookOutput {\n  index: number;\n  value?: any;\n  info?: ITableMessage[];\n}\n\nexport interface IRowHookInput {\n  row: {\n    [key: string]: {\n      value: any;\n      resultValue: any;\n      info?: ITableMessage[];\n      selectOptions?: ISelectField[\"selectOptions\"];\n    };\n  };\n  index: number;\n}\n\nexport interface IRowHookOutput {\n  row: {\n    [key: string]: {\n      value?: any;\n      info?: ITableMessage[];\n      selectOptions?: ISelectField[\"selectOptions\"];\n    };\n  };\n}\n\nexport interface IRowHookOutputInternal extends IRowHookOutput {\n  index: number;\n}\n\nexport type IFieldMetadata = Record<\n  string,\n  {\n    fileHeader: string | null;\n    fileHeaderIndex: number | null;\n    isCustom: boolean;\n  }\n>;\n\nexport interface IResultMetadata {\n  id: string | null;\n  filename: string | null;\n  importIdentifier: string;\n  user: IUser;\n  rowsWithError: number[];\n  rawHeaders: string[] | null;\n  fields: IFieldMetadata;\n  saveForLater?: boolean;\n}\n\nexport type TLocaleShorthand =\n  | \"de\"\n  | \"en\"\n  | \"es\"\n  | \"fr\"\n  | \"in\"\n  | \"ja\"\n  | \"ko\"\n  | \"th\"\n  | \"vi\"\n  | \"zh_CN\"\n  | \"zh_TW\";\n\nexport enum EStepHook {\n  UPLOAD_STEP = \"UPLOAD_STEP\",\n  REVIEW_STEP = \"REVIEW_STEP\",\n  REVIEW_STEP_POST_HOOKS = \"REVIEW_STEP_POST_HOOKS\",\n}\n\nexport interface IUploadStepData {\n  filename: string | null;\n  dataPreview: any[][];\n}\n\nexport interface IReviewStepData {\n  rawHeaders: string[] | null;\n  headerMapping: { [header: string]: string | undefined };\n  fields: IFieldMetadata;\n}\n\nexport interface IReviewStepPostHooksData {\n  headerMapping: { [header: string]: string | undefined };\n  fields: IFieldMetadata;\n}\n\nexport interface IStepHook {\n  type: keyof typeof EStepHook;\n  callback: (\n    uploader: IPublicConnectionMethods,\n    data: IUploadStepData | IReviewStepData | IReviewStepPostHooksData\n  ) => MaybeAsync<void>;\n}\n\nexport type IBeforeFinishCallback = (\n  data: Record<string, any>[],\n  metadata: IResultMetadata,\n  instance: IPublicConnectionMethods\n) => MaybeAsync<IBeforeFinishOutput>;\n\nexport type IBeforeFinishOutput = void | { cancel: true; message: string };\n\nexport enum EInvalidDataBehavior {\n  BLOCK_SUBMIT = \"BLOCK_SUBMIT\",\n  REMOVE_INVALID_ROWS = \"REMOVE_INVALID_ROWS\",\n  INCLUDE_INVALID_ROWS = \"INCLUDE_INVALID_ROWS\",\n}\n\nexport enum EBackendSyncMode {\n  DISABLED = \"DISABLED\",\n  MAPPINGS_ONLY = \"MAPPINGS_ONLY\",\n  FULL_DATA = \"FULL_DATA\",\n}\n\nexport type IPositionSpec = { before: string } | { after: string };\n","import * as React from 'react'\nimport {\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IDeveloperField,\n  IValidatorField,\n  IDeveloperSettings,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IDeveloperStyleOverrides,\n  IUser,\n  IResultMetadata,\n  EStepHook,\n  IStepHook,\n  IRowDeleteHook,\n  IBulkRowHook,\n  IBeforeFinishCallback\n} from './interfaces'\n\ninterface Props {\n  style?: React.CSSProperties\n  className?: string\n  licenseKey: string\n  user: IUser\n  fields: IDeveloperField[]\n  settings: IDeveloperSettings\n  rowHooks?: IRowHook[]\n  bulkRowHooks?: IBulkRowHook[]\n  rowDeleteHooks?: IRowDeleteHook[]\n  columnHooks?: IColumnHook[]\n  stepHooks?: IStepHook[]\n  beforeFinish?: IBeforeFinishCallback\n  onResults?: (data: any, metadata: IResultMetadata) => void\n  onCancel?: () => void\n  children: React.ReactNode\n}\n\ndeclare var DromoUploader: any\n\nconst SCRIPT_SRC = 'https://unpkg.com/dromo-uploader-js/dist/DromoUploader.js'\nconst SCRIPT_LOADED_EVENT = 'DROMO_SCRIPT_LOADED'\n\nexport default class DromoReactUploader extends React.Component<Props> {\n  dromo: any\n\n  componentDidMount() {\n    const loadingScript = Array.from(\n      document.getElementsByTagName('script')\n    ).find((s) => s.src === SCRIPT_SRC)\n\n    // If there is no script tag added to HTML then we add. Prevents multiple\n    // adds if there are multiple components\n    if (!loadingScript) {\n      const script = document.createElement('script')\n      script.src = SCRIPT_SRC\n      script.async = true\n      script.onload = () => {\n        const event = new Event(SCRIPT_LOADED_EVENT)\n        window.dispatchEvent(event)\n      }\n      document.body.appendChild(script)\n    } else {\n      if ('DromoUploader' in window) {\n        // If the script has been injected and has been loaded we can call\n        // scriptLoaded\n        const event = new Event(SCRIPT_LOADED_EVENT)\n        window.dispatchEvent(event)\n      } else {\n        // If the script has been injected but hasn't been loaded, we wait\n        // for load\n        loadingScript.onload = () => {\n          const event = new Event(SCRIPT_LOADED_EVENT)\n          window.dispatchEvent(event)\n        }\n      }\n    }\n  }\n\n  open = () => {\n    if ('DromoUploader' in window) {\n      this.dromo = new DromoUploader(\n        this.props.licenseKey,\n        this.props.fields,\n        this.props.settings,\n        this.props.user\n      )\n\n      if (this.props.rowHooks) {\n        this.props.rowHooks.forEach((hook) => this.dromo.registerRowHook(hook))\n      }\n\n      if (this.props.bulkRowHooks) {\n        this.props.bulkRowHooks.forEach((hook) =>\n          this.dromo.registerBulkRowHook(hook)\n        )\n      }\n\n      if (this.props.columnHooks) {\n        this.props.columnHooks.forEach((hook) => {\n          this.dromo.registerColumnHook(hook.fieldName, hook.callback)\n        })\n      }\n\n      if (this.props.rowDeleteHooks) {\n        this.props.rowDeleteHooks.forEach((hook) => {\n          return this.dromo.registerRowDeleteHook(hook)\n        })\n      }\n\n      if (this.props.beforeFinish) {\n        this.dromo.beforeFinish(this.props.beforeFinish)\n      }\n\n      if (this.props.onResults) {\n        this.dromo.onResults(this.props.onResults)\n      }\n\n      if (this.props.onCancel) {\n        this.dromo.onCancel(this.props.onCancel)\n      }\n\n      if (this.props.stepHooks) {\n        this.props.stepHooks.forEach((hook) => {\n          this.dromo.registerStepHook(hook.type, hook.callback)\n        })\n      }\n\n      this.dromo.open()\n    }\n  }\n\n  render() {\n    return (\n      <button\n        style={this.props.style}\n        className={this.props.className}\n        onClick={this.open}\n      >\n        {this.props.children}\n      </button>\n    )\n  }\n}\n\nexport {\n  IDeveloperField,\n  IDeveloperSettings,\n  IUser,\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IValidatorField,\n  IDeveloperStyleOverrides,\n  IResultMetadata,\n  EStepHook,\n  IStepHook,\n  IRowDeleteHook\n}\n"],"names":["EStepHook","EInvalidDataBehavior","EBackendSyncMode","SCRIPT_SRC","SCRIPT_LOADED_EVENT","DromoReactUploader","window","dromo","DromoUploader","props","licenseKey","fields","settings","user","rowHooks","forEach","hook","registerRowHook","bulkRowHooks","registerBulkRowHook","columnHooks","registerColumnHook","fieldName","callback","rowDeleteHooks","registerRowDeleteHook","beforeFinish","onResults","onCancel","stepHooks","registerStepHook","type","open","componentDidMount","loadingScript","Array","from","document","getElementsByTagName","find","s","src","script","createElement","async","onload","event","Event","dispatchEvent","body","appendChild","render","React","style","className","onClick","children"],"mappings":"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"}
+{"version":3,"file":"index.modern.js","sources":["../src/interfaces.ts","../src/index.tsx"],"sourcesContent":["type MaybeAsync<T> = T | Promise<T>;\n\nexport interface IConnectionMethods {\n  init: (\n    licenseKey: string,\n    fields: IDeveloperField[],\n    settings: IDeveloperSettings,\n    user: IUser,\n    appHost?: string\n  ) => void;\n  initFromSavedSchema: (\n    licenseKey: string,\n    schemaName: string,\n    appHost: string,\n    options?: IImporterOptions\n  ) => void;\n  setHeaderRowOverride: (headerRowOverride: number | null) => void;\n  setNumRegisteredColHooks: (numColHooks: number) => void;\n  setNumRegisteredRowHooks: (numRowHooks: number) => void;\n  setNumRegisteredRowDeleteHooks: (numRowDeleteHooks: number) => void;\n  setUser: (user: IUser) => void;\n  addField: (field: IDeveloperField, position?: IPositionSpec) => void;\n  removeField: (fieldKey: string) => void;\n  updateInfoMessages: (messages: IMessagesForCell[]) => void;\n  setDevelopmentMode: (developmentMode: boolean) => void;\n}\n\nexport type IPublicConnectionMethods = Pick<\n  IConnectionMethods,\n  | \"addField\"\n  | \"updateInfoMessages\"\n  | \"setHeaderRowOverride\"\n  | \"setUser\"\n  | \"removeField\"\n  | \"setDevelopmentMode\"\n>;\n\nexport type IDeveloperFieldType =\n  | \"string\"\n  | \"checkbox\"\n  | \"select\"\n  | \"number\"\n  | \"date\"\n  | \"datetime\"\n  | \"time\"\n  | \"email\";\n\nexport interface IAbstractDeveloperFieldUntyped {\n  label: string;\n  key: string;\n  type?: never;\n  description?: string;\n  alternateMatches?: string[];\n  validators?: IValidatorField[];\n  invalidValueMessage?: string;\n  readOnly?: boolean;\n  hidden?: boolean;\n  requireMapping?: boolean;\n}\n\nexport interface IAbstractDeveloperField<\n  FieldType extends IDeveloperFieldType,\n  FieldOpts = Record<string, never>\n> extends Omit<IAbstractDeveloperFieldUntyped, \"type\"> {\n  type: FieldType | [FieldType, FieldOpts];\n}\n\ntype IStringField =\n  | IAbstractDeveloperFieldUntyped\n  | IAbstractDeveloperField<\"string\">;\n\ntype ICheckboxField = IAbstractDeveloperField<\"checkbox\">;\n\nexport interface IDeveloperSelectOption {\n  label: string;\n  value: string;\n  alternateMatches?: string[];\n}\n\nexport interface ISelectField extends IAbstractDeveloperField<\"select\"> {\n  selectOptions: IDeveloperSelectOption[];\n}\n\ntype INumberPreset =\n  | \"default\"\n  | \"percent\"\n  | \"percent_0\"\n  | \"percent_1\"\n  | \"percent_2\"\n  | \"percent_3\"\n  | \"percent_4\"\n  | \"decimal_0\"\n  | \"decimal_1\"\n  | \"decimal_2\"\n  | \"decimal_3\"\n  | \"decimal_4\"\n  | \"integer\"\n  | \"plain\"\n  | \"usd\"\n  | \"usd_accounting\"\n  | \"eur\"\n  | \"gbp\";\n\n// copy-pasta'd from numbro.Format\ninterface INumbroFormat {\n  output?: \"currency\" | \"percent\" | \"byte\" | \"time\" | \"ordinal\" | \"number\";\n  base?: \"decimal\" | \"binary\" | \"general\";\n  characteristic?: number;\n  prefix?: string;\n  postfix?: string;\n  forceAverage?: \"trillion\" | \"billion\" | \"million\" | \"thousand\";\n  average?: boolean;\n  currencyPosition?: \"prefix\" | \"infix\" | \"postfix\";\n  currencySymbol?: string;\n  totalLength?: number;\n  mantissa?: number;\n  optionalMantissa?: boolean;\n  trimMantissa?: boolean;\n  optionalCharacteristic?: boolean;\n  thousandSeparated?: boolean;\n  abbreviations?: {\n    thousand?: string;\n    million?: string;\n    billion?: string;\n    trillion?: string;\n  };\n  negative?: \"sign\" | \"parenthesis\";\n  forceSign?: boolean;\n  spaceSeparated?: boolean;\n  spaceSeparatedCurrency?: boolean;\n  spaceSeparatedAbbreviation?: boolean;\n  exponential?: boolean;\n  prefixSymbol?: boolean;\n  lowPrecision?: boolean;\n  roundingFunction?: (num: number) => number;\n}\n\ninterface INumberOpts {\n  preset?: INumberPreset;\n  round?: number;\n  displayFormat?: INumbroFormat;\n  outputFormat?: INumbroFormat;\n}\n\ntype INumberField = IAbstractDeveloperField<\n  \"number\",\n  INumberPreset | INumberOpts\n>;\n\ninterface IDateTimeOpts {\n  displayFormat?: string;\n  outputFormat?: string;\n  locale?: string;\n  withSeconds?: boolean;\n}\n\ntype IDateTimeField = IAbstractDeveloperField<\n  \"date\" | \"time\" | \"datetime\",\n  IDateTimeOpts\n>;\n\ntype IEmailField = IAbstractDeveloperField<\"email\">;\n\nexport type IDeveloperField =\n  | IStringField\n  | ICheckboxField\n  | ISelectField\n  | INumberField\n  | IDateTimeField\n  | IEmailField;\n\ninterface IAbstractValidator<ValidateKey> {\n  validate: ValidateKey;\n  errorMessage?: string;\n  level?: \"info\" | \"warning\" | \"error\";\n}\n\nexport type IRequiredValidator = IAbstractValidator<\"required\">;\n\nexport type IUniqueValidator = IAbstractValidator<\n  \"unique\" | \"unique_case_insensitive\"\n>;\n\nexport interface IUniqueWithValidator\n  extends IAbstractValidator<\"unique_with\"> {\n  uniqueKey: string;\n}\n\nexport interface IRegexValidator\n  extends IAbstractValidator<\"regex_match\" | \"regex_exclude\"> {\n  regex: string | RegExp;\n  regexOptions?: {\n    ignoreCase?: boolean;\n    dotAll?: boolean;\n    multiline?: boolean;\n    unicode?: boolean;\n  };\n}\n\nexport interface IRequireWithValidator\n  extends IAbstractValidator<\n    | \"require_with\"\n    | \"require_without\"\n    | \"require_with_all\"\n    | \"require_without_all\"\n  > {\n  fields: string[];\n}\n\nexport interface IRequireWithValuesValidator\n  extends IAbstractValidator<\n    | \"require_with_values\"\n    | \"require_without_values\"\n    | \"require_with_all_values\"\n    | \"require_without_all_values\"\n  > {\n  fieldValues: { [key: string]: string };\n}\n\nexport type IValidatorField =\n  | IRequiredValidator\n  | IUniqueValidator\n  | IUniqueWithValidator\n  | IRegexValidator\n  | IRequireWithValidator\n  | IRequireWithValuesValidator;\n\nexport interface IDeveloperSettings {\n  importIdentifier: string;\n  title?: string;\n  allowInvalidSubmit?: boolean;\n  invalidDataBehavior?: keyof typeof EInvalidDataBehavior;\n  backendSync?: boolean;\n  backendSyncMode?: keyof typeof EBackendSyncMode;\n  manualInputDisabled?: boolean;\n  manualInputOnly?: boolean;\n  allowCustomFields?: boolean;\n  maxRecords?: number | null;\n  developmentMode?: boolean;\n  displayEncoding?: boolean;\n  styleOverrides?: IDeveloperStyleOverrides;\n  webhookUrl?: string;\n  initialData?: { [key: string]: string }[] | any[][] | null;\n  uploadStep?: {\n    helpText?: string;\n  };\n  matchingStep?: {\n    helpText?: string;\n    headerRowOverride?: number | null;\n    fuzzyMatchHeaders?: boolean;\n    alwaysMatchSelectFields?: boolean;\n  };\n  reviewStep?: {\n    helpText?: string;\n    processingText?: string;\n    saveForLater?: boolean;\n  };\n  autoMapHeaders?: boolean;\n  delimiter?: string;\n  backendOverride?: {\n    url: string;\n    type: \"AWS\" | \"AZURE\";\n  } | null;\n  locale?: TLocaleShorthand;\n  templateDownloadFilename?: string;\n  browserExcelParsing?: boolean;\n  redesign?: string;\n}\n\n// If you update this, also update IDeveloperStylesOverridesStrict\n// in interfaces.tsx\nexport interface IDeveloperStyleOverrides {\n  global?: {\n    textColor?: string;\n    primaryTextColor?: string;\n    secondaryTextColor?: string;\n    successColor?: string;\n    warningColor?: string;\n    customFontURL?: string | null;\n    customFontFamily?: string | null;\n  };\n  primaryButton?: {\n    borderRadius?: string;\n    backgroundColor?: string;\n    textColor?: string;\n    border?: string;\n    hoverBackgroundColor?: string;\n    hoverTextColor?: string;\n    hoverBorder?: string;\n  };\n  secondaryButton?: {\n    borderRadius?: string;\n    backgroundColor?: string;\n    textColor?: string;\n    border?: string;\n    hoverBackgroundColor?: string;\n    hoverTextColor?: string;\n    hoverBorder?: string;\n  };\n  tertiaryButton?: {\n    borderRadius?: string;\n    backgroundColor?: string;\n    textColor?: string;\n    border?: string;\n    hoverBackgroundColor?: string;\n    hoverTextColor?: string;\n    hoverBorder?: string;\n  };\n  dropzone?: {\n    borderWidth?: number;\n    borderRadius?: number;\n    borderColor?: string;\n    borderStyle?: string;\n    color?: string;\n    outline?: string;\n  };\n  helpText?: {\n    textColor?: string;\n    backgroundColor?: string;\n  };\n  stepperBar?: {\n    completeColor?: string;\n    incompleteColor?: string;\n    currentColor?: string;\n  };\n}\n\nexport interface IUser {\n  id: string;\n  name?: string;\n  email?: string;\n  companyId?: string;\n  companyName?: string;\n}\n\nexport interface ICellRef {\n  rowIndex: number;\n  fieldKey: string;\n}\n\nexport interface ITableMessage {\n  message: string;\n  level: \"info\" | \"warning\" | \"error\";\n}\n\nexport interface IMessagesForCell extends ICellRef {\n  messages: ITableMessage[];\n}\n\nexport interface IColumnHook {\n  fieldName: string;\n  callback: (values: IColumnHookInput[]) => MaybeAsync<IColumnHookOutput[]>;\n}\n\nexport interface IRowHook {\n  (data: IRowHookInput, mode: \"init\" | \"update\"): MaybeAsync<IRowHookOutput>;\n}\n\nexport type IBulkRowHook = (\n  data: IRowHookInput[],\n  mode: \"init\" | \"update\"\n) => IRowHookOutputInternal[] | Promise<IRowHookOutputInternal[]>;\n\nexport interface IRowDeleteHook {\n  (data: IRowHookInput): MaybeAsync<void>;\n}\n\nexport interface IColumnHookInput {\n  index: number;\n  value: any;\n}\n\nexport interface IColumnHookOutput {\n  index: number;\n  value?: any;\n  info?: ITableMessage[];\n}\n\nexport interface IRowHookInput {\n  row: {\n    [key: string]: {\n      value: any;\n      resultValue: any;\n      info?: ITableMessage[];\n      selectOptions?: ISelectField[\"selectOptions\"];\n    };\n  };\n  index: number;\n}\n\nexport interface IRowHookOutput {\n  row: {\n    [key: string]: {\n      value?: any;\n      info?: ITableMessage[];\n      selectOptions?: ISelectField[\"selectOptions\"];\n    };\n  };\n}\n\nexport interface IRowHookOutputInternal extends IRowHookOutput {\n  index: number;\n}\n\nexport type IFieldMetadata = Record<\n  string,\n  {\n    fileHeader: string | null;\n    fileHeaderIndex: number | null;\n    isCustom: boolean;\n  }\n>;\n\nexport interface IResultMetadata {\n  id: string | null;\n  filename: string | null;\n  importIdentifier: string;\n  user: IUser;\n  rowsWithError: number[];\n  rawHeaders: string[] | null;\n  fields: IFieldMetadata;\n  saveForLater?: boolean;\n}\n\nexport type TLocaleShorthand =\n  | \"de\"\n  | \"en\"\n  | \"es\"\n  | \"fr\"\n  | \"in\"\n  | \"ja\"\n  | \"ko\"\n  | \"th\"\n  | \"vi\"\n  | \"zh_CN\"\n  | \"zh_TW\";\n\nexport enum EStepHook {\n  UPLOAD_STEP = \"UPLOAD_STEP\",\n  REVIEW_STEP = \"REVIEW_STEP\",\n  REVIEW_STEP_POST_HOOKS = \"REVIEW_STEP_POST_HOOKS\",\n}\n\nexport interface IUploadStepData {\n  filename: string | null;\n  dataPreview: any[][];\n}\n\nexport interface IReviewStepData {\n  rawHeaders: string[] | null;\n  headerMapping: { [header: string]: string | undefined };\n  fields: IFieldMetadata;\n}\n\nexport interface IReviewStepPostHooksData {\n  headerMapping: { [header: string]: string | undefined };\n  fields: IFieldMetadata;\n}\n\nexport interface IStepHook {\n  type: keyof typeof EStepHook;\n  callback: (\n    uploader: IPublicConnectionMethods,\n    data: IUploadStepData | IReviewStepData | IReviewStepPostHooksData\n  ) => MaybeAsync<void>;\n}\n\nexport type IBeforeFinishCallback = (\n  data: Record<string, any>[],\n  metadata: IResultMetadata,\n  instance: IPublicConnectionMethods\n) => MaybeAsync<IBeforeFinishOutput>;\n\nexport type IBeforeFinishOutput = void | { cancel: true; message: string };\n\nexport enum EInvalidDataBehavior {\n  BLOCK_SUBMIT = \"BLOCK_SUBMIT\",\n  REMOVE_INVALID_ROWS = \"REMOVE_INVALID_ROWS\",\n  INCLUDE_INVALID_ROWS = \"INCLUDE_INVALID_ROWS\",\n}\n\nexport enum EBackendSyncMode {\n  DISABLED = \"DISABLED\",\n  MAPPINGS_ONLY = \"MAPPINGS_ONLY\",\n  FULL_DATA = \"FULL_DATA\",\n}\n\nexport type IPositionSpec = { before: string } | { after: string };\n\nexport type IImporterOptions = {\n  user?: IUser;\n  developmentMode?: boolean;\n  headerRowOverride?: number | null;\n};\n","import * as React from 'react'\nimport {\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IDeveloperField,\n  IValidatorField,\n  IDeveloperSettings,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IDeveloperStyleOverrides,\n  IUser,\n  IResultMetadata,\n  EStepHook,\n  IStepHook,\n  IRowDeleteHook,\n  IBulkRowHook,\n  IBeforeFinishCallback,\n  IImporterOptions\n} from './interfaces'\n\ntype VerboseRequiredProps = {\n  user: IUser\n  fields: IDeveloperField[]\n  licenseKey: string\n  settings: IDeveloperSettings\n}\n\ntype SavedSchemaProps = {\n  schemaName: string\n  licenseKey: string\n} & IImporterOptions\n\ntype CommonOptionalProps = {\n  style?: React.CSSProperties\n  className?: string\n  rowHooks?: IRowHook[]\n  bulkRowHooks?: IBulkRowHook[]\n  rowDeleteHooks?: IRowDeleteHook[]\n  columnHooks?: IColumnHook[]\n  stepHooks?: IStepHook[]\n  beforeFinish?: IBeforeFinishCallback\n  onResults?: (data: any, metadata: IResultMetadata) => void\n  onCancel?: () => void\n  children: React.ReactNode\n}\n\ntype Props = (VerboseRequiredProps | SavedSchemaProps) & CommonOptionalProps\n\ndeclare var DromoUploader: any\n\nconst SCRIPT_SRC = 'https://unpkg.com/dromo-uploader-js/dist/DromoUploader.js'\nconst SCRIPT_LOADED_EVENT = 'DROMO_SCRIPT_LOADED'\n\nexport default class DromoReactUploader extends React.Component<Props> {\n  dromo: any\n\n  componentDidMount() {\n    const loadingScript = Array.from(\n      document.getElementsByTagName('script')\n    ).find((s) => s.src === SCRIPT_SRC)\n\n    // If there is no script tag added to HTML then we add. Prevents multiple\n    // adds if there are multiple components\n    if (!loadingScript) {\n      const script = document.createElement('script')\n      script.src = SCRIPT_SRC\n      script.async = true\n      script.onload = () => {\n        const event = new Event(SCRIPT_LOADED_EVENT)\n        window.dispatchEvent(event)\n      }\n      document.body.appendChild(script)\n    } else {\n      if ('DromoUploader' in window) {\n        // If the script has been injected and has been loaded we can call\n        // scriptLoaded\n        const event = new Event(SCRIPT_LOADED_EVENT)\n        window.dispatchEvent(event)\n      } else {\n        // If the script has been injected but hasn't been loaded, we wait\n        // for load\n        loadingScript.onload = () => {\n          const event = new Event(SCRIPT_LOADED_EVENT)\n          window.dispatchEvent(event)\n        }\n      }\n    }\n  }\n\n  open = () => {\n    if ('DromoUploader' in window) {\n      if ('fields' in this.props && 'settings' in this.props) {\n        this.dromo = new DromoUploader(\n          this.props.licenseKey,\n          this.props.fields,\n          this.props.settings,\n          this.props.user\n        )\n      } else if ('schemaName' in this.props) {\n        this.dromo = new DromoUploader(\n          this.props.licenseKey,\n          this.props.schemaName\n        )\n        if ('developmentMode' in this.props) {\n          this.dromo.setDevelopmentMode(this.props.developmentMode)\n        }\n        if ('user' in this.props) {\n          this.dromo.setUser(this.props.user)\n        }\n        if ('headerRowOverride' in this.props) {\n          this.dromo.setHeaderRowOverride(this.props.headerRowOverride)\n        }\n      }\n\n      if (this.props.rowHooks) {\n        this.props.rowHooks.forEach((hook) => this.dromo.registerRowHook(hook))\n      }\n\n      if (this.props.bulkRowHooks) {\n        this.props.bulkRowHooks.forEach((hook) =>\n          this.dromo.registerBulkRowHook(hook)\n        )\n      }\n\n      if (this.props.columnHooks) {\n        this.props.columnHooks.forEach((hook) => {\n          this.dromo.registerColumnHook(hook.fieldName, hook.callback)\n        })\n      }\n\n      if (this.props.rowDeleteHooks) {\n        this.props.rowDeleteHooks.forEach((hook) => {\n          return this.dromo.registerRowDeleteHook(hook)\n        })\n      }\n\n      if (this.props.beforeFinish) {\n        this.dromo.beforeFinish(this.props.beforeFinish)\n      }\n\n      if (this.props.onResults) {\n        this.dromo.onResults(this.props.onResults)\n      }\n\n      if (this.props.onCancel) {\n        this.dromo.onCancel(this.props.onCancel)\n      }\n\n      if (this.props.stepHooks) {\n        this.props.stepHooks.forEach((hook) => {\n          this.dromo.registerStepHook(hook.type, hook.callback)\n        })\n      }\n\n      this.dromo.open()\n    }\n  }\n\n  render() {\n    return (\n      <button\n        style={this.props.style}\n        className={this.props.className}\n        onClick={this.open}\n      >\n        {this.props.children}\n      </button>\n    )\n  }\n}\n\nexport {\n  IDeveloperField,\n  IDeveloperSettings,\n  IUser,\n  IColumnHookInput,\n  IColumnHookOutput,\n  IColumnHook,\n  IRowHookInput,\n  IRowHookOutput,\n  IRowHook,\n  IValidatorField,\n  IDeveloperStyleOverrides,\n  IResultMetadata,\n  EStepHook,\n  IStepHook,\n  IRowDeleteHook\n}\n"],"names":["EStepHook","EInvalidDataBehavior","EBackendSyncMode","SCRIPT_SRC","SCRIPT_LOADED_EVENT","DromoReactUploader","window","props","dromo","DromoUploader","licenseKey","fields","settings","user","schemaName","setDevelopmentMode","developmentMode","setUser","setHeaderRowOverride","headerRowOverride","rowHooks","forEach","hook","registerRowHook","bulkRowHooks","registerBulkRowHook","columnHooks","registerColumnHook","fieldName","callback","rowDeleteHooks","registerRowDeleteHook","beforeFinish","onResults","onCancel","stepHooks","registerStepHook","type","open","componentDidMount","loadingScript","Array","from","document","getElementsByTagName","find","s","src","script","createElement","async","onload","event","Event","dispatchEvent","body","appendChild","render","React","style","className","onClick","children"],"mappings":"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"}

package/dist/interfaces.d.ts

@@ -1,7 +1,7 @@
 declare type MaybeAsync<T> = T | Promise<T>;
 export interface IConnectionMethods {
     init: (licenseKey: string, fields: IDeveloperField[], settings: IDeveloperSettings, user: IUser, appHost?: string) => void;
-    initFromSavedSchema: (licenseKey: string, schemaName: string, appHost: string) => void;
+    initFromSavedSchema: (licenseKey: string, schemaName: string, appHost: string, options?: IImporterOptions) => void;
     setHeaderRowOverride: (headerRowOverride: number | null) => void;
     setNumRegisteredColHooks: (numColHooks: number) => void;
     setNumRegisteredRowHooks: (numRowHooks: number) => void;
@@ -10,8 +10,9 @@ export interface IConnectionMethods {
     addField: (field: IDeveloperField, position?: IPositionSpec) => void;
     removeField: (fieldKey: string) => void;
     updateInfoMessages: (messages: IMessagesForCell[]) => void;
+    setDevelopmentMode: (developmentMode: boolean) => void;
 }
-export declare type IPublicConnectionMethods = Pick<IConnectionMethods, "addField" | "updateInfoMessages" | "setHeaderRowOverride" | "setUser" | "removeField">;
+export declare type IPublicConnectionMethods = Pick<IConnectionMethods, "addField" | "updateInfoMessages" | "setHeaderRowOverride" | "setUser" | "removeField" | "setDevelopmentMode">;
 export declare type IDeveloperFieldType = "string" | "checkbox" | "select" | "number" | "date" | "datetime" | "time" | "email";
 export interface IAbstractDeveloperFieldUntyped {
     label: string;
@@ -23,18 +24,20 @@ export interface IAbstractDeveloperFieldUntyped {
     invalidValueMessage?: string;
     readOnly?: boolean;
     hidden?: boolean;
+    requireMapping?: boolean;
 }
 export interface IAbstractDeveloperField<FieldType extends IDeveloperFieldType, FieldOpts = Record<string, never>> extends Omit<IAbstractDeveloperFieldUntyped, "type"> {
     type: FieldType | [FieldType, FieldOpts];
 }
 declare type IStringField = IAbstractDeveloperFieldUntyped | IAbstractDeveloperField<"string">;
 declare type ICheckboxField = IAbstractDeveloperField<"checkbox">;
+export interface IDeveloperSelectOption {
+    label: string;
+    value: string;
+    alternateMatches?: string[];
+}
 export interface ISelectField extends IAbstractDeveloperField<"select"> {
-    selectOptions: {
-        label: string;
-        value: string;
-        alternateMatches?: string[];
-    }[];
+    selectOptions: IDeveloperSelectOption[];
 }
 declare type INumberPreset = "default" | "percent" | "percent_0" | "percent_1" | "percent_2" | "percent_3" | "percent_4" | "decimal_0" | "decimal_1" | "decimal_2" | "decimal_3" | "decimal_4" | "integer" | "plain" | "usd" | "usd_accounting" | "eur" | "gbp";
 interface INumbroFormat {
@@ -154,6 +157,7 @@ export interface IDeveloperSettings {
     locale?: TLocaleShorthand;
     templateDownloadFilename?: string;
     browserExcelParsing?: boolean;
+    redesign?: string;
 }
 export interface IDeveloperStyleOverrides {
     global?: {
@@ -333,4 +337,9 @@ export declare type IPositionSpec = {
 } | {
     after: string;
 };
+export declare type IImporterOptions = {
+    user?: IUser;
+    developmentMode?: boolean;
+    headerRowOverride?: number | null;
+};
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dromo-uploader-react",
-  "version": "1.3.5",
+  "version": "1.3.7",
   "description": "Easy to use data (CSV, TSV, Excel) importer",
   "author": "ankitgoyal100",
   "license": "MIT",