@wise/wds-codemods 1.0.0-experimental-601f194 → 1.0.0-experimental-49d2d08

package/dist/transformer-DnE3TyyV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformer-DnE3TyyV.js","names":["modifiedFiles: string[]","findFilesWithImports","assessPrerequisites"],"sources":["../src/constants.ts","../src/transforms/list-item/constants.ts","../src/transforms/list-item/helpers.ts","../src/transforms/list-item/claude.ts","../src/transforms/list-item/transformer.ts"],"sourcesContent":["export const CONSOLE_ICONS = {\n  info: '\\x1b[34mℹ\\x1b[0m', // Blue info icon\n  focus: '\\x1b[34m➙\\x1b[0m', // Blue arrow icon\n  success: '\\x1b[32m✔\\x1b[0m', // Green checkmark\n  warning: '\\x1b[33m⚠\\x1b[0m', // Yellow warning icon\n  error: '\\x1b[31m✖\\x1b[0m', // Red cross icon\n};\n","const DEPRECATED_COMPONENT_NAMES = [\n  'ActionOption',\n  'NavigationOption',\n  'NavigationOptionsList',\n  'Summary',\n  'SwitchOption',\n  'CheckboxOption',\n  'RadioOption',\n];\n\nconst MIGRATION_RULES = `Migration rules:\n# Legacy Component → ListItem Migration Guide\n\n## Universal Rules\n\n1. Wrap all \\`ListItem\\` in \\`<List>\\`\n2. \\`title\\` → \\`title\\` (direct)\n3. \\`content\\` or \\`description\\` → \\`subtitle\\`\n4. \\`disabled\\` stays on \\`ListItem\\` (not controls)\n5. Keep HTML attributes (\\`id\\`, \\`name\\`, \\`aria-label\\`), remove: \\`as\\`, \\`complex\\`, \\`showMediaAtAllSizes\\`, \\`showMediaCircle\\`, \\`isContainerAligned\\`\n\n---\n\n## ActionOption → ListItem.Button\n\n- \\`action\\` → Button children\n- \\`onClick\\` → Button \\`onClick\\`\n- Priority: default/\\`\"primary\"\\` → \\`\"primary\"\\`, \\`\"secondary\"\\` → \\`\"secondary-neutral\"\\`, \\`\"secondary-send\"\\` → \\`\"secondary\"\\`, \\`\"tertiary\"\\` → \\`\"tertiary\"\\`\n\n\\`\\`\\`tsx\n<ActionOption title=\"Title\" content=\"Text\" action=\"Click\" priority=\"secondary\" onClick={fn} />\n→\n<List><ListItem title=\"Title\" subtitle=\"Text\" control={<ListItem.Button priority=\"secondary-neutral\" onClick={fn}>Click</ListItem.Button>} /></List>\n\\`\\`\\`\n\n---\n\n## CheckboxOption → ListItem.Checkbox\n\n- \\`onChange\\`: \\`(checked: boolean)\\` → \\`(event: ChangeEvent)\\` use \\`event.target.checked\\`\n- \\`id\\`, \\`name\\` move to Checkbox\n\n\\`\\`\\`tsx\n<CheckboxOption id=\"x\" name=\"y\" title=\"Title\" content=\"Text\" checked={v} onChange={(c) => set(c)} />\n→\n<List><ListItem title=\"Title\" subtitle=\"Text\" control={<ListItem.Checkbox id=\"x\" name=\"y\" checked={v} onChange={(e) => set(e.target.checked)} />} /></List>\n\\`\\`\\`\n\n---\n\n## RadioOption → ListItem.Radio\n\n- \\`id\\`, \\`name\\`, \\`value\\`, \\`checked\\`, \\`onChange\\` move to Radio\n\n\\`\\`\\`tsx\n<RadioOption id=\"x\" name=\"y\" value=\"v\" title=\"Title\" content=\"Text\" checked={v==='v'} onChange={set} />\n→\n<List><ListItem title=\"Title\" subtitle=\"Text\" control={<ListItem.Radio id=\"x\" name=\"y\" value=\"v\" checked={v==='v'} onChange={set} />} /></List>\n\\`\\`\\`\n\n---\n\n## SwitchOption → ListItem.Switch\n\n- \\`onChange\\` → \\`onClick\\`, toggle manually\n- \\`aria-label\\` moves to Switch\n\n\\`\\`\\`tsx\n<SwitchOption title=\"Title\" content=\"Text\" checked={v} aria-label=\"Toggle\" onChange={set} />\n→\n<List><ListItem title=\"Title\" subtitle=\"Text\" control={<ListItem.Switch checked={v} aria-label=\"Toggle\" onClick={() => set(!v)} />} /></List>\n\\`\\`\\`\n\n---\n\n## NavigationOption → ListItem.Navigation\n\n- \\`onClick\\` or \\`href\\` move to Navigation\n\n\\`\\`\\`tsx\n<NavigationOption title=\"Title\" content=\"Text\" onClick={fn} />\n→\n<List><ListItem title=\"Title\" subtitle=\"Text\" control={<ListItem.Navigation onClick={fn} />} /></List>\n\\`\\`\\`\n\n---\n\n## Option → ListItem\n\n- Wrap \\`media\\` in \\`ListItem.AvatarView\\`\n\n\\`\\`\\`tsx\n<Option media={<Icon />} title=\"Title\" />\n→\n<List><ListItem title=\"Title\" media={<ListItem.AvatarView><Icon /></ListItem.AvatarView>} /></List>\n\\`\\`\\`\n\n---\n\n## Summary → ListItem\n\n**Basic:**\n\n- \\`icon\\` → wrap in \\`ListItem.AvatarView\\` with \\`size={32}\\` as \\`media\\`\n\n**Status:**\n\n- \\`Status.DONE\\` → \\`badge={{ status: 'positive' }}\\`\n- \\`Status.PENDING\\` → \\`badge={{ status: 'pending' }}\\`\n- \\`Status.NOT_DONE\\` → no badge\n\n**Action:**\n\n- \\`action.text\\` → \\`action.label\\` in \\`ListItem.AdditionalInfo\\` as \\`additionalInfo\\`\n\n**Info (requires state):**\n\n- \\`MODAL\\` → \\`ListItem.IconButton partiallyInteractive\\` + \\`<Modal>\\` in \\`control\\`\n- \\`POPOVER\\` → \\`<Popover>\\` wrapping \\`ListItem.IconButton partiallyInteractive\\` in \\`control\\`\n- Use \\`QuestionMarkCircle\\` icon\n\n\\`\\`\\`tsx\n// Basic\n<Summary title=\"T\" description=\"D\" icon={<Icon />} />\n→\n<List><ListItem title=\"T\" subtitle=\"D\" media={<ListItem.AvatarView size={32}><Icon /></ListItem.AvatarView>} /></List>\n\n// Status\n<Summary title=\"T\" description=\"D\" icon={<Icon />} status={Status.DONE} />\n→\n<List><ListItem title=\"T\" subtitle=\"D\" media={<ListItem.AvatarView size={32} badge={{status:'positive'}}><Icon /></ListItem.AvatarView>} /></List>\n\n// Action\n<Summary title=\"T\" description=\"D\" icon={<Icon />} action={{text:'Go', href:'/go'}} />\n→\n<List><ListItem title=\"T\" subtitle=\"D\" media={<ListItem.AvatarView size={32}><Icon /></ListItem.AvatarView>} additionalInfo={<ListItem.AdditionalInfo action={{label:'Go', href:'/go'}} />} /></List>\n\n// Modal (add: const [open, setOpen] = useState(false))\n<Summary title=\"T\" description=\"D\" icon={<Icon />} info={{title:'Help', content:'Text', presentation:'MODAL', 'aria-label':'Info'}} />\n→\n<List><ListItem title=\"T\" subtitle=\"D\" media={<ListItem.AvatarView size={32}><Icon /></ListItem.AvatarView>} control={<ListItem.IconButton partiallyInteractive aria-label=\"Info\" onClick={()=>setOpen(!open)}><QuestionMarkCircle /><Modal open={open} title=\"Help\" body=\"Text\" onClose={()=>setOpen(false)} /></ListItem.IconButton>} /></List>\n\n// Popover\n<Summary title=\"T\" description=\"D\" icon={<Icon />} info={{title:'Help', content:'Text', presentation:'POPOVER', 'aria-label':'Info'}} />\n→\n<List><ListItem title=\"T\" subtitle=\"D\" media={<ListItem.AvatarView size={32}><Icon /></ListItem.AvatarView>} control={<Popover title=\"Help\" content=\"Text\" onClose={()=>setOpen(false)}><ListItem.IconButton partiallyInteractive aria-label=\"Info\"><QuestionMarkCircle /></ListItem.IconButton></Popover>} /></List>\n\\`\\`\\`\n\n---\n\n## DefinitionList → Multiple ListItem\n\n- Array → individual \\`ListItem\\`s\n- \\`value\\` → \\`subtitle\\`\n- \\`key\\` → React \\`key\\` prop\n- Action type: \"Edit\"/\"Update\"/\"View\" → \\`ListItem.Button priority=\"secondary-neutral\"\\`, \"Change\"/\"Password\" → \\`ListItem.Navigation\\`, \"Copy\" → \\`ListItem.IconButton\\`\n\n\\`\\`\\`tsx\n<DefinitionList definitions={[\n  {title:'T1', value:'V1', key:'k1'},\n  {title:'T2', value:'V2', key:'k2', action:{label:'Edit', onClick:fn}}\n]} />\n→\n<List>\n  <ListItem key=\"k1\" title=\"T1\" subtitle=\"V1\" />\n  <ListItem key=\"k2\" title=\"T2\" subtitle=\"V2\" control={<ListItem.Button priority=\"secondary-neutral\" onClick={fn}>Edit</ListItem.Button>} />\n</List>\n\\`\\`\\`\n`;\n\nexport const SYSTEM_PROMPT = `Transform TypeScript/JSX code from legacy Wise Design System (WDS) components to the new ListItem component and ListItem subcomponents from '@transferwise/components'.\n\nRead and transform each file individually, instead of reading them all at the start. Only make a single edit or write per file, once you've fully processed it.\n\nRules:\n1. Ignore any files that do not contain deprecated WDS components, unless they are necessary for context.\n2. Migrate components per provided migration rules\n3. Maintain TypeScript type safety and update types to match new API\n4. Map props: handle renamed, deprecated, new required, and changed types\n5. Update imports to new WDS components and types\n6. Preserve code style, formatting, and calculated logic\n7. Handle conditional rendering, spread props, and complex expressions\n8. Note: New components may lack feature parity with legacy versions\n9. Only modify code requiring changes per migration rules, and any impacted surrounding code for context.\n10. Provide only the transformed code as output, without explanations or additional text\n11. Do not summarise the initial user request in a response.\n12. Use glob or grep tool usage to find the files with deprecated components.\n13. Final result response should just be whether the migration was successful overall, or if any errors were encountered\n\nMake the necessary updates to the files and do not respond with any explanations or reasoning. \n\nYou'll receive:\n- File paths/directories to search in individual queries\n- Deprecated component names at the end of this prompt\n- Migration context and rules for each deprecated component\n\nDeprecated components: ${DEPRECATED_COMPONENT_NAMES.join(', ')}.\n\n${MIGRATION_RULES}`;\n","/** Split the path to get the relative path after the directory, and wrap with ANSI color codes */\nexport function formatPathOutput(directory: string, path?: string): string {\n  return `\\x1b[32m${path ? (path.split(directory)[1] ?? path) : directory}\\x1b[0m`;\n}\n\n/** Generates a formatted string representing the total elapsed time since the given start time */\nexport function generateElapsedTime(startTime: number): string {\n  const endTime = Date.now();\n  const elapsedTime = Math.floor((endTime - startTime) / 1000);\n  const hours = Math.floor(elapsedTime / 3600);\n  const minutes = Math.floor((elapsedTime % 3600) / 60);\n  const seconds = elapsedTime % 60;\n\n  return `${hours ? `${hours}h ` : ''}${minutes ? `${minutes}m ` : ''}${seconds ? `${seconds}s` : ''}`;\n}\n","import { type Options, query } from '@anthropic-ai/claude-agent-sdk';\nimport { execSync } from 'child_process';\nimport { readFileSync } from 'fs';\nimport { resolve } from 'path';\n\nimport { CONSOLE_ICONS } from '../../constants';\nimport { SYSTEM_PROMPT } from './constants';\nimport { formatPathOutput } from './helpers';\nimport type { ClaudeResponseToolUse, ClaudeSettings } from './types';\n\nconst CLAUDE_SETTINGS_FILE = '.claude/settings.json';\n\nexport function getQueryOptions(sessionId?: string, isDebug?: boolean): Options {\n  // Read settings from ~/.claude/settings.json to get headers and apiKeyHelper\n  const claudeSettingsPath = resolve(process.env.HOME || '', CLAUDE_SETTINGS_FILE);\n  const settings = JSON.parse(readFileSync(claudeSettingsPath, 'utf-8')) as ClaudeSettings;\n\n  // Get API key by executing the apiKeyHelper script, for authenticating with Okta via LLM Gateway\n  let apiKey;\n  try {\n    apiKey = execSync(`bash ${settings.apiKeyHelper}`, {\n      encoding: 'utf-8',\n    }).trim();\n  } catch {}\n\n  if (!apiKey) {\n    throw new Error(\n      'Failed to retrieve Anthropic API key. Please check your Claude Code x LLM Gateway configuration - https://transferwise.atlassian.net/wiki/x/_YUe3Q',\n    );\n  }\n\n  const envVars = {\n    ANTHROPIC_AUTH_TOKEN: apiKey,\n    ANTHROPIC_BASE_URL: settings?.env?.ANTHROPIC_BASE_URL,\n    ANTHROPIC_CUSTOM_HEADERS: settings?.env?.ANTHROPIC_CUSTOM_HEADERS,\n    ANTHROPIC_DEFAULT_SONNET_MODEL: settings.env?.ANTHROPIC_DEFAULT_SONNET_MODEL,\n    ANTHROPIC_DEFAULT_HAIKU_MODEL: settings.env?.ANTHROPIC_DEFAULT_HAIKU_MODEL,\n    ANTHROPIC_DEFAULT_OPUS_MODEL: settings.env?.ANTHROPIC_DEFAULT_OPUS_MODEL,\n    API_TIMEOUT_MS: settings.env?.API_TIMEOUT_MS,\n    PATH: process.env.PATH, // Specifying PATH as Claude Agent SDK seems to struggle consuming the actual environment PATH\n  };\n\n  // if (isDebug) {\n  //   console.debug(`${CONSOLE_ICONS.info} Resolved Claude environment variables:`, JSON.stringify(envVars));\n  // }\n\n  return {\n    resume: sessionId,\n    env: envVars,\n    permissionMode: 'acceptEdits',\n    systemPrompt: {\n      type: 'preset',\n      preset: 'claude_code',\n      append: SYSTEM_PROMPT,\n    },\n    settingSources: ['local', 'project', 'user'],\n  };\n}\n\n// Initiate a new Claude session/conversation and return reusable session ID\nexport async function initiateClaudeSessionOptions(isDebug = false): Promise<Options> {\n  console.log(\n    `${CONSOLE_ICONS.info} Starting Claude instance - your browser may open for Okta authentication if required.`,\n  );\n\n  const options = getQueryOptions(undefined, isDebug);\n  const result = query({\n    options,\n    prompt: `You'll be given directories in additional individual queries to search in for files using deprecated Wise Design System (WDS) components. Migrate the code per the provided migration rules.`,\n  });\n\n  for await (const message of result) {\n    switch (message.type) {\n      case 'system':\n        if (message.subtype === 'init' && !options.resume) {\n          console.log(`${CONSOLE_ICONS.success} Successfully initialised Claude instance`);\n          options.resume = message.session_id;\n        }\n        break;\n      default:\n        if (message.type === 'result' && message.subtype !== 'success') {\n          console.log(\n            `${CONSOLE_ICONS.error} Claude encountered an error: ${message.errors.join('\\n')}`,\n          );\n        }\n    }\n  }\n\n  return options;\n}\n\nexport async function queryClaude(path: string, options: Options, isDebug = false) {\n  const result = query({\n    options,\n    prompt: path,\n  });\n  const modifiedFiles: string[] = [];\n\n  for await (const message of result) {\n    switch (message.type) {\n      case 'assistant':\n        for (const msg of message.message.content) {\n          switch (msg.type) {\n            // Handles logging of tool uses to determine key stages of the migration ()\n            case 'tool_use':\n              if (msg.name === 'Glob' || msg.name === 'Grep') {\n                console.log(\n                  `${CONSOLE_ICONS.focus} Processing directory: ${formatPathOutput(path)}...`,\n                );\n                // NOTE: Possibly want to only log reading files when in debug mode, to reduce noise\n              } else if (msg.name === 'Read') {\n                console.log(\n                  `${CONSOLE_ICONS.info} Reading ${formatPathOutput(path, (msg as ClaudeResponseToolUse).input.file_path)}`,\n                );\n              } else if (\n                (msg.name === 'Write' || msg.name === 'Edit') &&\n                !modifiedFiles.includes((msg as ClaudeResponseToolUse).input.file_path) // Safeguard against duplicate logs, where Claude may write multiple times to the same file\n              ) {\n                modifiedFiles.push((msg as ClaudeResponseToolUse).input.file_path);\n                console.log(\n                  `${CONSOLE_ICONS.info} Migrated ${formatPathOutput(path, (msg as ClaudeResponseToolUse).input.file_path)}`,\n                );\n              }\n              break;\n            default:\n          }\n        }\n        break;\n      case 'result':\n        if (message.subtype === 'success') {\n          // TODO: Handle case where migration failed for some files?\n          console.log(\n            `${CONSOLE_ICONS.success} Migrated all applicable files in ${formatPathOutput(path)}`,\n          );\n        } else {\n          console.log(\n            `${CONSOLE_ICONS.error} Claude encountered an error: ${message.errors.join('\\n').trim()}`,\n          );\n        }\n        break;\n      default:\n    }\n  }\n}\n","import { CONSOLE_ICONS } from '../../constants';\nimport { assessPrerequisites } from '../../controller/helpers';\nimport { findFilesWithImports } from '../../helpers';\nimport { initiateClaudeSessionOptions, queryClaude } from './claude';\nimport { generateElapsedTime } from './helpers';\n\nconst SRC = '@transferwise/components';\nconst COMPONENTS = [\n  'ActionOption',\n  'RadioOption',\n  'CheckboxOption',\n  'NavigationOption',\n  'Summary',\n  'DefinitionList',\n  'NavigationOptionList',\n];\n\nconst transformer = async (targetPaths: string[], codemodPath: string, isDebug = false) => {\n  const startTime = Date.now();\n\n  // TODO: We need to check whether the user is connected to the VPN\n\n  const queryOptions = await initiateClaudeSessionOptions(isDebug);\n\n  console.log(`${CONSOLE_ICONS.info} Analysing targetted paths - this may take a while...`);\n\n  const files = findFilesWithImports(targetPaths, SRC, COMPONENTS);\n\n  if (files.length === 0) {\n    console.log(`${CONSOLE_ICONS.info} No files with List Item-related imports found. Skipping.`);\n  } else {\n    for (const filePath of files) {\n      // TODO: Potential improvement could be getting all of the file paths first -\n      // Make sure claude can still handle related files (imported components/wrapping parents)\n      // Get all files within directory, and call queryClaude for each file\n      if (assessPrerequisites(filePath, codemodPath)) {\n        await queryClaude(filePath, queryOptions, isDebug);\n      }\n    }\n\n    // await queryClaude(directory, queryOptions, isDebug);\n  }\n\n  console.log(\n    `${CONSOLE_ICONS.success} Finished migrating - elapsed time: \\x1b[1m${generateElapsedTime(startTime)}\\x1b[0m`,\n  );\n};\n\nexport default transformer;\n"],"mappings":"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"}

package/dist/transforms/button/transformer.js

@@ -1,353 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const require_helpers = require('../../helpers-RWhTD5Is.js');
+const require_helpers = require('../../helpers-59xSDDPO.js');
 
-//#region src/helpers/addImport.ts
-/**
-* Adds a named import if it doesn't already exist.
-*/
-function addImport(root, sourceValue, importName, j) {
-	const existingImports = root.find(j.ImportDeclaration, { source: { value: sourceValue } });
-	if (existingImports.size() > 0) {
-		if (existingImports.find(j.ImportSpecifier, { imported: { name: importName } }).size() > 0) return;
-		existingImports.forEach((path) => {
-			if (path.node.specifiers) path.node.specifiers.push(j.importSpecifier(j.identifier(importName)));
-		});
-	} else {
-		const newImport = j.importDeclaration([j.importSpecifier(j.identifier(importName))], j.literal(sourceValue));
-		const firstImport = root.find(j.ImportDeclaration).at(0);
-		if (firstImport.size() > 0) firstImport.insertBefore(newImport);
-		else {
-			const program = root.find(j.Program);
-			if (program.size() > 0) program.get("body", 0).insertBefore(newImport);
-		}
-	}
-}
-var addImport_default = addImport;
-
-//#endregion
-//#region src/helpers/hasImport.ts
-/**
-* Checks if a specific import exists in the given root collection and provides
-* a method to remove it if found.
-*/
-function hasImport(root, sourceValue, importName, j) {
-	const importDeclarations = root.find(j.ImportDeclaration, { source: { value: sourceValue } });
-	/**
-	* Finds all ImportSpecifier nodes that expose `importName` but
-	* from a different source than `sourceValue`.
-	*/
-	const conflictingImports = (() => {
-		const result = [];
-		root.find(j.ImportDeclaration).filter((path) => path.node.source.value !== sourceValue).forEach((path) => {
-			for (const specifier of path.node.specifiers ?? []) if (specifier.type === "ImportSpecifier" && specifier.imported.name === importName && specifier.local?.name === importName) result.push(specifier);
-		});
-		return result;
-	})();
-	if (importDeclarations.size() === 0) return {
-		exists: false,
-		remove: () => {},
-		resolvedName: importName,
-		conflictingImports
-	};
-	const namedImport = importDeclarations.find(j.ImportSpecifier, { imported: { name: importName } });
-	const defaultImport = importDeclarations.find(j.ImportDefaultSpecifier, { local: { name: importName } });
-	const aliasImport = importDeclarations.find(j.ImportSpecifier).filter((path) => {
-		return path.node.imported.name === importName && path.node.imported.name !== path.node.local?.name;
-	});
-	const exists = namedImport.size() > 0 || defaultImport.size() > 0;
-	const resolveName = () => {
-		if (aliasImport.size() > 0) {
-			const localName = aliasImport.get(0).node.local?.name;
-			if (typeof localName === "string") return localName;
-			if (localName && typeof localName === "object" && "name" in localName && typeof localName.name === "string") return localName.name;
-			return importName;
-		}
-		return importName;
-	};
-	const remove = () => {
-		importDeclarations.forEach((path) => {
-			const filteredSpecifiers = path.node.specifiers?.filter((specifier) => {
-				if (specifier.type === "ImportSpecifier" && specifier.imported.name === importName) return false;
-				if (specifier.type === "ImportDefaultSpecifier" && specifier.local?.name === importName) return false;
-				return true;
-			}) ?? [];
-			if (filteredSpecifiers.length === 0) path.prune();
-			else j(path).replaceWith(j.importDeclaration(filteredSpecifiers, path.node.source, path.node.importKind));
-		});
-	};
-	return {
-		exists,
-		remove,
-		aliases: aliasImport,
-		resolvedName: resolveName(),
-		conflictingImports
-	};
-}
-var hasImport_default = hasImport;
-
-//#endregion
-//#region src/helpers/iconUtils.ts
-/**
-* Process children of a JSX element to detect icon components and add iconStart or iconEnd attributes accordingly.
-* This is specific to icon handling but can be reused in codemods dealing with icon children.
-*/
-const processIconChildren = (j, children, iconImports, openingElement) => {
-	if (!children || !openingElement.attributes) return;
-	const unwrapJsxElement = (node) => {
-		if (typeof node === "object" && node !== null && "type" in node && node.type === "JSXExpressionContainer" && j.JSXElement.check(node.expression)) return node.expression;
-		return node;
-	};
-	const totalChildren = children.length;
-	const iconChildIndex = children.findIndex((child) => {
-		const unwrapped = unwrapJsxElement(child);
-		return j.JSXElement.check(unwrapped) && unwrapped.openingElement.name.type === "JSXIdentifier" && iconImports.has(unwrapped.openingElement.name.name);
-	});
-	if (iconChildIndex === -1) return;
-	const iconChild = unwrapJsxElement(children[iconChildIndex]);
-	if (!iconChild || iconChild.openingElement.name.type !== "JSXIdentifier") return;
-	iconChild.openingElement.name.name;
-	const iconPropName = iconChildIndex <= totalChildren - 1 - iconChildIndex ? "addonStart" : "addonEnd";
-	const iconObject = j.objectExpression([j.property("init", j.identifier("type"), j.literal("icon")), j.property("init", j.identifier("value"), iconChild)]);
-	const iconProp = j.jsxAttribute(j.jsxIdentifier(iconPropName), j.jsxExpressionContainer(iconObject));
-	openingElement.attributes.push(iconProp);
-	children.splice(iconChildIndex, 1);
-	const isWhitespaceJsxText = (node) => {
-		return typeof node === "object" && node !== null && node.type === "JSXText" && typeof node.value === "string" && node.value.trim() === "";
-	};
-	if (iconChildIndex - 1 >= 0 && isWhitespaceJsxText(children[iconChildIndex - 1])) children.splice(iconChildIndex - 1, 1);
-	else if (isWhitespaceJsxText(children[iconChildIndex])) children.splice(iconChildIndex, 1);
-};
-var iconUtils_default = processIconChildren;
-
-//#endregion
-//#region src/helpers/jsxElementUtils.ts
-/**
-* Rename a JSX element name if it is a JSXIdentifier.
-*/
-const setNameIfJSXIdentifier = (elementName, newName) => {
-	if (elementName && elementName.type === "JSXIdentifier") return {
-		...elementName,
-		name: newName
-	};
-	return elementName;
-};
-/**
-* Check if a list of attributes contains a specific attribute by name.
-*/
-const hasAttribute = (attributes, attributeName) => {
-	return Array.isArray(attributes) && attributes.some((attr) => attr.type === "JSXAttribute" && attr.name.type === "JSXIdentifier" && attr.name.name === attributeName);
-};
-/**
-* Check if a JSX element's openingElement has a specific attribute.
-*/
-const hasAttributeOnElement = (element, attributeName) => {
-	return hasAttribute(element.attributes, attributeName);
-};
-/**
-* Add specified attributes to a JSX element's openingElement if they are not already present.
-*/
-const addAttributesIfMissing = (j, openingElement, attributesToAdd) => {
-	if (!Array.isArray(openingElement.attributes)) return;
-	const attrs = openingElement.attributes;
-	attributesToAdd.forEach(({ attribute, name }) => {
-		if (!hasAttributeOnElement(openingElement, name)) attrs.push(attribute);
-	});
-};
-/**
-* Returns a collection of JSX elements that match the specified
-* exported name or names of the found aliases.
-*/
-const findJSXElementsByName = (root, j) => (exportedName, aliases) => {
-	const aliasNames = aliases?.size() ? aliases.paths().map((path) => path.node.local?.name) : [];
-	return root.find(j.JSXElement).filter((path) => {
-		const { name } = path.node.openingElement;
-		return name.type === "JSXIdentifier" && (name.name === exportedName || aliasNames.includes(name.name));
-	});
-};
-/**
-* Removes an attribute by name from a JSX element's openingElement.
-*/
-const removeAttributeByName = (j, openingElement, attributeName) => {
-	if (!Array.isArray(openingElement.attributes)) return;
-	openingElement.attributes = openingElement.attributes.filter((attr) => {
-		return !(attr.type === "JSXAttribute" && attr.name.type === "JSXIdentifier" && attr.name.name === attributeName);
-	});
-};
-
-//#endregion
-//#region src/helpers/jsxReportingUtils.ts
-/**
-* CodemodReporter is a utility class for reporting issues found during codemod transformations.
-* It provides methods to report issues related to JSX elements, props, and attributes.
-*
-* @example
-* ```typescript
-* const issues: string[] = [];
-* const reporter = createReporter(j, issues);
-*
-* // Report a deprecated prop
-* reporter.reportDeprecatedProp(buttonElement, 'flat', 'variant="text"');
-*
-* // Report complex expression that needs review
-* reporter.reportAmbiguousExpression(element, 'size');
-*
-* // Auto-detect common issues
-* reporter.reportAttributeIssues(element);
-* ```
-*/
-var CodemodReporter = class {
-	j;
-	issues;
-	constructor(options) {
-		this.j = options.jscodeshift;
-		this.issues = options.issues;
-	}
-	/**
-	* Reports an issue with a JSX element
-	*/
-	reportElement(element, reason) {
-		const node = this.getNode(element);
-		const componentName = this.getComponentName(node);
-		const line = this.getLineNumber(node);
-		this.addIssue(`Manual review required: <${componentName}> at line ${line} ${reason}.`);
-	}
-	/**
-	* Reports an issue with a specific prop
-	*/
-	reportProp(element, propName, reason) {
-		const node = this.getNode(element);
-		const componentName = this.getComponentName(node);
-		const line = this.getLineNumber(node);
-		this.addIssue(`Manual review required: prop "${propName}" on <${componentName}> at line ${line} ${reason}.`);
-	}
-	/**
-	* Reports an issue with a JSX attribute directly
-	*/
-	reportAttribute(attr, element, reason) {
-		const node = this.getNode(element);
-		const componentName = this.getComponentName(node);
-		const propName = this.getAttributeName(attr);
-		const line = this.getLineNumber(attr) || this.getLineNumber(node);
-		const defaultReason = this.getAttributeReason(attr);
-		const finalReason = reason || defaultReason;
-		this.addIssue(`Manual review required: prop "${propName}" on <${componentName}> at line ${line} ${finalReason}.`);
-	}
-	/**
-	* Reports spread props on an element
-	*/
-	reportSpreadProps(element) {
-		this.reportElement(element, "contains spread props that need manual review");
-	}
-	/**
-	* Reports conflicting prop and children
-	*/
-	reportPropWithChildren(element, propName) {
-		this.reportProp(element, propName, `conflicts with children - both "${propName}" prop and children are present`);
-	}
-	/**
-	* Reports unsupported prop value
-	*/
-	reportUnsupportedValue(element, propName, value) {
-		this.reportProp(element, propName, `has unsupported value "${value}"`);
-	}
-	/**
-	* Reports ambiguous expression in prop
-	*/
-	reportAmbiguousExpression(element, propName) {
-		this.reportProp(element, propName, "contains a complex expression that needs manual review");
-	}
-	/**
-	* Reports ambiguous children (like dynamic icons)
-	*/
-	reportAmbiguousChildren(element, childType = "content") {
-		this.reportElement(element, `contains ambiguous ${childType} that needs manual review`);
-	}
-	/**
-	* Reports deprecated prop usage
-	*/
-	reportDeprecatedProp(element, propName, alternative) {
-		const suggestion = alternative ? ` Use ${alternative} instead` : "";
-		this.reportProp(element, propName, `is deprecated${suggestion}`);
-	}
-	/**
-	* Reports missing required prop
-	*/
-	reportMissingRequiredProp(element, propName) {
-		this.reportProp(element, propName, "is required but missing");
-	}
-	/**
-	* Reports conflicting props
-	*/
-	reportConflictingProps(element, propNames) {
-		const propList = propNames.map((name) => `"${name}"`).join(", ");
-		this.reportElement(element, `has conflicting props: ${propList} cannot be used together`);
-	}
-	/**
-	* Auto-detects and reports common attribute issues
-	*/
-	reportAttributeIssues(element) {
-		const { attributes } = this.getNode(element).openingElement;
-		if (!attributes) return;
-		if (attributes.some((attr) => attr.type === "JSXSpreadAttribute")) this.reportSpreadProps(element);
-		attributes.forEach((attr) => {
-			if (attr.type === "JSXAttribute" && attr.value?.type === "JSXExpressionContainer") this.reportAttribute(attr, element);
-		});
-	}
-	/**
-	* Finds and reports instances of components that are under an alias (imported with a different name)
-	*/
-	reportAliases(element) {
-		this.reportElement(element, "is used via an import alias and needs manual review");
-	}
-	/**
-	* Finds and reports instances of non-DS import declarations that conflict with the component name
-	*/
-	reportConflictingImports(node) {
-		this.addIssue(`Manual review required: Non-WDS package resulting in an import conflict at line ${this.getLineNumber(node)}.`);
-	}
-	/**
-	* Reports enum usage for future conversion tracking
-	*/
-	reportEnumUsage(element, propName, enumValue) {
-		this.reportProp(element, propName, `uses enum value "${enumValue}" which has been preserved but should be migrated to a string literal in the future`);
-	}
-	getNode(element) {
-		return "node" in element ? element.node : element;
-	}
-	getComponentName(node) {
-		const { name } = node.openingElement;
-		if (name.type === "JSXIdentifier") return name.name;
-		return this.j(name).toSource();
-	}
-	getLineNumber(node) {
-		return node.loc?.start.line?.toString() || "unknown";
-	}
-	getAttributeName(attr) {
-		if (attr.name.type === "JSXIdentifier") return attr.name.name;
-		return this.j(attr.name).toSource();
-	}
-	getAttributeReason(attr) {
-		if (!attr.value) return "has no value";
-		if (attr.value.type === "JSXExpressionContainer") {
-			const expr = attr.value.expression;
-			const expressionType = expr.type.replace("Expression", "").toLowerCase();
-			if (expr.type === "Identifier" || expr.type === "MemberExpression") return `contains a ${expressionType} (${this.j(expr).toSource()})`;
-			return `contains a complex ${expressionType} expression`;
-		}
-		return "needs manual review";
-	}
-	addIssue(message) {
-		this.issues.push(message);
-	}
-};
-const createReporter = (j, issues) => {
-	return new CodemodReporter({
-		jscodeshift: j,
-		issues
-	});
-};
-
-//#endregion
 //#region src/transforms/button/transformer.ts
 const parser = "tsx";
 const buildPriorityMapping = (opts) => {
@@ -482,10 +135,10 @@ const transformer = (file, api, options) => {
 		if (type && priority) return priorityMapping[type]?.[priority] || priority;
 		return priority;
 	};
-	const reporter = createReporter(j, manualReviewIssues);
-	const { exists: hasButtonImport, aliases: buttonAliases, resolvedName: buttonName, conflictingImports: conflictingButtonImport } = hasImport_default(root, "@transferwise/components", "Button", j);
+	const reporter = require_helpers.createReporter(j, manualReviewIssues);
+	const { exists: hasButtonImport, aliases: buttonAliases, resolvedName: buttonName, conflictingImports: conflictingButtonImport } = require_helpers.hasImport_default(root, "@transferwise/components", "Button", j);
 	if (conflictingButtonImport.length) conflictingButtonImport.forEach((node) => reporter.reportConflictingImports(node));
-	const { exists: hasActionButtonImport, remove: removeActionButtonImport, aliases: actionButtonAliases } = hasImport_default(root, "@transferwise/components", "ActionButton", j);
+	const { exists: hasActionButtonImport, remove: removeActionButtonImport, aliases: actionButtonAliases } = require_helpers.hasImport_default(root, "@transferwise/components", "ActionButton", j);
 	if (!hasButtonImport && !hasActionButtonImport) return file.source;
 	const iconImports = /* @__PURE__ */ new Set();
 	root.find(j.ImportDeclaration, { source: { value: "@transferwise/icons" } }).forEach((path) => {
@@ -497,12 +150,12 @@ const transformer = (file, api, options) => {
 		});
 	});
 	if (hasActionButtonImport) {
-		if (!hasButtonImport) addImport_default(root, "@transferwise/components", "Button", j);
-		findJSXElementsByName(root, j)("ActionButton", actionButtonAliases).forEach((path) => {
+		if (!hasButtonImport) require_helpers.addImport_default(root, "@transferwise/components", "Button", j);
+		require_helpers.findJSXElementsByName(root, j)("ActionButton", actionButtonAliases).forEach((path) => {
 			const { openingElement, closingElement } = path.node;
-			openingElement.name = setNameIfJSXIdentifier(openingElement.name, buttonName);
-			if (closingElement) closingElement.name = setNameIfJSXIdentifier(closingElement.name, buttonName);
-			iconUtils_default(j, path.node.children, iconImports, openingElement);
+			openingElement.name = require_helpers.setNameIfJSXIdentifier(openingElement.name, buttonName);
+			if (closingElement) closingElement.name = require_helpers.setNameIfJSXIdentifier(closingElement.name, buttonName);
+			require_helpers.iconUtils_default(j, path.node.children, iconImports, openingElement);
 			if ((openingElement.attributes ?? []).some((attr) => attr.type === "JSXSpreadAttribute")) reporter.reportSpreadProps(path);
 			const legacyPropNames = [
 				"priority",
@@ -525,7 +178,7 @@ const transformer = (file, api, options) => {
 			const hasChildren = path.node.children?.some((child) => child.type === "JSXText" && child.value.trim() !== "" || child.type === "JSXElement" || child.type === "JSXExpressionContainer") || path.node.children && path.node.children?.length > 0;
 			if (hasTextProp && hasChildren) reporter.reportPropWithChildren(path, "text");
 			else if (hasTextProp && !hasChildren && openingElement.selfClosing) path.replace(j.jsxElement(j.jsxOpeningElement(openingElement.name, openingElement.attributes), j.jsxClosingElement(openingElement.name), [j.jsxText(legacyProps.text || "")]));
-			addAttributesIfMissing(j, path.node.openingElement, [{
+			require_helpers.addAttributesIfMissing(j, path.node.openingElement, [{
 				attribute: j.jsxAttribute(j.jsxIdentifier("v2")),
 				name: "v2"
 			}, {
@@ -541,17 +194,17 @@ const transformer = (file, api, options) => {
 		});
 		removeActionButtonImport();
 	}
-	if (hasButtonImport) findJSXElementsByName(root, j)("Button", buttonAliases).forEach((path) => {
+	if (hasButtonImport) require_helpers.findJSXElementsByName(root, j)("Button", buttonAliases).forEach((path) => {
 		const { openingElement } = path.node;
-		if (hasAttributeOnElement(openingElement, "v2")) return;
+		if (require_helpers.hasAttributeOnElement(openingElement, "v2")) return;
 		const hasJSXChildren = path.node.children?.some((child) => child.type === "JSXText" && child.value.trim() !== "" || child.type === "JSXElement" || child.type === "JSXFragment" && child.children && child.children.length > 0 || child.type === "JSXExpressionContainer" && child.expression.type !== "JSXEmptyExpression");
 		const hasChildrenAsProp = openingElement.attributes?.some((attr) => attr.type === "JSXAttribute" && attr.name?.type === "JSXIdentifier" && attr.name.name === "children");
 		if (!hasJSXChildren && !hasChildrenAsProp) return;
-		addAttributesIfMissing(j, openingElement, [{
+		require_helpers.addAttributesIfMissing(j, openingElement, [{
 			attribute: j.jsxAttribute(j.jsxIdentifier("v2")),
 			name: "v2"
 		}]);
-		iconUtils_default(j, path.node.children, iconImports, openingElement);
+		require_helpers.iconUtils_default(j, path.node.children, iconImports, openingElement);
 		const legacyProps = {};
 		const legacyPropNames = [
 			"priority",
@@ -587,7 +240,7 @@ const transformer = (file, api, options) => {
 					"lg",
 					"xl"
 				].includes(resolved)) {
-					removeAttributeByName(j, openingElement, "size");
+					require_helpers.removeAttributeByName(j, openingElement, "size");
 					openingElement.attributes?.push(j.jsxAttribute(j.jsxIdentifier("size"), j.literal(resolved)));
 				} else if (typeof rawValue === "string") reporter.reportUnsupportedValue(path, "size", rawValue);
 				else if (rawValue !== void 0) reporter.reportAmbiguousExpression(path, "size");
@@ -612,7 +265,7 @@ const transformer = (file, api, options) => {
 					"tertiary",
 					"secondary-neutral"
 				].includes(mapped)) {
-					removeAttributeByName(j, openingElement, "priority");
+					require_helpers.removeAttributeByName(j, openingElement, "priority");
 					openingElement.attributes?.push(j.jsxAttribute(j.jsxIdentifier("priority"), j.literal(mapped)));
 				} else if (typeof rawValue === "string") reporter.reportUnsupportedValue(path, "priority", rawValue);
 				else if (rawValue !== void 0) reporter.reportAmbiguousExpression(path, "priority");
@@ -644,20 +297,20 @@ const transformer = (file, api, options) => {
 				"reset"
 			];
 			if (resolvedType === "negative" && isControlTypeEnum) {
-				removeAttributeByName(j, openingElement, "type");
-				if (hasAttributeOnElement(openingElement, "sentiment")) removeAttributeByName(j, openingElement, "sentiment");
-				addAttributesIfMissing(j, openingElement, [{
+				require_helpers.removeAttributeByName(j, openingElement, "type");
+				if (require_helpers.hasAttributeOnElement(openingElement, "sentiment")) require_helpers.removeAttributeByName(j, openingElement, "sentiment");
+				require_helpers.addAttributesIfMissing(j, openingElement, [{
 					attribute: j.jsxAttribute(j.jsxIdentifier("priority"), j.literal("primary")),
 					name: "priority"
 				}]);
 				if (rawType) openingElement.attributes?.push(j.jsxAttribute(j.jsxIdentifier("sentiment"), j.jsxExpressionContainer(j.identifier(rawType))));
 			} else if (resolvedType === "negative" && !isTypeEnum) {
-				removeAttributeByName(j, openingElement, "type");
-				if (hasAttributeOnElement(openingElement, "sentiment")) removeAttributeByName(j, openingElement, "sentiment");
+				require_helpers.removeAttributeByName(j, openingElement, "type");
+				if (require_helpers.hasAttributeOnElement(openingElement, "sentiment")) require_helpers.removeAttributeByName(j, openingElement, "sentiment");
 				openingElement.attributes?.push(j.jsxAttribute(j.jsxIdentifier("sentiment"), j.literal("negative")));
 			} else if (isControlTypeEnum && resolvedType && ["positive", "accent"].includes(resolvedType)) {
-				removeAttributeByName(j, openingElement, "type");
-				addAttributesIfMissing(j, openingElement, [{
+				require_helpers.removeAttributeByName(j, openingElement, "type");
+				require_helpers.addAttributesIfMissing(j, openingElement, [{
 					attribute: j.jsxAttribute(j.jsxIdentifier("priority"), j.literal("primary")),
 					name: "priority"
 				}]);
@@ -665,21 +318,21 @@ const transformer = (file, api, options) => {
 			if (resolvedType && typeof resolvedType === "string" && legacyButtonTypes.includes(resolvedType) && !isTypeEnum) {
 				const consistentConversion = getConsistentTypeConversions(resolvedType);
 				if (consistentConversion) {
-					removeAttributeByName(j, openingElement, "type");
-					removeAttributeByName(j, openingElement, "priority");
-					removeAttributeByName(j, openingElement, "sentiment");
+					require_helpers.removeAttributeByName(j, openingElement, "type");
+					require_helpers.removeAttributeByName(j, openingElement, "priority");
+					require_helpers.removeAttributeByName(j, openingElement, "sentiment");
 					if (consistentConversion.priority) openingElement.attributes?.push(j.jsxAttribute(j.jsxIdentifier("priority"), j.literal(consistentConversion.priority)));
 					if (consistentConversion.sentiment) openingElement.attributes?.push(j.jsxAttribute(j.jsxIdentifier("sentiment"), j.literal(consistentConversion.sentiment)));
 				} else {
-					removeAttributeByName(j, openingElement, "type");
-					addAttributesIfMissing(j, openingElement, [{
+					require_helpers.removeAttributeByName(j, openingElement, "type");
+					require_helpers.addAttributesIfMissing(j, openingElement, [{
 						attribute: j.jsxAttribute(j.jsxIdentifier("priority"), j.literal("primary")),
 						name: "priority"
 					}]);
 				}
 			} else if (isTypeEnum) {}
 			if (typeof finalHtmlType === "string" && htmlTypes.includes(finalHtmlType)) {
-				removeAttributeByName(j, openingElement, "htmlType");
+				require_helpers.removeAttributeByName(j, openingElement, "htmlType");
 				openingElement.attributes?.push(j.jsxAttribute(j.jsxIdentifier("type"), j.literal(finalHtmlType)));
 			} else if (typeof rawType === "string" || typeof rawHtmlType === "string") {
 				const valueToCheck = rawType ?? rawHtmlType ?? "";
@@ -698,7 +351,7 @@ const transformer = (file, api, options) => {
 			if (!openingElement.attributes?.some((attr) => attr.type === "JSXAttribute" && attr.name && attr.name.name === "sentiment")) {
 				const rawValue = legacyProps.sentiment;
 				if (rawValue === "negative") {
-					removeAttributeByName(j, openingElement, "sentiment");
+					require_helpers.removeAttributeByName(j, openingElement, "sentiment");
 					openingElement.attributes?.push(j.jsxAttribute(j.jsxIdentifier("sentiment"), j.literal("negative")));
 				} else if (typeof rawValue === "string") reporter.reportUnsupportedValue(path, "sentiment", rawValue);
 				else if (rawValue !== void 0) reporter.reportAmbiguousExpression(path, "sentiment");