@amp-labs/react 2.8.5 → 2.8.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/index.d.ts CHANGED
@@ -3,13 +3,18 @@ import { Dispatch } from 'react';
3
3
  import { JSX as JSX_2 } from 'react/jsx-runtime';
4
4
  import { SetStateAction } from 'react';
5
5
 
6
- export declare const AmpersandContext: default_2.Context<null>;
6
+ export declare const AmpersandContext: default_2.Context<AmpersandContextValue | null>;
7
+
8
+ declare interface AmpersandContextValue {
9
+ options: AmpersandProviderProps["options"];
10
+ projectIdOrName: string;
11
+ }
7
12
 
8
13
  export declare function AmpersandProvider(props: AmpersandProviderProps): JSX_2.Element;
9
14
 
10
15
  declare interface AmpersandProviderProps {
11
16
  options: {
12
- apiKey: string;
17
+ apiKey?: string;
13
18
  /**
14
19
  * Use `project` instead of `projectId`.
15
20
  * @deprecated
@@ -20,6 +25,14 @@ declare interface AmpersandProviderProps {
20
25
  */
21
26
  project?: string;
22
27
  styles?: object;
28
+ /**
29
+ * Callback function to get a JWT token for authorization.
30
+ * This function should return a Promise that resolves to a JWT token string.
31
+ */
32
+ getToken?: ({ consumerRef, groupRef, }: {
33
+ consumerRef: string;
34
+ groupRef: string;
35
+ }) => Promise<string>;
23
36
  };
24
37
  children: default_2.ReactNode;
25
38
  }
@@ -75,6 +88,12 @@ declare interface BaseProxyConfig {
75
88
  * @memberof BaseProxyConfig
76
89
  */
77
90
  enabled?: boolean;
91
+ /**
92
+ * Default is false. If this is set to true, the base URL for the proxy action will be the module's base URL. Otherwise, it is assumed that the base URL is the provider's root base URL.
93
+ * @type {boolean}
94
+ * @memberof BaseProxyConfig
95
+ */
96
+ useModule?: boolean;
78
97
  }
79
98
 
80
99
  /**
@@ -254,6 +273,12 @@ export declare interface ConfigContent {
254
273
  * @memberof ConfigContent
255
274
  */
256
275
  provider: string;
276
+ /**
277
+ * The SaaS module that we are integrating with.
278
+ * @type {string}
279
+ * @memberof ConfigContent
280
+ */
281
+ module?: string;
257
282
  /**
258
283
  *
259
284
  * @type {ReadConfig}
@@ -701,7 +726,7 @@ export declare type FieldMappingEntry = {
701
726
  };
702
727
 
703
728
  /**
704
- *
729
+ * Metadata about a field. Please note that different providers have different levels of support for field metadata. Please reach out to support@withampersand.com if need expanded support for a particular provider.
705
730
  * @export
706
731
  * @interface FieldMetadata
707
732
  */
@@ -942,6 +967,12 @@ declare interface HydratedIntegration {
942
967
  * @memberof HydratedIntegration
943
968
  */
944
969
  displayName?: string;
970
+ /**
971
+ *
972
+ * @type {string}
973
+ * @memberof HydratedIntegration
974
+ */
975
+ module?: string;
945
976
  /**
946
977
  *
947
978
  * @type {string}
@@ -1130,6 +1161,12 @@ declare interface HydratedIntegrationProxy {
1130
1161
  * @memberof HydratedIntegrationProxy
1131
1162
  */
1132
1163
  enabled?: boolean;
1164
+ /**
1165
+ * Default is false. If this is set to true, the base URL for the proxy action will be the module's base URL. Otherwise, it is assumed that the base URL is the provider's root base URL.
1166
+ * @type {boolean}
1167
+ * @memberof HydratedIntegrationProxy
1168
+ */
1169
+ useModule?: boolean;
1133
1170
  }
1134
1171
 
1135
1172
  /**
@@ -1635,6 +1672,13 @@ declare const ProviderMetadataInfoSourceEnum: {
1635
1672
 
1636
1673
  declare type ProviderMetadataInfoSourceEnum = typeof ProviderMetadataInfoSourceEnum[keyof typeof ProviderMetadataInfoSourceEnum];
1637
1674
 
1675
+ declare type ProxyHandlers = {
1676
+ object: BaseProxyConfig | undefined;
1677
+ setEnableProxy: () => void;
1678
+ setDisableProxy: () => void;
1679
+ getProxyEnabled: () => boolean;
1680
+ };
1681
+
1638
1682
  /**
1639
1683
  *
1640
1684
  * @export
@@ -1668,13 +1712,13 @@ declare interface ReadConfigObject {
1668
1712
  * @type {string}
1669
1713
  * @memberof ReadConfigObject
1670
1714
  */
