@planningcenter/chat-react-native 1.5.0 → 1.6.0

package/build/vendor/tapestry/alias_tokens_color_map.js

@@ -41,6 +41,10 @@ const semanticAliasesLight = {
     textColorDefaultPlaceholder: neutralsLight.fillColorNeutral030,
     textColorDefaultInverted: tokens.colorNeutral100White,
     fillColorInteractionOnlineDefault: tokens.colorInteractionOnlineDefault,
+    fillColorInteractionDefault: tokens.fillColorInteractionDefault,
+    fillColorStatusErrorMedium: tokens.fillColorStatusErrorMedium,
+    fillColorButtonNeutralSolidDisabled: neutralsLight.fillColorNeutral070,
+    androidRippleNeutral: tokens.fillColorTransparencyDark020,
 };
 const semanticAliasesDark = {
     name: 'dark',
@@ -56,6 +60,10 @@ const semanticAliasesDark = {
     textColorDefaultPlaceholder: neutralsDark.fillColorNeutral030,
     textColorDefaultInverted: tokens.colorNeutral7,
     fillColorInteractionOnlineDefault: tokens.colorInteractionOnlineDefault,
+    fillColorInteractionDefault: tokens.fillColorInteractionDefaultDark,
+    fillColorStatusErrorMedium: tokens.fillColorStatusErrorMedium,
+    fillColorButtonNeutralSolidDisabled: neutralsDark.fillColorNeutral070,
+    androidRippleNeutral: tokens.fillColorTransparencyLight020,
 };
 export const aliasTokensColorMap = {
     light: { ...neutralsLight, ...semanticAliasesLight },

package/build/vendor/tapestry/alias_tokens_color_map.js.map

@@ -1 +1 @@
-{"version":3,"file":"alias_tokens_color_map.js","sourceRoot":"","sources":["../../../src/vendor/tapestry/alias_tokens_color_map.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAqBjC,MAAM,aAAa,GAAkB;IACnC,IAAI,EAAE,OAAO;IACb,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,uBAAuB,EAAE,MAAM,CAAC,cAAc;IAC9C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,2BAA2B,EAAE,MAAM,CAAC,oBAAoB;CAChD,CAAA;AAEV,MAAM,YAAY,GAAkB;IAClC,IAAI,EAAE,MAAM;IACZ,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,uBAAuB,EAAE,MAAM,CAAC,cAAc;IAC9C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,mBAAmB,EAAE,MAAM,CAAC,cAAc;IAC1C,2BAA2B,EAAE,MAAM,CAAC,aAAa;CACzC,CAAA;AAkBV,MAAM,oBAAoB,GAA0B;IAClD,IAAI,EAAE,OAAO;IACb,uBAAuB,EAAE,aAAa,CAAC,mBAAmB;IAC1D,yBAAyB,EAAE,aAAa,CAAC,mBAAmB;IAC5D,mBAAmB,EAAE,aAAa,CAAC,mBAAmB;IACtD,wBAAwB,EAAE,aAAa,CAAC,mBAAmB;IAC3D,wBAAwB,EAAE,aAAa,CAAC,2BAA2B;IACnE,wBAAwB,EAAE,aAAa,CAAC,mBAAmB;IAC3D,uBAAuB,EAAE,aAAa,CAAC,mBAAmB;IAC1D,yBAAyB,EAAE,aAAa,CAAC,mBAAmB;IAC5D,wBAAwB,EAAE,aAAa,CAAC,mBAAmB;IAC3D,2BAA2B,EAAE,aAAa,CAAC,mBAAmB;IAC9D,wBAAwB,EAAE,MAAM,CAAC,oBAAoB;IACrD,iCAAiC,EAAE,MAAM,CAAC,6BAA6B;CAC/D,CAAA;AAEV,MAAM,mBAAmB,GAA0B;IACjD,IAAI,EAAE,MAAM;IACZ,uBAAuB,EAAE,YAAY,CAAC,mBAAmB;IACzD,yBAAyB,EAAE,YAAY,CAAC,mBAAmB;IAC3D,mBAAmB,EAAE,YAAY,CAAC,mBAAmB;IACrD,wBAAwB,EAAE,YAAY,CAAC,mBAAmB;IAC1D,wBAAwB,EAAE,YAAY,CAAC,2BAA2B;IAClE,wBAAwB,EAAE,YAAY,CAAC,mBAAmB;IAC1D,uBAAuB,EAAE,YAAY,CAAC,mBAAmB;IACzD,yBAAyB,EAAE,YAAY,CAAC,mBAAmB;IAC3D,wBAAwB,EAAE,YAAY,CAAC,mBAAmB;IAC1D,2BAA2B,EAAE,YAAY,CAAC,mBAAmB;IAC7D,wBAAwB,EAAE,MAAM,CAAC,aAAa;IAC9C,iCAAiC,EAAE,MAAM,CAAC,6BAA6B;CACxE,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,EAAE,GAAG,aAAa,EAAE,GAAG,oBAAoB,EAAE;IACpD,IAAI,EAAE,EAAE,GAAG,YAAY,EAAE,GAAG,mBAAmB,EAAE;CACzC,CAAA","sourcesContent":["import { tokens } from './tokens'\n\n// Copied from `@planningcenter/tapestry` package.\n// Defining these tokens locally is a temporary solution until the package supports mobile.\n// Tokens Reference: https://planningcenter.github.io/tapestry/?path=/docs/foundations-design-tokens--docs\n\ninterface NeutralColors {\n  name: string\n  fillColorNeutral000: string\n  fillColorNeutral010: string\n  fillColorNeutral020: string\n  fillColorNeutral030: string\n  fillColorNeutral040: string\n  fillColorNeutral050Base: string\n  fillColorNeutral060: string\n  fillColorNeutral070: string\n  fillColorNeutral080: string\n  fillColorNeutral090: string\n  fillColorNeutral100Inverted: string\n}\n\nconst neutralsLight: NeutralColors = {\n  name: 'light',\n  fillColorNeutral000: tokens.colorNeutral12,\n  fillColorNeutral010: tokens.colorNeutral24,\n  fillColorNeutral020: tokens.colorNeutral45,\n  fillColorNeutral030: tokens.colorNeutral58,\n  fillColorNeutral040: tokens.colorNeutral81,\n  fillColorNeutral050Base: tokens.colorNeutral88,\n  fillColorNeutral060: tokens.colorNeutral93,\n  fillColorNeutral070: tokens.colorNeutral95,\n  fillColorNeutral080: tokens.colorNeutral97,\n  fillColorNeutral090: tokens.colorNeutral98,\n  fillColorNeutral100Inverted: tokens.colorNeutral100White,\n} as const\n\nconst neutralsDark: NeutralColors = {\n  name: 'dark',\n  fillColorNeutral000: tokens.colorNeutral98,\n  fillColorNeutral010: tokens.colorNeutral88,\n  fillColorNeutral020: tokens.colorNeutral68,\n  fillColorNeutral030: tokens.colorNeutral50,\n  fillColorNeutral040: tokens.colorNeutral32,\n  fillColorNeutral050Base: tokens.colorNeutral24,\n  fillColorNeutral060: tokens.colorNeutral19,\n  fillColorNeutral070: tokens.colorNeutral17,\n  fillColorNeutral080: tokens.colorNeutral15,\n  fillColorNeutral090: tokens.colorNeutral12,\n  fillColorNeutral100Inverted: tokens.colorNeutral7,\n} as const\n\ninterface SemanticAliasesColors {\n  name: string\n  iconColorDefaultPrimary: string\n  iconColorDefaultSecondary: string\n  iconColorDefaultDim: string\n  iconColorDefaultDisabled: string\n  iconColorDefaultInverted: string\n  textColorDefaultHeadline: string\n  textColorDefaultPrimary: string\n  textColorDefaultSecondary: string\n  textColorDefaultDisabled: string\n  textColorDefaultPlaceholder: string\n  textColorDefaultInverted: string\n  fillColorInteractionOnlineDefault: string\n}\n\nconst semanticAliasesLight: SemanticAliasesColors = {\n  name: 'light',\n  iconColorDefaultPrimary: neutralsLight.fillColorNeutral010,\n  iconColorDefaultSecondary: neutralsLight.fillColorNeutral020,\n  iconColorDefaultDim: neutralsLight.fillColorNeutral030,\n  iconColorDefaultDisabled: neutralsLight.fillColorNeutral040,\n  iconColorDefaultInverted: neutralsLight.fillColorNeutral100Inverted,\n  textColorDefaultHeadline: neutralsLight.fillColorNeutral000,\n  textColorDefaultPrimary: neutralsLight.fillColorNeutral010,\n  textColorDefaultSecondary: neutralsLight.fillColorNeutral020,\n  textColorDefaultDisabled: neutralsLight.fillColorNeutral040,\n  textColorDefaultPlaceholder: neutralsLight.fillColorNeutral030,\n  textColorDefaultInverted: tokens.colorNeutral100White,\n  fillColorInteractionOnlineDefault: tokens.colorInteractionOnlineDefault,\n} as const\n\nconst semanticAliasesDark: SemanticAliasesColors = {\n  name: 'dark',\n  iconColorDefaultPrimary: neutralsDark.fillColorNeutral010,\n  iconColorDefaultSecondary: neutralsDark.fillColorNeutral020,\n  iconColorDefaultDim: neutralsDark.fillColorNeutral030,\n  iconColorDefaultDisabled: neutralsDark.fillColorNeutral040,\n  iconColorDefaultInverted: neutralsDark.fillColorNeutral100Inverted,\n  textColorDefaultHeadline: neutralsDark.fillColorNeutral000,\n  textColorDefaultPrimary: neutralsDark.fillColorNeutral010,\n  textColorDefaultSecondary: neutralsDark.fillColorNeutral020,\n  textColorDefaultDisabled: neutralsDark.fillColorNeutral040,\n  textColorDefaultPlaceholder: neutralsDark.fillColorNeutral030,\n  textColorDefaultInverted: tokens.colorNeutral7,\n  fillColorInteractionOnlineDefault: tokens.colorInteractionOnlineDefault,\n}\n\nexport const aliasTokensColorMap = {\n  light: { ...neutralsLight, ...semanticAliasesLight },\n  dark: { ...neutralsDark, ...semanticAliasesDark },\n} as const\n"]}
+{"version":3,"file":"alias_tokens_color_map.js","sourceRoot":"","sources":["../../../src/vendor/tapestry/alias_tokens_color_map.ts"],"names":[],"mappings":"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","sourcesContent":["import { tokens } from './tokens'\n\n// Copied from `@planningcenter/tapestry` package.\n// Defining these tokens locally is a temporary solution until the package supports mobile.\n// Tokens Reference: https://planningcenter.github.io/tapestry/?path=/docs/foundations-design-tokens--docs\n\ninterface NeutralColors {\n  name: string\n  fillColorNeutral000: string\n  fillColorNeutral010: string\n  fillColorNeutral020: string\n  fillColorNeutral030: string\n  fillColorNeutral040: string\n  fillColorNeutral050Base: string\n  fillColorNeutral060: string\n  fillColorNeutral070: string\n  fillColorNeutral080: string\n  fillColorNeutral090: string\n  fillColorNeutral100Inverted: string\n}\n\nconst neutralsLight: NeutralColors = {\n  name: 'light',\n  fillColorNeutral000: tokens.colorNeutral12,\n  fillColorNeutral010: tokens.colorNeutral24,\n  fillColorNeutral020: tokens.colorNeutral45,\n  fillColorNeutral030: tokens.colorNeutral58,\n  fillColorNeutral040: tokens.colorNeutral81,\n  fillColorNeutral050Base: tokens.colorNeutral88,\n  fillColorNeutral060: tokens.colorNeutral93,\n  fillColorNeutral070: tokens.colorNeutral95,\n  fillColorNeutral080: tokens.colorNeutral97,\n  fillColorNeutral090: tokens.colorNeutral98,\n  fillColorNeutral100Inverted: tokens.colorNeutral100White,\n} as const\n\nconst neutralsDark: NeutralColors = {\n  name: 'dark',\n  fillColorNeutral000: tokens.colorNeutral98,\n  fillColorNeutral010: tokens.colorNeutral88,\n  fillColorNeutral020: tokens.colorNeutral68,\n  fillColorNeutral030: tokens.colorNeutral50,\n  fillColorNeutral040: tokens.colorNeutral32,\n  fillColorNeutral050Base: tokens.colorNeutral24,\n  fillColorNeutral060: tokens.colorNeutral19,\n  fillColorNeutral070: tokens.colorNeutral17,\n  fillColorNeutral080: tokens.colorNeutral15,\n  fillColorNeutral090: tokens.colorNeutral12,\n  fillColorNeutral100Inverted: tokens.colorNeutral7,\n} as const\n\ninterface SemanticAliasesColors {\n  name: string\n  iconColorDefaultPrimary: string\n  iconColorDefaultSecondary: string\n  iconColorDefaultDim: string\n  iconColorDefaultDisabled: string\n  iconColorDefaultInverted: string\n  textColorDefaultHeadline: string\n  textColorDefaultPrimary: string\n  textColorDefaultSecondary: string\n  textColorDefaultDisabled: string\n  textColorDefaultPlaceholder: string\n  textColorDefaultInverted: string\n  fillColorInteractionOnlineDefault: string\n  fillColorInteractionDefault: string\n  fillColorStatusErrorMedium: string\n  fillColorButtonNeutralSolidDisabled: string\n  androidRippleNeutral: string\n}\n\nconst semanticAliasesLight: SemanticAliasesColors = {\n  name: 'light',\n  iconColorDefaultPrimary: neutralsLight.fillColorNeutral010,\n  iconColorDefaultSecondary: neutralsLight.fillColorNeutral020,\n  iconColorDefaultDim: neutralsLight.fillColorNeutral030,\n  iconColorDefaultDisabled: neutralsLight.fillColorNeutral040,\n  iconColorDefaultInverted: neutralsLight.fillColorNeutral100Inverted,\n  textColorDefaultHeadline: neutralsLight.fillColorNeutral000,\n  textColorDefaultPrimary: neutralsLight.fillColorNeutral010,\n  textColorDefaultSecondary: neutralsLight.fillColorNeutral020,\n  textColorDefaultDisabled: neutralsLight.fillColorNeutral040,\n  textColorDefaultPlaceholder: neutralsLight.fillColorNeutral030,\n  textColorDefaultInverted: tokens.colorNeutral100White,\n  fillColorInteractionOnlineDefault: tokens.colorInteractionOnlineDefault,\n  fillColorInteractionDefault: tokens.fillColorInteractionDefault,\n  fillColorStatusErrorMedium: tokens.fillColorStatusErrorMedium,\n  fillColorButtonNeutralSolidDisabled: neutralsLight.fillColorNeutral070,\n  androidRippleNeutral: tokens.fillColorTransparencyDark020,\n} as const\n\nconst semanticAliasesDark: SemanticAliasesColors = {\n  name: 'dark',\n  iconColorDefaultPrimary: neutralsDark.fillColorNeutral010,\n  iconColorDefaultSecondary: neutralsDark.fillColorNeutral020,\n  iconColorDefaultDim: neutralsDark.fillColorNeutral030,\n  iconColorDefaultDisabled: neutralsDark.fillColorNeutral040,\n  iconColorDefaultInverted: neutralsDark.fillColorNeutral100Inverted,\n  textColorDefaultHeadline: neutralsDark.fillColorNeutral000,\n  textColorDefaultPrimary: neutralsDark.fillColorNeutral010,\n  textColorDefaultSecondary: neutralsDark.fillColorNeutral020,\n  textColorDefaultDisabled: neutralsDark.fillColorNeutral040,\n  textColorDefaultPlaceholder: neutralsDark.fillColorNeutral030,\n  textColorDefaultInverted: tokens.colorNeutral7,\n  fillColorInteractionOnlineDefault: tokens.colorInteractionOnlineDefault,\n  fillColorInteractionDefault: tokens.fillColorInteractionDefaultDark,\n  fillColorStatusErrorMedium: tokens.fillColorStatusErrorMedium,\n  fillColorButtonNeutralSolidDisabled: neutralsDark.fillColorNeutral070,\n  androidRippleNeutral: tokens.fillColorTransparencyLight020,\n}\n\nexport const aliasTokensColorMap = {\n  light: { ...neutralsLight, ...semanticAliasesLight },\n  dark: { ...neutralsDark, ...semanticAliasesDark },\n} as const\n"]}

package/build/vendor/tapestry/tokens.d.ts

@@ -1,5 +1,7 @@
 export declare const tokens: {
     colorInteractionOnlineDefault: "hsl(123, 38%, 57%)";
+    fillColorInteractionDefaultDark: "hsl(204, 100%, 40%)";
+    fillColorStatusErrorMedium: "hsl(0, 72%, 45%)";
     borderRadiusDefault: 4;
     spacingFourth: 2;
     spacingHalf: 4;
@@ -48,5 +50,24 @@ export declare const tokens: {
     colorNeutral97: "hsl(0, 0%, 97%)";
     colorNeutral98: "hsl(0, 0%, 98%)";
     colorNeutral100White: "hsl(0, 0%, 100%)";
+    fillColorInteractionDefault: "hsl(204, 100%, 40%)";
+    fillColorTransparencyLight010: "hsla(0, 0%, 100%, 0.1)";
+    fillColorTransparencyLight020: "hsla(0, 0%, 100%, 0.2)";
+    fillColorTransparencyLight030: "hsla(0, 0%, 100%, 0.3)";
+    fillColorTransparencyLight040: "hsla(0, 0%, 100%, 0.4)";
+    fillColorTransparencyLight050: "hsla(0, 0%, 100%, 0.5)";
+    fillColorTransparencyLight060: "hsla(0, 0%, 100%, 0.6)";
+    fillColorTransparencyLight070: "hsla(0, 0%, 100%, 0.7)";
+    fillColorTransparencyLight080: "hsla(0, 0%, 100%, 0.8)";
+    fillColorTransparencyLight090: "hsla(0, 0%, 100%, 0.9)";
+    fillColorTransparencyDark010: "hsla(0, 0%, 0%, 0.1)";
+    fillColorTransparencyDark020: "hsla(0, 0%, 0%, 0.2)";
+    fillColorTransparencyDark030: "hsla(0, 0%, 0%, 0.3)";
+    fillColorTransparencyDark040: "hsla(0, 0%, 0%, 0.4)";
+    fillColorTransparencyDark050: "hsla(0, 0%, 0%, 0.5)";
+    fillColorTransparencyDark060: "hsla(0, 0%, 0%, 0.6)";
+    fillColorTransparencyDark070: "hsla(0, 0%, 0%, 0.7)";
+    fillColorTransparencyDark080: "hsla(0, 0%, 0%, 0.8)";
+    fillColorTransparencyDark090: "hsla(0, 0%, 0%, 0.9)";
 };
 //# sourceMappingURL=tokens.d.ts.map

package/build/vendor/tapestry/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/vendor/tapestry/tokens.ts"],"names":[],"mappings":"AAkEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKlB,CAAA"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/vendor/tapestry/tokens.ts"],"names":[],"mappings":"AAuFA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKlB,CAAA"}

package/build/vendor/tapestry/tokens.js

@@ -20,6 +20,25 @@ const colorPrimitives = {
     colorNeutral97: 'hsl(0, 0%, 97%)',
     colorNeutral98: 'hsl(0, 0%, 98%)',
     colorNeutral100White: 'hsl(0, 0%, 100%)',
+    fillColorInteractionDefault: 'hsl(204, 100%, 40%)',
+    fillColorTransparencyLight010: 'hsla(0, 0%, 100%, 0.1)',
+    fillColorTransparencyLight020: 'hsla(0, 0%, 100%, 0.2)',
+    fillColorTransparencyLight030: 'hsla(0, 0%, 100%, 0.3)',
+    fillColorTransparencyLight040: 'hsla(0, 0%, 100%, 0.4)',
+    fillColorTransparencyLight050: 'hsla(0, 0%, 100%, 0.5)',
+    fillColorTransparencyLight060: 'hsla(0, 0%, 100%, 0.6)',
+    fillColorTransparencyLight070: 'hsla(0, 0%, 100%, 0.7)',
+    fillColorTransparencyLight080: 'hsla(0, 0%, 100%, 0.8)',
+    fillColorTransparencyLight090: 'hsla(0, 0%, 100%, 0.9)',
+    fillColorTransparencyDark010: 'hsla(0, 0%, 0%, 0.1)',
+    fillColorTransparencyDark020: 'hsla(0, 0%, 0%, 0.2)',
+    fillColorTransparencyDark030: 'hsla(0, 0%, 0%, 0.3)',
+    fillColorTransparencyDark040: 'hsla(0, 0%, 0%, 0.4)',
+    fillColorTransparencyDark050: 'hsla(0, 0%, 0%, 0.5)',
+    fillColorTransparencyDark060: 'hsla(0, 0%, 0%, 0.6)',
+    fillColorTransparencyDark070: 'hsla(0, 0%, 0%, 0.7)',
+    fillColorTransparencyDark080: 'hsla(0, 0%, 0%, 0.8)',
+    fillColorTransparencyDark090: 'hsla(0, 0%, 0%, 0.9)',
 };
 const numericPrimtives = {
     spacingFourth: 2,
@@ -58,6 +77,8 @@ const numericAliases = {
 // These tokens are specfic to Chat will not be replaced by the Tapestry library
 const localChatTokens = {
     colorInteractionOnlineDefault: 'hsl(123, 38%, 57%)',
+    fillColorInteractionDefaultDark: 'hsl(204, 100%, 40%)',
+    fillColorStatusErrorMedium: 'hsl(0, 72%, 45%)',
 };
 export const tokens = {
     ...colorPrimitives,

package/build/vendor/tapestry/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/vendor/tapestry/tokens.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,2FAA2F;AAC3F,0GAA0G;AAE1G,MAAM,eAAe,GAAG;IACtB,aAAa,EAAE,gBAAgB;IAC/B,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,oBAAoB,EAAE,kBAAkB;CAChC,CAAA;AAEV,MAAM,gBAAgB,GAAG;IACvB,aAAa,EAAE,CAAC;IAChB,WAAW,EAAE,CAAC;IACd,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,cAAc,EAAE,CAAC;IACjB,cAAc,EAAE,CAAC;IACjB,cAAc,EAAE,CAAC;IACjB,cAAc,EAAE,EAAE;IAClB,iBAAiB,EAAE,EAAE;IACrB,iBAAiB,EAAE,CAAC;IACpB,eAAe,EAAE,CAAC;IAClB,gBAAgB,EAAE,KAAK;IACvB,gBAAgB,EAAE,KAAK;IACvB,kBAAkB,EAAE,KAAK;IACzB,cAAc,EAAE,KAAK;IACrB,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,WAAW,EAAE,EAAE;CACP,CAAA;AAEV,MAAM,cAAc,GAAG;IACrB,mBAAmB,EAAE,gBAAgB,CAAC,cAAc;CAC5C,CAAA;AAEV,gFAAgF;AAChF,MAAM,eAAe,GAAG;IACtB,6BAA6B,EAAE,oBAAoB;CAC3C,CAAA;AAEV,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,GAAG,eAAe;IAClB,GAAG,gBAAgB;IACnB,GAAG,cAAc;IACjB,GAAG,eAAe;CACnB,CAAA","sourcesContent":["// Copied from `@planningcenter/tapestry` package.\n// Defining these tokens locally is a temporary solution until the package supports mobile.\n// Tokens Reference: https://planningcenter.github.io/tapestry/?path=/docs/foundations-design-tokens--docs\n\nconst colorPrimitives = {\n  colorNeutral7: 'hsl(0, 0%, 7%)',\n  colorNeutral12: 'hsl(0, 0%, 12%)',\n  colorNeutral15: 'hsl(0, 0%, 15%)',\n  colorNeutral17: 'hsl(0, 0%, 17%)',\n  colorNeutral19: 'hsl(0, 0%, 19%)',\n  colorNeutral24: 'hsl(0, 0%, 24%)',\n  colorNeutral32: 'hsl(0, 0%, 32%)',\n  colorNeutral45: 'hsl(0, 0%, 45%)',\n  colorNeutral50: 'hsl(0, 0%, 50%)',\n  colorNeutral58: 'hsl(0, 0%, 58%)',\n  colorNeutral68: 'hsl(0, 0%, 68%)',\n  colorNeutral81: 'hsl(0, 0%, 81%)',\n  colorNeutral88: 'hsl(0, 0%, 88%)',\n  colorNeutral93: 'hsl(0, 0%, 93%)',\n  colorNeutral95: 'hsl(0, 0%, 95%)',\n  colorNeutral97: 'hsl(0, 0%, 97%)',\n  colorNeutral98: 'hsl(0, 0%, 98%)',\n  colorNeutral100White: 'hsl(0, 0%, 100%)',\n} as const\n\nconst numericPrimtives = {\n  spacingFourth: 2,\n  spacingHalf: 4,\n  spacing1: 8,\n  spacing2: 16,\n  spacing3: 24,\n  spacing4: 32,\n  spacing5: 40,\n  spacing6: 48,\n  spacing7: 56,\n  borderRadiusSm: 2,\n  borderRadiusMd: 4,\n  borderRadiusLg: 8,\n  borderRadiusXl: 16,\n  borderRadiusRound: 56,\n  borderSizeDefault: 1,\n  borderSizeThick: 2,\n  fontWeightNormal: '400',\n  fontWeightMedium: '500',\n  fontWeightSemiBold: '600',\n  fontWeightBold: '700',\n  fontSize4xl: 32,\n  fontSize3xl: 28,\n  fontSize2xl: 24,\n  fontSizeXl: 20,\n  fontSizeLg: 18,\n  fontSizeMd: 16,\n  fontSizeSm: 14,\n  fontSizeXs: 12,\n  fontSize2xs: 10,\n} as const\n\nconst numericAliases = {\n  borderRadiusDefault: numericPrimtives.borderRadiusMd,\n} as const\n\n// These tokens are specfic to Chat will not be replaced by the Tapestry library\nconst localChatTokens = {\n  colorInteractionOnlineDefault: 'hsl(123, 38%, 57%)',\n} as const\n\nexport const tokens = {\n  ...colorPrimitives,\n  ...numericPrimtives,\n  ...numericAliases,\n  ...localChatTokens,\n}\n"]}
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/vendor/tapestry/tokens.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,2FAA2F;AAC3F,0GAA0G;AAE1G,MAAM,eAAe,GAAG;IACtB,aAAa,EAAE,gBAAgB;IAC/B,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,cAAc,EAAE,iBAAiB;IACjC,oBAAoB,EAAE,kBAAkB;IACxC,2BAA2B,EAAE,qBAAqB;IAClD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,6BAA6B,EAAE,wBAAwB;IACvD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;IACpD,4BAA4B,EAAE,sBAAsB;CAC5C,CAAA;AAEV,MAAM,gBAAgB,GAAG;IACvB,aAAa,EAAE,CAAC;IAChB,WAAW,EAAE,CAAC;IACd,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,cAAc,EAAE,CAAC;IACjB,cAAc,EAAE,CAAC;IACjB,cAAc,EAAE,CAAC;IACjB,cAAc,EAAE,EAAE;IAClB,iBAAiB,EAAE,EAAE;IACrB,iBAAiB,EAAE,CAAC;IACpB,eAAe,EAAE,CAAC;IAClB,gBAAgB,EAAE,KAAK;IACvB,gBAAgB,EAAE,KAAK;IACvB,kBAAkB,EAAE,KAAK;IACzB,cAAc,EAAE,KAAK;IACrB,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,WAAW,EAAE,EAAE;CACP,CAAA;AAEV,MAAM,cAAc,GAAG;IACrB,mBAAmB,EAAE,gBAAgB,CAAC,cAAc;CAC5C,CAAA;AAEV,gFAAgF;AAChF,MAAM,eAAe,GAAG;IACtB,6BAA6B,EAAE,oBAAoB;IACnD,+BAA+B,EAAE,qBAAqB;IACtD,0BAA0B,EAAE,kBAAkB;CACtC,CAAA;AAEV,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,GAAG,eAAe;IAClB,GAAG,gBAAgB;IACnB,GAAG,cAAc;IACjB,GAAG,eAAe;CACnB,CAAA","sourcesContent":["// Copied from `@planningcenter/tapestry` package.\n// Defining these tokens locally is a temporary solution until the package supports mobile.\n// Tokens Reference: https://planningcenter.github.io/tapestry/?path=/docs/foundations-design-tokens--docs\n\nconst colorPrimitives = {\n  colorNeutral7: 'hsl(0, 0%, 7%)',\n  colorNeutral12: 'hsl(0, 0%, 12%)',\n  colorNeutral15: 'hsl(0, 0%, 15%)',\n  colorNeutral17: 'hsl(0, 0%, 17%)',\n  colorNeutral19: 'hsl(0, 0%, 19%)',\n  colorNeutral24: 'hsl(0, 0%, 24%)',\n  colorNeutral32: 'hsl(0, 0%, 32%)',\n  colorNeutral45: 'hsl(0, 0%, 45%)',\n  colorNeutral50: 'hsl(0, 0%, 50%)',\n  colorNeutral58: 'hsl(0, 0%, 58%)',\n  colorNeutral68: 'hsl(0, 0%, 68%)',\n  colorNeutral81: 'hsl(0, 0%, 81%)',\n  colorNeutral88: 'hsl(0, 0%, 88%)',\n  colorNeutral93: 'hsl(0, 0%, 93%)',\n  colorNeutral95: 'hsl(0, 0%, 95%)',\n  colorNeutral97: 'hsl(0, 0%, 97%)',\n  colorNeutral98: 'hsl(0, 0%, 98%)',\n  colorNeutral100White: 'hsl(0, 0%, 100%)',\n  fillColorInteractionDefault: 'hsl(204, 100%, 40%)',\n  fillColorTransparencyLight010: 'hsla(0, 0%, 100%, 0.1)',\n  fillColorTransparencyLight020: 'hsla(0, 0%, 100%, 0.2)',\n  fillColorTransparencyLight030: 'hsla(0, 0%, 100%, 0.3)',\n  fillColorTransparencyLight040: 'hsla(0, 0%, 100%, 0.4)',\n  fillColorTransparencyLight050: 'hsla(0, 0%, 100%, 0.5)',\n  fillColorTransparencyLight060: 'hsla(0, 0%, 100%, 0.6)',\n  fillColorTransparencyLight070: 'hsla(0, 0%, 100%, 0.7)',\n  fillColorTransparencyLight080: 'hsla(0, 0%, 100%, 0.8)',\n  fillColorTransparencyLight090: 'hsla(0, 0%, 100%, 0.9)',\n  fillColorTransparencyDark010: 'hsla(0, 0%, 0%, 0.1)',\n  fillColorTransparencyDark020: 'hsla(0, 0%, 0%, 0.2)',\n  fillColorTransparencyDark030: 'hsla(0, 0%, 0%, 0.3)',\n  fillColorTransparencyDark040: 'hsla(0, 0%, 0%, 0.4)',\n  fillColorTransparencyDark050: 'hsla(0, 0%, 0%, 0.5)',\n  fillColorTransparencyDark060: 'hsla(0, 0%, 0%, 0.6)',\n  fillColorTransparencyDark070: 'hsla(0, 0%, 0%, 0.7)',\n  fillColorTransparencyDark080: 'hsla(0, 0%, 0%, 0.8)',\n  fillColorTransparencyDark090: 'hsla(0, 0%, 0%, 0.9)',\n} as const\n\nconst numericPrimtives = {\n  spacingFourth: 2,\n  spacingHalf: 4,\n  spacing1: 8,\n  spacing2: 16,\n  spacing3: 24,\n  spacing4: 32,\n  spacing5: 40,\n  spacing6: 48,\n  spacing7: 56,\n  borderRadiusSm: 2,\n  borderRadiusMd: 4,\n  borderRadiusLg: 8,\n  borderRadiusXl: 16,\n  borderRadiusRound: 56,\n  borderSizeDefault: 1,\n  borderSizeThick: 2,\n  fontWeightNormal: '400',\n  fontWeightMedium: '500',\n  fontWeightSemiBold: '600',\n  fontWeightBold: '700',\n  fontSize4xl: 32,\n  fontSize3xl: 28,\n  fontSize2xl: 24,\n  fontSizeXl: 20,\n  fontSizeLg: 18,\n  fontSizeMd: 16,\n  fontSizeSm: 14,\n  fontSizeXs: 12,\n  fontSize2xs: 10,\n} as const\n\nconst numericAliases = {\n  borderRadiusDefault: numericPrimtives.borderRadiusMd,\n} as const\n\n// These tokens are specfic to Chat will not be replaced by the Tapestry library\nconst localChatTokens = {\n  colorInteractionOnlineDefault: 'hsl(123, 38%, 57%)',\n  fillColorInteractionDefaultDark: 'hsl(204, 100%, 40%)',\n  fillColorStatusErrorMedium: 'hsl(0, 72%, 45%)',\n} as const\n\nexport const tokens = {\n  ...colorPrimitives,\n  ...numericPrimtives,\n  ...numericAliases,\n  ...localChatTokens,\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -17,7 +17,6 @@
     "prepublishOnly": "expo-module prepublishOnly"
   },
   "dependencies": {
-    "@planningcenter/chat-core": "^1.5.0",
     "fast-text-encoding": "^1.0.6",
     "jest-fetch-mock": "^3.0.3",
     "lodash-inflection": "^1.5.0",
@@ -30,10 +29,12 @@
     "@react-navigation/native": ">=7.0.0",
     "@react-navigation/native-stack": ">=7.0.0",
     "@tanstack/react-query": "^5.0.0",
+    "color": "^3.1.2",
     "lodash": "*",
     "react": "*",
     "react-native": "*",
     "react-native-device-info": "*",
+    "react-native-linear-gradient": "^2.8.3",
     "react-native-svg": "*"
   },
   "devDependencies": {
@@ -45,5 +46,5 @@
     "prettier": "^3.4.2",
     "typescript": "<5.6.0"
   },
-  "gitHead": "66c448543e4702f8f692332f1abef17017994d1e"
+  "gitHead": "885163bbbf48e2583d601930ffba8dd9f1fc962b"
 }

package/src/__tests__/client.ts

@@ -3,26 +3,13 @@ import Client from '../utils/client/client'
 import { Session } from '../utils/session'
 import DefaultFixtures from '../__utils__/fixtures/defaults'
 import { BASE_URL } from '../__utils__/handlers'
+import { OAuthToken } from '../types'
 
 const APP_BASE_URL = BASE_URL
 
-let session = new Session({ env: 'development' })
-
-const client = new Client({
-  app: 'chat',
-  version: '2018-11-01',
-  session,
-})
-
-const clientWithDefaultHeaders = new Client({
-  app: 'chat',
-  version: '2018-11-01',
-  defaultHeaders: {
-    'X-Custom-Default-Header': 'important data',
-  },
-  session,
-})
-
+let session: Session
+let client: Client
+let clientWithDefaultHeaders: Client
 let fetchSpy: jest.SpyInstance
 
 beforeAll(() => MockServer.server().listen())
@@ -32,6 +19,22 @@ afterAll(() => MockServer.server().close())
 beforeEach(() => {
   jest.clearAllMocks()
   fetchSpy = jest.spyOn(globalThis, 'fetch')
+  session = new Session({ env: 'development' })
+  client = new Client({
+    app: 'chat',
+    version: '2018-11-01',
+    session,
+    onTokenExpired: () => {},
+  })
+  clientWithDefaultHeaders = new Client({
+    app: 'chat',
+    version: '2018-11-01',
+    defaultHeaders: {
+      'X-Custom-Default-Header': 'important data',
+    },
+    session,
+    onTokenExpired: () => {},
+  })
 })
 
 describe('get', () => {
@@ -341,13 +344,14 @@ describe('url switching', () => {
     const prodBase = 'https://api.planningcenteronline.com/chat/v2'
     const stagingBase = 'https://api-staging.planningcenteronline.com/chat/v2'
 
-    MockServer.get(prodBase + '/records', {}, 200)
-    MockServer.get(stagingBase + '/records', {}, 200)
+    MockServer.get(prodBase + '/records', {}, 200, { once: true })
+    MockServer.get(stagingBase + '/records', {}, 200, { once: true })
 
     const newClient = new Client({
       app: 'chat',
       session,
       version: '2018-11-01',
+      onTokenExpired: () => {},
     })
 
     await newClient.get({
@@ -385,4 +389,53 @@ describe('url switching', () => {
       expect.any(Object)
     )
   })
+
+  it('Changes to session switches the base url with custom headers', async () => {
+    const token: OAuthToken = {
+      access_token: 'foo',
+      token_type: undefined,
+      created_at: 0,
+      expires_in: undefined,
+      scope: '',
+      refresh_token: undefined,
+    }
+
+    session.token = token
+
+    await client.get({
+      url: '/records',
+      data: { fields: { Record: ['id'] } },
+    })
+
+    requestHeadersShouldContain({
+      ...fetchSpy.mock.calls[0][1],
+      key: 'Authorization',
+      value: 'foo',
+    })
+
+    session.token.access_token = 'bar'
+
+    await client.get({
+      url: '/records',
+      data: { fields: { Record: ['id'] } },
+    })
+
+    requestHeadersShouldContain({
+      ...fetchSpy.mock.calls[1][1],
+      key: 'Authorization',
+      value: 'bar',
+    })
+  })
 })
+
+const requestHeadersShouldContain = ({
+  headers,
+  key,
+  value,
+}: {
+  headers: Record<string, unknown>
+  key: string
+  value: unknown
+}) => {
+  expect(headers[key]).toContain(value)
+}

package/src/__tests__/session.ts

@@ -25,17 +25,6 @@ describe('Session', () => {
     })
   })
 
-  describe('urls', () => {
-    it('should return the correct base url', () => {
-      const session = new Session({ env: 'production' })
-      expect(session.baseUrl).toBe('https://api.planningcenteronline.com')
-      session.env = 'development'
-      expect(session.baseUrl).toBe('http://api.pco.test')
-      session.env = 'staging'
-      expect(session.baseUrl).toBe('https://api-staging.planningcenteronline.com')
-    })
-  })
-
   describe('hydrate', () => {
     describe('success', () => {
       it('should return a hydrated Session instance', () => {

package/src/__utils__/handlers.ts

@@ -1,6 +1,6 @@
 import { http, HttpResponse } from 'msw'
 import DefaultFixtures from './fixtures/defaults'
-import { JSONAPIResponse } from '@planningcenter/chat-core'
+import { JSONAPIResponse } from '../types'
 
 export const BASE_URL = 'http://api.pco.test/chat/v2'
 

package/src/components/conversations.tsx

@@ -1,27 +1,43 @@
-import { ConversationResource, JSONAPICollection } from '@planningcenter/chat-core'
 import { useNavigation } from '@react-navigation/native'
-import { useSuspenseQuery } from '@tanstack/react-query'
 import React from 'react'
 import { FlatList, Pressable, StyleSheet } from 'react-native'
 import { useTheme } from '../hooks'
-import { Text } from './display'
-
-type ConversationsResponse = JSONAPICollection<ConversationResource>
+import { useSuspensePaginator } from '../hooks/use_suspense_api'
+import { ConversationResource } from '../types'
+import { GetRequest } from '../utils/client/types'
+import { Heading, Text } from './display'
 
 export const Conversations = () => {
   const styles = useStyles()
-  const { data: conversations } = useSuspenseQuery<ConversationsResponse>({
-    queryKey: ['/chat/v2/me/conversations'],
-  })
+  const request: GetRequest = {
+    url: '/me/conversations',
+    data: {
+      perPage: 20,
+      order: '-last_message',
+      fields: {
+        Conversation: [
+          'title',
+          'last_message_created_at',
+          'last_message_author_name',
+          'last_message_text_preview',
+          'unread_count',
+        ],
+      },
+    },
+  }
+  const { data: conversations, fetchNextPage } = useSuspensePaginator<ConversationResource>(request)
+
+  // TODO: Filter using the API
+  const nonEmptyConversations = conversations.filter(c => c.lastMessageTextPreview) || []
+
   const navigation = useNavigation()
 
   return (
     <FlatList
-      data={conversations?.data}
+      data={nonEmptyConversations}
       contentContainerStyle={styles.container}
       style={styles.scrollView}
       ListEmptyComponent={<Text>No conversations found</Text>}
-      ListHeaderComponent={<Text style={styles.foo}>Conversations</Text>}
       renderItem={({ item }) => (
         <Pressable
           onPress={() =>
@@ -31,9 +47,15 @@ export const Conversations = () => {
             })
           }
         >
-          <Text style={styles.listItem}>{item.attributes.title}</Text>
+          <Heading numberOfLines={1} variant="h3">
+            {item.title}
+          </Heading>
+          <Text style={styles.listItem}>
+            {item.lastMessageAuthorName}: {item.lastMessageTextPreview}
+          </Text>
         </Pressable>
       )}
+      onEndReached={() => fetchNextPage()}
     />
   )
 }