🐛 Addresses an issue with exported types from shared

.changeset/silver-cougars-check.md

@@ -0,0 +1,6 @@
+---
+'@shopify/connect-wallet': patch
+'@shopify/tokengate': patch
+---
+
+Addresses an issue where types that are used from the internal shared package were not compiled and exported as expected. This resulted in an issue where providing a theme to any of the providers would result in a type mismatch, but also made it impossible to extend or inherit any of the default themes.

.eslintrc.js

@@ -32,6 +32,17 @@ module.exports = {
         prefix: ['T', 'U'],
       },
     ],
+    'import/order': [
+      'error',
+      {
+        pathGroups: [
+          {
+            pattern: 'shared',
+            group: 'external',
+          },
+        ],
+      },
+    ],
     'no-catch-shadow': 'off',
     'no-console': [
       'error',
@@ -64,6 +75,9 @@ module.exports = {
       },
     ],
   },
+  settings: {
+    'import/internal-regex': 'shared',
+  },
   overrides: [
     {
       files: ['**/*.stories.*'],

packages/connect-wallet/package.json

@@ -69,7 +69,6 @@
     "@types/ua-parser-js": "^0.7.36",
     "@wagmi/core": "0.8.10",
     "jestconfig": "*",
-    "shared": "*",
     "tsconfig": "*",
     "tsup": "^6.5.0"
   }

packages/connect-wallet/tsconfig.json

@@ -1,4 +1,10 @@
 {
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "shared": ["../shared/src/index.ts"]
+    }
+  },
   "include": ["./src", "./styled.d.ts"],
   "exclude": ["./dist", "node_modules"],
   "extends": "tsconfig/base.json"

packages/shared/package.json

@@ -9,11 +9,11 @@
   "main": "src/index.ts",
   "types": "src/index.ts",
   "devDependencies": {
+    "@storybook/react": "^6.5.13",
+    "@types/styled-components": "^5.1.26",
     "tsconfig": "*"
   },
   "dependencies": {
-    "@storybook/react": "^6.5.13",
-    "@types/styled-components": "^5.1.26",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "styled-components": "^5.3.6"

packages/tokengate/package.json

@@ -40,18 +40,17 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@storybook/react": "^6.5.13",
-    "@types/styled-components": "^5.1.26",
     "i18next": "^22.4.9",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^12.1.4",
     "styled-components": "^5.3.6"
   },
   "devDependencies": {
+    "@storybook/react": "^6.5.13",
+    "@types/styled-components": "^5.1.26",
     "@testing-library/react": "^13.4.0",
     "jestconfig": "*",
-    "shared": "*",
     "tsconfig": "*",
     "tsup": "^6.5.0"
   }

packages/tokengate/src/components/TokenBase/TokenBaseSkeleton.tsx

@@ -1,4 +1,4 @@
-import {SkeletonThumbnail, SkeletonDisplayText} from 'shared/src';
+import {SkeletonThumbnail, SkeletonDisplayText} from 'shared';
 
 import {TokenBaseStyle, TokenBaseIcon, TokenBaseText} from './style';
 

packages/tokengate/src/fixtures/Condition.ts

@@ -1,5 +1,4 @@
-import {deepMerge} from 'shared/src/utils/deepMerge';
-import {DeepPartial} from 'shared/src/types/deepPartial';
+import {deepMerge, DeepPartial} from 'shared';
 
 import {Condition} from '../types';
 

packages/tokengate/src/fixtures/Reaction.ts

@@ -1,5 +1,4 @@
-import {deepMerge} from 'shared/src/utils/deepMerge';
-import {DeepPartial} from 'shared/src/types/deepPartial';
+import {deepMerge, DeepPartial} from 'shared';
 
 import {Reaction} from '../types';
 

packages/tokengate/src/fixtures/Requirements.ts

@@ -1,5 +1,4 @@
-import {deepMerge} from 'shared/src/utils/deepMerge';
-import {DeepPartial} from 'shared/src/types/deepPartial';
+import {deepMerge, DeepPartial} from 'shared';
 
 import {Requirements} from '../types';
 

packages/tokengate/src/fixtures/UnlockingToken.ts

@@ -1,5 +1,4 @@
-import {deepMerge} from 'shared/src/utils/deepMerge';
-import {DeepPartial} from 'shared/src/types/deepPartial';
+import {deepMerge, DeepPartial} from 'shared';
 
 import {UnlockingToken} from '../types';
 

packages/tokengate/tsconfig.json

@@ -1,6 +1,9 @@
 {
   "compilerOptions": {
-    "baseUrl": "."
+    "baseUrl": ".",
+    "paths": {
+      "shared": ["../shared/src/index.ts"]
+    }
   },
   "include": ["./src", "./styled.d.ts"],
   "exclude": ["./dist", "node_modules"],