1671
- schedule: string;
1715
+ schedule?: string;
1672
1716
  /**
1673
1717
  * The name of the destination that the result should be sent to.
1674
1718
  * @type {string}
1675
1719
  * @memberof ReadConfigObject
1676
1720
  */
1677
- destination: string;
1721
+ destination?: string;
1678
1722
  /**
1679
1723
  * This is a map of field names to booleans indicating whether they should be read. If a field is already included in `selectedFieldMappings`, it does not need to be included here.
1680
1724
  * @type {{ [key: string]: boolean; }}
@@ -1811,6 +1855,12 @@ export declare interface UpdateInstallationConfigContent {
1811
1855
  * @memberof UpdateInstallationConfigContent
1812
1856
  */
1813
1857
  provider?: string;
1858
+ /**
1859
+ * The SaaS module that we are integrating with.
1860
+ * @type {string}
1861
+ * @memberof UpdateInstallationConfigContent
1862
+ */
1863
+ module?: string;
1814
1864
  /**
1815
1865
  *
1816
1866
  * @type {BaseReadConfig}
@@ -1831,7 +1881,7 @@ export declare interface UpdateInstallationConfigContent {
1831
1881
  proxy?: BaseProxyConfig;
1832
1882
  }
1833
1883
 
1834
- export declare function useAmpersandProvider(): never;
1884
+ export declare function useAmpersandProviderProps(): AmpersandContextValue;
1835
1885
 
1836
1886
  export declare function useConfig(): {
1837
1887
  draft: Partial<ConfigContent>;
@@ -1840,6 +1890,7 @@ export declare function useConfig(): {
1840
1890
  setDraft: Dispatch<SetStateAction<Partial<ConfigContent>>>;
1841
1891
  readObject: (objectName: string) => ReadObjectHandlers;
1842
1892
  writeObject: (objectName: string) => WriteObjectHandlers;
1893
+ proxy: () => ProxyHandlers;
1843
1894
  };
1844
1895
 
1845
1896
  /**
package/build/style.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--amp-font-family: "DM Sans", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--amp-colors-white: #ffffff;--amp-colors-black: #111111;--amp-colors-primary: #000000;--amp-colors-neutral-25: #FEFEFE;--amp-colors-neutral-50: #FDFCFD;--amp-colors-neutral-100: #FAFAFC;--amp-colors-neutral-200: #F6F5F9;--amp-colors-neutral-300: #F1EFF5;--amp-colors-neutral-400: #EDEAF2;--amp-colors-neutral-500: #E8E5EF;--amp-colors-neutral-600: #918E95;--amp-colors-neutral-700: #646266;--amp-colors-neutral-800: #363638;--amp-colors-neutral-900: #1D1D1D;--amp-colors-text-standout: light-dark(var(--amp-colors-black), var(--amp-colors-white));--amp-colors-text-regular: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-100));--amp-colors-text-muted: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-200));--amp-colors-bg-primary: light-dark(var(--amp-colors-white), var(--amp-colors-neutral-800));--amp-colors-bg-secondary: light-dark(var(--amp-colors-neutral-50), var(--amp-colors-neutral-900));--amp-colors-bg-highlight: light-dark(var(--amp-colors-neutral-300), var(--amp-colors-neutral-700));--amp-colors-border: light-dark(var(--amp-colors-neutral-300), var(--amp-colors-neutral-700));--amp-default-border-radius: 6px;--amp-colors-status-critical-dark: #702525;--amp-colors-status-critical: #E73D3D;--amp-colors-status-critical-muted: #FFD9D9;--amp-colors-status-success-dark: #2A704A;--amp-colors-status-success: #49E792;--amp-colors-status-success-muted: #DCFFEC;--amp-colors-link-text: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-50));--amp-colors-link-focus: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-700));--amp-colors-link-active: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-200));--amp-colors-button-primary: var(--amp-colors-primary);--amp-colors-button-text: var(--amp-colors-white);--amp-button-font-size: 1rem;--amp-colors-input-border-default: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-700));--amp-colors-input-border-disabled: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-600));--amp-colors-input-border-focus: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-50));--amp-colors-input-border-hover: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-600));--amp-colors-input-content-default: light-dark(var(--amp-colors-black), var(--amp-colors-white));--amp-colors-input-content-disabled: var(--amp-colors-neutral-600);--amp-colors-input-content-placeholder-text: var(--amp-colors-neutral-600);--amp-colors-input-surface-default: light-dark(var(--amp-colors-white), var(--amp-colors-neutral-900));--amp-colors-input-surface-disabled: light-dark(var(--amp-colors-neutral-200), var(--amp-colors-neutral-700));--amp-colors-input-surface-focus: light-dark(var(--amp-colors-white), var(--amp-colors-black));--amp-colors-input-surface-hover: light-dark(var(--amp-colors-neutral-200), var(--amp-colors-neutral-800))}._box_1p7c5_1{border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-bg-primary);border:1px solid var(--amp-colors-border)}._container_1wvzr_1{max-width:60ch;margin-left:auto;margin-right:auto}._errorBoxContainer_4sdb2_1{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:30px;min-height:300px}._errorBox_4sdb2_1{display:flex;justify-content:center;align-items:center;padding:1em 2rem;border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-status-critical-muted);border:1px solid var(--amp-colors-status-critical-muted)}._errorText_4sdb2_20{color:var(--amp-colors-status-critical-dark)}._loader_6ubm6_1{animation:_rotate_6ubm6_1 1s infinite;height:50px;width:50px}._loader_6ubm6_1:before,._loader_6ubm6_1:after{border-radius:50%;content:"";display:block;height:20px;width:20px}._loader_6ubm6_1:before{animation:_ball1_6ubm6_1 1s infinite;background-color:var(--amp-colors-primary);box-shadow:30px 0 0 var(--amp-colors-neutral-700);margin-bottom:10px}._loader_6ubm6_1:after{animation:_ball2_6ubm6_1 1s infinite;background-color:var(--amp-colors-neutral-700);box-shadow:30px 0 0 var(--amp-colors-primary)}@keyframes _rotate_6ubm6_1{0%{transform:rotate(0) scale(.8)}50%{transform:rotate(360deg) scale(1.2)}to{transform:rotate(720deg) scale(.8)}}@keyframes _ball1_6ubm6_1{0%{box-shadow:30px 0 0 var(--amp-colors-neutral-700)}50%{box-shadow:0 0 0 var(--amp-colors-neutral-700);margin-bottom:0;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-neutral-700);margin-bottom:10px}}@keyframes _ball2_6ubm6_1{0%{box-shadow:30px 0 0 var(--amp-colors-primary)}50%{box-shadow:0 0 0 var(--amp-colors-primary);margin-top:-20px;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-primary);margin-top:0}}._button_kwfiu_1{color:var(--amp-colors-button-text);background-color:var(--amp-colors-button-primary);border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-border);height:2.5rem;font-size:var(--amp-button-font-size);font-weight:500;line-height:1.5rem;padding:0 1rem;transition:all .1s ease}._button_kwfiu_1:hover{opacity:.8}._button_kwfiu_1:focus{outline:none}._button_kwfiu_1:focus-visible{outline:none}._buttonError_kwfiu_28{border:1px solid var(--amp-colors-status-critical)}._button_kwfiu_1:focus:enabled{outline:none}._button_kwfiu_1:disabled{opacity:.5;cursor:not-allowed}._danger_kwfiu_42{color:var(--amp-colors-status-critical);background-color:var(--amp-colors-bg-secondary)}._ghost_kwfiu_47{border-color:var(--amp-colors-border);background-color:var(--amp-colors-bg-secondary);color:var(--amp-colors-text-regular)}._input_1ymb7_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-input-border-default);height:2.5rem;transition:all .2s ease-in;color:var(--amp-colors-input-content-default);background-color:var(--amp-colors-input-surface-default);font-size:1rem;font-weight:400;line-height:1.5rem;padding:0 1rem;width:100%;transition:all .1s ease}._input_1ymb7_1:hover{border-color:var(--amp-colors-input-border-hover);background-color:var(--amp-colors-input-surface-hover)}._input_1ymb7_1::placeholder{color:var(--amp-colors-input-content-placeholder-text)}._inputError_1ymb7_27{border:1px solid var(--amp-colors-status-critical)}._input_1ymb7_1:focus:enabled{border:1px solid var(--amp-colors-input-border-focus);outline:none;background-color:var(--amp-colors-input-surface-focus)}._input_1ymb7_1:disabled{background-color:var(--amp-colors-input-surface-disabled);border:1px solid var(--amp-colors-input-border-disabled);color:var(--amp-colors-input-content-disabled)}._error_1ymb7_43{color:var(--amp-colors-status-critical);font-size:.875rem;font-weight:400;line-height:1.25rem}._textarea_18zl4_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-input-border-default);background-color:var(--amp-colors-input-surface-default);color:var(--amp-colors-input-content-default);font-size:1rem;font-weight:400;line-height:1.5rem;padding:.5rem 1rem;transition:all .05s ease-in}._textareaError_18zl4_14{border-color:var(--amp-colors-status-critical)}._textarea_18zl4_1:focus:enabled{border:2px solid var(--amp-colors-input-border-focus);outline:none}._textarea_18zl4_1:disabled{color:var(--amp-colors-input-content-disabled);background-color:var(--amp-colors-input-surface-disabled);border:1px solid var(--amp-colors-input-border-disabled)}._error_18zl4_29{color:var(--amp-colors-status-critical-dark);font-size:.875rem;font-weight:400;line-height:1.25rem}._link_oo2kv_1{color:var(--amp-colors-link-text);text-decoration:none;font-weight:500}._link_oo2kv_1:hover,._link_oo2kv_1:focus{text-decoration:underline;outline:none}._link_oo2kv_1:focus{outline:2px solid var(--amp-colors-link-focus);outline-offset:2px}._link_oo2kv_1:active{color:var(--amp-colors-link-active)}._divider_1kmoj_1{border:none;height:1px;background:var(--amp-colors-border)}._comboboxContainer_1lcc8_1{width:100%;display:flex;flex-direction:column;gap:.5rem}._label_1lcc8_8{font-size:1rem}._inputContainer_1lcc8_12{display:flex;border:1px solid;border-color:var(--amp-colors-input-border-default);border-radius:var(--amp-default-border-radius)}._input_1lcc8_12{padding:.5rem;width:100%;font-size:1rem;background-color:var(--amp-colors-input-surface-default);color:var(--amp-colors-input-content-default);border-top-left-radius:var(--amp-default-border-radius);border-bottom-left-radius:var(--amp-default-border-radius)}._input_1lcc8_12:focus-visible{outline:1px solid var(--amp-colors-input-border-focus)}._toggleButton_1lcc8_33{padding:.5rem;cursor:pointer;background-color:var(--amp-colors-bg-highlight)}._menu_1lcc8_39{position:absolute;background-color:var(--amp-colors-input-surface-default);width:100%;max-height:120px;overflow-y:auto;margin-top:.25rem;border:1px solid;border-color:var(--amp-colors-input-border-default);z-index:10;border-radius:var(--amp-default-border-radius);padding:0;font-size:.8rem}._menuBottom_1lcc8_55{top:100%;margin-top:4px}._menuTop_1lcc8_61{bottom:100%;margin-bottom:4px}._menuItem_1lcc8_66{padding:.5rem;display:flex;flex-direction:column}._menuItem_1lcc8_66:hover,._highlighted_1lcc8_73{background-color:var(--amp-colors-input-surface-hover)}._selected_1lcc8_77{font-weight:700}._hidden_1lcc8_81{display:none}._formControl_9qd8d_1{margin-bottom:.25rem}._formLabel_9qd8d_5{font-weight:700;margin-bottom:.5rem;display:block}._formLabelRequired_9qd8d_11:after{content:" *";color:var(--amp-colors-status-critical-dark)}._formInput_9qd8d_16{position:relative}._formInputInvalid_9qd8d_20 input{border-color:var(--amp-colors-status-critical)}._formError_9qd8d_24{color:var(--amp-colors-status-critical-dark);font-size:.875rem;margin-top:.5rem}._disabled_9qd8d_30{opacity:.6;pointer-events:none}._checkboxGroupContainer_hqfeu_1{margin-bottom:10px;border:1px solid var(--amp-colors-border);border-radius:var(--amp-default-border-radius)}._stack_hqfeu_6{height:fit-content}._selectAllContainer_hqfeu_10{background-color:var(--amp-colors-bg-highlight);padding:8px 10px;display:flex;align-items:center}._fieldContainer_hqfeu_17{padding:8px 10px;border-bottom:1px solid var(--amp-colors-border);display:flex;align-items:center}._checkbox_hqfeu_1{margin-right:10px;background-color:var(--amp-colors-bg-primary);width:20px;height:20px;border-radius:4px;display:flex;justify-content:center;border:1px solid var(--amp-colors-input-border-default);cursor:pointer;flex:none}._checkbox_hqfeu_1:hover{background-color:var(--amp-colors-input-surface-hover);border-color:var(--amp-colors-input-border-hover)}._checkbox_hqfeu_1:focus{box-shadow:0 0 0 2px var(--amp-colors-focus-border);border-color:var(--amp-colors-input-border-focus)}._paginationContainer_i9j9p_1{display:flex;justify-content:space-between;padding:.25rem .5rem}._pageInfo_i9j9p_7{display:flex;align-items:center;color:var(--amp-colors-text-muted)}._authenticationRow_1g2ms_1{display:flex;justify-content:space-between;padding:.5rem 0;font-size:1rem}._field_1g2ms_8{color:var(--amp-colors-text-muted)}._value_1g2ms_12{color:var(--amp-colors-text-regular);text-align:right}._tabsRoot_ktpr0_1{display:flex;width:100%}._tabsList_ktpr0_6{display:flex;flex-direction:column;width:100%}._tabTrigger_ktpr0_12{all:unset;padding:10px;cursor:pointer;background-color:var(--amp-colors-tabs-background);border-radius:var(--amp-default-border-radius);margin-bottom:5px}._tabTrigger_ktpr0_12:hover,._tabTrigger_ktpr0_12[data-state=active]{background-color:var(--amp-colors-bg-highlight)}._danger_ktpr0_29{color:var(--amp-colors-status-critical)}._resetContainer_lkwv9_4 *,._resetContainer_lkwv9_4 *:before,._resetContainer_lkwv9_4 *:after{box-sizing:border-box}._resetContainer_lkwv9_4 *{font-family:var(--amp-font-family)}._resetContainer_lkwv9_4 body,._resetContainer_lkwv9_4 h1,._resetContainer_lkwv9_4 h2,._resetContainer_lkwv9_4 h3,._resetContainer_lkwv9_4 h4,._resetContainer_lkwv9_4 h5,._resetContainer_lkwv9_4 h6,._resetContainer_lkwv9_4 p{margin:0;padding:0}._resetContainer_lkwv9_4 button{cursor:pointer}
1
+ @import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--amp-font-family: "DM Sans", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--amp-colors-white: #ffffff;--amp-colors-black: #111111;--amp-colors-primary: #000000;--amp-colors-neutral-25: #FEFEFE;--amp-colors-neutral-50: #FDFCFD;--amp-colors-neutral-100: #FAFAFC;--amp-colors-neutral-200: #F6F5F9;--amp-colors-neutral-300: #F1EFF5;--amp-colors-neutral-400: #EDEAF2;--amp-colors-neutral-500: #E8E5EF;--amp-colors-neutral-600: #918E95;--amp-colors-neutral-700: #646266;--amp-colors-neutral-800: #363638;--amp-colors-neutral-900: #1D1D1D;--amp-colors-text-standout: light-dark(var(--amp-colors-black), var(--amp-colors-white));--amp-colors-text-regular: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-100));--amp-colors-text-muted: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-200));--amp-colors-bg-primary: light-dark(var(--amp-colors-white), var(--amp-colors-neutral-800));--amp-colors-bg-secondary: light-dark(var(--amp-colors-neutral-50), var(--amp-colors-neutral-900));--amp-colors-bg-highlight: light-dark(var(--amp-colors-neutral-300), var(--amp-colors-neutral-700));--amp-colors-border: light-dark(var(--amp-colors-neutral-300), var(--amp-colors-neutral-700));--amp-default-border-radius: 6px;--amp-colors-status-critical-dark: #702525;--amp-colors-status-critical: #E73D3D;--amp-colors-status-critical-muted: #FFD9D9;--amp-colors-status-success-dark: #2A704A;--amp-colors-status-success: #49E792;--amp-colors-status-success-muted: #DCFFEC;--amp-colors-link-text: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-50));--amp-colors-link-focus: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-700));--amp-colors-link-active: light-dark(var(--amp-colors-neutral-700), var(--amp-colors-neutral-200));--amp-colors-button-primary: var(--amp-colors-primary);--amp-colors-button-text: var(--amp-colors-white);--amp-button-font-size: 1rem;--amp-colors-input-border-default: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-700));--amp-colors-input-border-disabled: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-600));--amp-colors-input-border-focus: light-dark(var(--amp-colors-neutral-900), var(--amp-colors-neutral-50));--amp-colors-input-border-hover: light-dark(var(--amp-colors-neutral-500), var(--amp-colors-neutral-600));--amp-colors-input-content-default: light-dark(var(--amp-colors-black), var(--amp-colors-white));--amp-colors-input-content-disabled: var(--amp-colors-neutral-600);--amp-colors-input-content-placeholder-text: var(--amp-colors-neutral-600);--amp-colors-input-surface-default: light-dark(var(--amp-colors-white), var(--amp-colors-neutral-900));--amp-colors-input-surface-disabled: light-dark(var(--amp-colors-neutral-200), var(--amp-colors-neutral-700));--amp-colors-input-surface-focus: light-dark(var(--amp-colors-white), var(--amp-colors-black));--amp-colors-input-surface-hover: light-dark(var(--amp-colors-neutral-200), var(--amp-colors-neutral-800))}._box_1p7c5_1{border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-bg-primary);border:1px solid var(--amp-colors-border)}._container_1wvzr_1{max-width:60ch;margin-left:auto;margin-right:auto}._errorBoxContainer_4sdb2_1{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:30px;min-height:300px}._errorBox_4sdb2_1{display:flex;justify-content:center;align-items:center;padding:1em 2rem;border-radius:var(--amp-default-border-radius);background-color:var(--amp-colors-status-critical-muted);border:1px solid var(--amp-colors-status-critical-muted)}._errorText_4sdb2_20{color:var(--amp-colors-status-critical-dark)}._loader_6ubm6_1{animation:_rotate_6ubm6_1 1s infinite;height:50px;width:50px}._loader_6ubm6_1:before,._loader_6ubm6_1:after{border-radius:50%;content:"";display:block;height:20px;width:20px}._loader_6ubm6_1:before{animation:_ball1_6ubm6_1 1s infinite;background-color:var(--amp-colors-primary);box-shadow:30px 0 0 var(--amp-colors-neutral-700);margin-bottom:10px}._loader_6ubm6_1:after{animation:_ball2_6ubm6_1 1s infinite;background-color:var(--amp-colors-neutral-700);box-shadow:30px 0 0 var(--amp-colors-primary)}@keyframes _rotate_6ubm6_1{0%{transform:rotate(0) scale(.8)}50%{transform:rotate(360deg) scale(1.2)}to{transform:rotate(720deg) scale(.8)}}@keyframes _ball1_6ubm6_1{0%{box-shadow:30px 0 0 var(--amp-colors-neutral-700)}50%{box-shadow:0 0 0 var(--amp-colors-neutral-700);margin-bottom:0;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-neutral-700);margin-bottom:10px}}@keyframes _ball2_6ubm6_1{0%{box-shadow:30px 0 0 var(--amp-colors-primary)}50%{box-shadow:0 0 0 var(--amp-colors-primary);margin-top:-20px;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--amp-colors-primary);margin-top:0}}._button_kwfiu_1{color:var(--amp-colors-button-text);background-color:var(--amp-colors-button-primary);border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-border);height:2.5rem;font-size:var(--amp-button-font-size);font-weight:500;line-height:1.5rem;padding:0 1rem;transition:all .1s ease}._button_kwfiu_1:hover{opacity:.8}._button_kwfiu_1:focus{outline:none}._button_kwfiu_1:focus-visible{outline:none}._buttonError_kwfiu_28{border:1px solid var(--amp-colors-status-critical)}._button_kwfiu_1:focus:enabled{outline:none}._button_kwfiu_1:disabled{opacity:.5;cursor:not-allowed}._danger_kwfiu_42{color:var(--amp-colors-status-critical);background-color:var(--amp-colors-bg-secondary)}._ghost_kwfiu_47{border-color:var(--amp-colors-border);background-color:var(--amp-colors-bg-secondary);color:var(--amp-colors-text-regular)}._input_1ymb7_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-input-border-default);height:2.5rem;transition:all .2s ease-in;color:var(--amp-colors-input-content-default);background-color:var(--amp-colors-input-surface-default);font-size:1rem;font-weight:400;line-height:1.5rem;padding:0 1rem;width:100%;transition:all .1s ease}._input_1ymb7_1:hover{border-color:var(--amp-colors-input-border-hover);background-color:var(--amp-colors-input-surface-hover)}._input_1ymb7_1::placeholder{color:var(--amp-colors-input-content-placeholder-text)}._inputError_1ymb7_27{border:1px solid var(--amp-colors-status-critical)}._input_1ymb7_1:focus:enabled{border:1px solid var(--amp-colors-input-border-focus);outline:none;background-color:var(--amp-colors-input-surface-focus)}._input_1ymb7_1:disabled{background-color:var(--amp-colors-input-surface-disabled);border:1px solid var(--amp-colors-input-border-disabled);color:var(--amp-colors-input-content-disabled)}._error_1ymb7_43{color:var(--amp-colors-status-critical);font-size:.875rem;font-weight:400;line-height:1.25rem}._textarea_18zl4_1{border-radius:var(--amp-default-border-radius);border:1px solid;border-color:var(--amp-colors-input-border-default);background-color:var(--amp-colors-input-surface-default);color:var(--amp-colors-input-content-default);font-size:1rem;font-weight:400;line-height:1.5rem;padding:.5rem 1rem;transition:all .05s ease-in}._textareaError_18zl4_14{border-color:var(--amp-colors-status-critical)}._textarea_18zl4_1:focus:enabled{border:2px solid var(--amp-colors-input-border-focus);outline:none}._textarea_18zl4_1:disabled{color:var(--amp-colors-input-content-disabled);background-color:var(--amp-colors-input-surface-disabled);border:1px solid var(--amp-colors-input-border-disabled)}._error_18zl4_29{color:var(--amp-colors-status-critical-dark);font-size:.875rem;font-weight:400;line-height:1.25rem}._link_oo2kv_1{color:var(--amp-colors-link-text);text-decoration:none;font-weight:500}._link_oo2kv_1:hover,._link_oo2kv_1:focus{text-decoration:underline;outline:none}._link_oo2kv_1:focus{outline:2px solid var(--amp-colors-link-focus);outline-offset:2px}._link_oo2kv_1:active{color:var(--amp-colors-link-active)}._divider_1kmoj_1{border:none;height:1px;background:var(--amp-colors-border)}._comboboxContainer_1lcc8_1{width:100%;display:flex;flex-direction:column;gap:.5rem}._label_1lcc8_8{font-size:1rem}._inputContainer_1lcc8_12{display:flex;border:1px solid;border-color:var(--amp-colors-input-border-default);border-radius:var(--amp-default-border-radius)}._input_1lcc8_12{padding:.5rem;width:100%;font-size:1rem;background-color:var(--amp-colors-input-surface-default);color:var(--amp-colors-input-content-default);border-top-left-radius:var(--amp-default-border-radius);border-bottom-left-radius:var(--amp-default-border-radius)}._input_1lcc8_12:focus-visible{outline:1px solid var(--amp-colors-input-border-focus)}._toggleButton_1lcc8_33{padding:.5rem;cursor:pointer;background-color:var(--amp-colors-bg-highlight)}._menu_1lcc8_39{position:absolute;background-color:var(--amp-colors-input-surface-default);width:100%;max-height:120px;overflow-y:auto;margin-top:.25rem;border:1px solid;border-color:var(--amp-colors-input-border-default);z-index:10;border-radius:var(--amp-default-border-radius);padding:0;font-size:.8rem}._menuBottom_1lcc8_55{top:100%;margin-top:4px}._menuTop_1lcc8_61{bottom:100%;margin-bottom:4px}._menuItem_1lcc8_66{padding:.5rem;display:flex;flex-direction:column}._menuItem_1lcc8_66:hover,._highlighted_1lcc8_73{background-color:var(--amp-colors-input-surface-hover)}._selected_1lcc8_77{font-weight:700}._hidden_1lcc8_81{display:none}._formControl_9qd8d_1{margin-bottom:.25rem}._formLabel_9qd8d_5{font-weight:700;margin-bottom:.5rem;display:block}._formLabelRequired_9qd8d_11:after{content:" *";color:var(--amp-colors-status-critical-dark)}._formInput_9qd8d_16{position:relative}._formInputInvalid_9qd8d_20 input{border-color:var(--amp-colors-status-critical)}._formError_9qd8d_24{color:var(--amp-colors-status-critical-dark);font-size:.875rem;margin-top:.5rem}._disabled_9qd8d_30{opacity:.6;pointer-events:none}._checkboxGroupContainer_hqfeu_1{margin-bottom:10px;border:1px solid var(--amp-colors-border);border-radius:var(--amp-default-border-radius)}._stack_hqfeu_6{height:fit-content}._selectAllContainer_hqfeu_10{background-color:var(--amp-colors-bg-highlight);padding:8px 10px;display:flex;align-items:center}._fieldContainer_hqfeu_17{padding:8px 10px;border-bottom:1px solid var(--amp-colors-border);display:flex;align-items:center}._checkbox_hqfeu_1{margin-right:10px;background-color:var(--amp-colors-bg-primary);width:20px;height:20px;border-radius:4px;display:flex;justify-content:center;border:1px solid var(--amp-colors-input-border-default);cursor:pointer;flex:none}._checkbox_hqfeu_1:hover{background-color:var(--amp-colors-input-surface-hover);border-color:var(--amp-colors-input-border-hover)}._checkbox_hqfeu_1:focus{box-shadow:0 0 0 2px var(--amp-colors-focus-border);border-color:var(--amp-colors-input-border-focus)}._paginationContainer_1p51x_1{display:flex;justify-content:space-between;padding:.25rem .5rem}._pageInfo_1p51x_7{display:flex;align-items:center;color:var(--amp-colors-text-muted)}._searchContainer_1p51x_13{padding:.5rem}._searchInput_1p51x_17{width:100%}._noResults_1p51x_21{text-align:center;padding:1rem;color:var(--amp-colors-text-muted);font-style:italic}._authenticationRow_1g2ms_1{display:flex;justify-content:space-between;padding:.5rem 0;font-size:1rem}._field_1g2ms_8{color:var(--amp-colors-text-muted)}._value_1g2ms_12{color:var(--amp-colors-text-regular);text-align:right}._tabsRoot_ktpr0_1{display:flex;width:100%}._tabsList_ktpr0_6{display:flex;flex-direction:column;width:100%}._tabTrigger_ktpr0_12{all:unset;padding:10px;cursor:pointer;background-color:var(--amp-colors-tabs-background);border-radius:var(--amp-default-border-radius);margin-bottom:5px}._tabTrigger_ktpr0_12:hover,._tabTrigger_ktpr0_12[data-state=active]{background-color:var(--amp-colors-bg-highlight)}._danger_ktpr0_29{color:var(--amp-colors-status-critical)}._resetContainer_lkwv9_4 *,._resetContainer_lkwv9_4 *:before,._resetContainer_lkwv9_4 *:after{box-sizing:border-box}._resetContainer_lkwv9_4 *{font-family:var(--amp-font-family)}._resetContainer_lkwv9_4 body,._resetContainer_lkwv9_4 h1,._resetContainer_lkwv9_4 h2,._resetContainer_lkwv9_4 h3,._resetContainer_lkwv9_4 h4,._resetContainer_lkwv9_4 h5,._resetContainer_lkwv9_4 h6,._resetContainer_lkwv9_4 p{margin:0;padding:0}._resetContainer_lkwv9_4 button{cursor:pointer}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@amp-labs/react",
3
- "version": "2.8.5",
3
+ "version": "2.8.9",
4
4
  "description": "Ampersand React library.",
5
5
  "author": {
6
6
  "name": "Ampersand Labs",
@@ -79,10 +79,10 @@
79
79
  "jest": "^30.0.0",
80
80
  "prettier": "^3.5.3",
81
81
  "react-test-renderer": "^19.0.0",
82
- "rollup-plugin-visualizer": "^5.12.0",
82
+ "rollup-plugin-visualizer": "^6.0.3",
83
83
  "ts-node": "^10.9.2",
84
84
  "typescript": "^5.8.3",
85
- "vite": "^5.3.3",
85
+ "vite": "5.4.11",
86
86
  "vite-plugin-dts": "^4.1.0"
87
87
  },
88
88
  "peerDependencies": {
@@ -99,6 +99,7 @@
99
99
  "eslint-plugin-react-refresh": "^0.4.20",
100
100
  "globals": "^16.0.0",
101
101
  "immer": "^10.0.3",
102
+ "jose": "^6.0.12",
102
103
  "lodash.isequal": "^4.5.0",
103
104
  "react-tooltip": "^5.28.0"
104
105
  },