import { ReactElement, ReactNode } from 'react'; /** * Badge settings, grouped per the control design (Figma 6948-484): * "Pop-up Configuration" (the modal is Flex-owned — eligibility + tabs only, * no style controls) and "Badge Configuration" (the on-page badge, which the * merchant may tune to blend into their PDP). * * The `lomn` select's id and yes/no values are PRESERVED from the originally * shipped block so live merchant installs keep their saved configuration; so * are the custom font-size/letter-spacing toggles. */ declare const BADGE_SETTINGS: readonly [{ readonly type: "header"; readonly content: "Pop-up Configuration"; }, { readonly type: "select"; readonly id: "lomn"; readonly label: "Default Eligibility"; readonly default: "no"; readonly info: "Specify a default eligibility. Where Flex has synced a product’s eligibility, that value may be used in place of this default."; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "checkbox"; readonly id: "show_subscription_tab"; readonly label: "Show subscriptions tab"; readonly default: false; readonly info: "Adds a Subscription tab to the pop-up explaining the HSA/FSA reimbursement process for subscription orders."; }, { readonly type: "header"; readonly content: "Badge Configuration"; }, { readonly type: "select"; readonly id: "style"; readonly label: "Style"; readonly default: "light"; readonly options: readonly [{ readonly value: "light"; readonly label: "Light"; }, { readonly value: "dark"; readonly label: "Dark"; }]; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Badge Alignment"; }, { readonly type: "range"; readonly id: "width"; readonly min: 250; readonly max: 350; readonly step: 1; readonly unit: "px"; readonly label: "Badge Width"; readonly default: 315; readonly info: "Scales the whole badge to this width."; }, { readonly type: "checkbox"; readonly id: "use_custom_font_size"; readonly label: "Use custom font size"; readonly default: false; readonly info: "By default, the badge text scales with the Badge Width. Enable this to set an exact font size instead."; }, { readonly type: "range"; readonly id: "font_size"; readonly min: 10; readonly max: 32; readonly step: 1; readonly unit: "px"; readonly label: "Font size"; readonly default: 16; }, { readonly type: "checkbox"; readonly id: "use_custom_letter_spacing"; readonly label: "Use custom letter spacing"; readonly default: false; }, { readonly type: "range"; readonly id: "letter_spacing"; readonly min: 0; readonly max: 5; readonly step: 0.1; readonly unit: "px"; readonly label: "Letter Spacing"; readonly default: 0; }]; /** * The settings single-source. Each block defines its merchant-facing settings * ONCE as a `SettingDef[]` in its `settings.ts`; from that one definition we * derive: * - the Shopify theme-editor `{% schema %}` (targets/shopify/schema.ts), * - Storybook controls/argTypes (storybook/arg-types.ts), * - the block's prop defaults (via `settingDefaults`). * * The shape intentionally mirrors Shopify's input-setting schema 1:1 so the * Shopify derivation is the identity — the other targets adapt to it. * Setting ids are snake_case (Shopify convention); props/argTypes camelize. */ interface SettingOption { value: string; label: string; } interface BaseSetting { id: string; label: string; info?: string; } type SettingDef = { type: "header"; content: string; info?: string; } | { type: "paragraph"; content: string; } | (BaseSetting & { type: "select"; default: string; options: readonly SettingOption[]; }) | (BaseSetting & { type: "checkbox"; default: boolean; }) | (BaseSetting & { type: "color"; default: string; }) | (BaseSetting & { type: "text"; default?: string; }) | (BaseSetting & { type: "url"; }) | (BaseSetting & { type: "image_picker"; }) | (BaseSetting & { type: "range"; min: number; max: number; step: number; unit: string; default: number; }) | (BaseSetting & { type: "text_alignment"; default?: string; }); /** snake_case → camelCase at the type level (mirrors `camelizeId`). */ type Camelize = S extends `${infer Head}_${infer Tail}` ? `${Head}${Capitalize>}` : S; /** The web prop value type a single setting maps to. */ type SettingValue = S extends { type: "select"; options: readonly { value: infer V; }[]; } ? V : S extends { type: "checkbox"; } ? boolean : S extends { type: "range"; } ? number : S extends { type: "text_alignment"; } ? "left" | "center" | "right" : S extends { type: "color" | "text" | "url" | "image_picker"; } ? string : never; /** Settings carrying a value (have an `id`) — drops header/paragraph. */ type ValueSetting = S extends { id: string; } ? S : never; /** * Derive a block's props from its settings: every input setting becomes an * optional prop named by its camelized id, typed to the setting's value. A * block whose web API diverges from a setting (e.g. the badge's `lomn` → * `eligibility` value remap) `Omit`s that key and declares its own. */ type SettingsProps = { [S in ValueSetting as Camelize]?: SettingValue; }; /** * Product-eligibility flows. Dual-purpose products ("lomn") require a Letter * of Medical Necessity step; always-eligible products ("iias") skip it. * Subscription purchasing is orthogonal — a tab on the badge modal, not an * eligibility. */ declare const ELIGIBILITIES: readonly ["iias", "lomn"]; type Eligibility = (typeof ELIGIBILITIES)[number]; /** * Typed props (settings → props). The badge's divergent web API (`lomn`→ * eligibility yes/no→lomn/iias, `style`→styleVariant, `alignment`→align, plus * Shopify-only font toggles) is inlined rather than mapped 1:1; the rest (width, * show_subscription_tab) flow through the settings context. A `type` alias (not * interface) so it stays assignable to `defineBlock`'s `Record` param. */ type BadgeProps = Omit, "lomn" | "style" | "alignment" | "useCustomFontSize" | "fontSize" | "useCustomLetterSpacing" | "letterSpacing"> & { /** Which eligibility flow to render (web); Shopify resolves it per-product * from the `flex.eligibility` metafield. `"ineligible"` hides the badge. */ eligibility?: Eligibility | "ineligible"; /** Badge text style — "dark" renders white text for dark pages (web). */ styleVariant?: "light" | "dark"; /** Horizontal alignment (web). */ align?: "left" | "center" | "right"; blockId?: string; shopName?: string; assetBaseUrl?: string; }; declare const BANNER_SETTINGS: readonly [{ readonly type: "select"; readonly id: "copy_option"; readonly label: "Copy Option"; readonly default: "now-accepting"; readonly options: { value: "now-accepting" | "pre-tax-dollars" | "pay-with" | "accepted-here" | "checkout-with"; label: string; }[]; }, { readonly type: "text"; readonly id: "custom_text"; readonly label: "Custom message (optional)"; readonly info: "Overrides the preset copy above when set."; }, { readonly type: "select"; readonly id: "color_scheme"; readonly label: "Flex Logo Color"; readonly default: "auto"; readonly info: "Auto picks white or navy content from the background color's brightness. Light forces white content; Dark forces navy content."; readonly options: readonly [{ readonly value: "auto"; readonly label: "Auto (match background)"; }, { readonly value: "light"; readonly label: "Light"; }, { readonly value: "dark"; readonly label: "Dark"; }]; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#0B0077"; }, { readonly type: "url"; readonly id: "link"; readonly label: "Link (optional)"; readonly info: "Paste a link to a page or collection"; }, { readonly type: "text"; readonly id: "link_text"; readonly label: "Link Text"; readonly default: "Shop"; }, { readonly type: "color"; readonly id: "link_text_color"; readonly label: "Link Font Color"; readonly default: "#0B0077"; }, { readonly type: "color"; readonly id: "link_badge_color"; readonly label: "Link Badge Color"; readonly default: "#FFFFFF"; }, { readonly type: "checkbox"; readonly id: "dismissible"; readonly label: "Allow shoppers to dismiss"; readonly default: true; }]; type BannerProps = SettingsProps & { /** "fixed" pins to the top (Shopify app embed); "inline" flows in-page * (Shopify section block). */ placement?: "fixed" | "inline"; blockId?: string; shopName?: string; }; /** * FAQ settings (matches Connor's controls mock in MER-1525). The Q&A copy * itself is hard-coded Flex content — only presentation and which groups * show are configurable. */ declare const FAQ_SETTINGS: readonly [{ readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "text"; readonly id: "store_name"; readonly label: "Store name"; readonly info: "Shown in the FAQ questions and answers. Leave blank to use your Shopify store name."; }, { readonly type: "text_alignment"; readonly id: "heading_alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "color"; readonly id: "accordion_color"; readonly label: "Accordion color"; readonly info: "Background of each accordion card."; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "question_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "answer_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly info: "Background of the full section."; readonly default: "#FFFFFF"; }, { readonly type: "range"; readonly id: "max_width"; readonly label: "Max width"; readonly info: "Width of the FAQ list."; readonly min: 600; readonly max: 1600; readonly step: 20; readonly unit: "px"; readonly default: 1200; }, { readonly type: "header"; readonly content: "What's included?"; }, { readonly type: "checkbox"; readonly id: "show_lmn_faqs"; readonly label: "Letter of Medical Necessity FAQs"; readonly default: false; readonly info: "Add for stores selling dual-purpose products."; }, { readonly type: "checkbox"; readonly id: "show_subscription_faqs"; readonly label: "Subscription FAQs"; readonly default: false; readonly info: "Add for stores selling subscription products."; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "text"; readonly id: "store_name"; readonly label: "Store name"; readonly info: "Shown in the FAQ questions and answers. Leave blank to use your Shopify store name."; }, { readonly type: "text_alignment"; readonly id: "heading_alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "color"; readonly id: "accordion_color"; readonly label: "Accordion color"; readonly info: "Background of each accordion card."; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "question_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "answer_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "answer_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly info: "Background of the full section."; readonly default: "#FFFFFF"; }, { readonly type: "range"; readonly id: "max_width"; readonly label: "Max width"; readonly info: "Width of the FAQ list."; readonly min: 600; readonly max: 1600; readonly step: 20; readonly unit: "px"; readonly default: 1200; }, { readonly type: "header"; readonly content: "What's included?"; }, { readonly type: "checkbox"; readonly id: "show_lmn_faqs"; readonly label: "Letter of Medical Necessity FAQs"; readonly default: false; readonly info: "Add for stores selling dual-purpose products."; }, { readonly type: "checkbox"; readonly id: "show_subscription_faqs"; readonly label: "Subscription FAQs"; readonly default: false; readonly info: "Add for stores selling subscription products."; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "text"; readonly id: "store_name"; readonly label: "Store name"; readonly info: "Shown in the FAQ questions and answers. Leave blank to use your Shopify store name."; }, { readonly type: "text_alignment"; readonly id: "heading_alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "color"; readonly id: "accordion_color"; readonly label: "Accordion color"; readonly info: "Background of each accordion card."; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "question_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "question_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "answer_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly info: "Background of the full section."; readonly default: "#FFFFFF"; }, { readonly type: "range"; readonly id: "max_width"; readonly label: "Max width"; readonly info: "Width of the FAQ list."; readonly min: 600; readonly max: 1600; readonly step: 20; readonly unit: "px"; readonly default: 1200; }, { readonly type: "header"; readonly content: "What's included?"; }, { readonly type: "checkbox"; readonly id: "show_lmn_faqs"; readonly label: "Letter of Medical Necessity FAQs"; readonly default: false; readonly info: "Add for stores selling dual-purpose products."; }, { readonly type: "checkbox"; readonly id: "show_subscription_faqs"; readonly label: "Subscription FAQs"; readonly default: false; readonly info: "Add for stores selling subscription products."; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "text"; readonly id: "store_name"; readonly label: "Store name"; readonly info: "Shown in the FAQ questions and answers. Leave blank to use your Shopify store name."; }, { readonly type: "text_alignment"; readonly id: "heading_alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "color"; readonly id: "accordion_color"; readonly label: "Accordion color"; readonly info: "Background of each accordion card."; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "question_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "question_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "answer_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "answer_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly info: "Background of the full section."; readonly default: "#FFFFFF"; }, { readonly type: "range"; readonly id: "max_width"; readonly label: "Max width"; readonly info: "Width of the FAQ list."; readonly min: 600; readonly max: 1600; readonly step: 20; readonly unit: "px"; readonly default: 1200; }, { readonly type: "header"; readonly content: "What's included?"; }, { readonly type: "checkbox"; readonly id: "show_lmn_faqs"; readonly label: "Letter of Medical Necessity FAQs"; readonly default: false; readonly info: "Add for stores selling dual-purpose products."; }, { readonly type: "checkbox"; readonly id: "show_subscription_faqs"; readonly label: "Subscription FAQs"; readonly default: false; readonly info: "Add for stores selling subscription products."; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "text"; readonly id: "store_name"; readonly label: "Store name"; readonly info: "Shown in the FAQ questions and answers. Leave blank to use your Shopify store name."; }, { readonly type: "text_alignment"; readonly id: "heading_alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "color"; readonly id: "accordion_color"; readonly label: "Accordion color"; readonly info: "Background of each accordion card."; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "question_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "answer_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly info: "Background of the full section."; readonly default: "#FFFFFF"; }, { readonly type: "range"; readonly id: "max_width"; readonly label: "Max width"; readonly info: "Width of the FAQ list."; readonly min: 600; readonly max: 1600; readonly step: 20; readonly unit: "px"; readonly default: 1200; }, { readonly type: "header"; readonly content: "What's included?"; }, { readonly type: "checkbox"; readonly id: "show_lmn_faqs"; readonly label: "Letter of Medical Necessity FAQs"; readonly default: false; readonly info: "Add for stores selling dual-purpose products."; }, { readonly type: "checkbox"; readonly id: "show_subscription_faqs"; readonly label: "Subscription FAQs"; readonly default: false; readonly info: "Add for stores selling subscription products."; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "text"; readonly id: "store_name"; readonly label: "Store name"; readonly info: "Shown in the FAQ questions and answers. Leave blank to use your Shopify store name."; }, { readonly type: "text_alignment"; readonly id: "heading_alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "color"; readonly id: "accordion_color"; readonly label: "Accordion color"; readonly info: "Background of each accordion card."; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "question_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "answer_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "answer_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly info: "Background of the full section."; readonly default: "#FFFFFF"; }, { readonly type: "range"; readonly id: "max_width"; readonly label: "Max width"; readonly info: "Width of the FAQ list."; readonly min: 600; readonly max: 1600; readonly step: 20; readonly unit: "px"; readonly default: 1200; }, { readonly type: "header"; readonly content: "What's included?"; }, { readonly type: "checkbox"; readonly id: "show_lmn_faqs"; readonly label: "Letter of Medical Necessity FAQs"; readonly default: false; readonly info: "Add for stores selling dual-purpose products."; }, { readonly type: "checkbox"; readonly id: "show_subscription_faqs"; readonly label: "Subscription FAQs"; readonly default: false; readonly info: "Add for stores selling subscription products."; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "text"; readonly id: "store_name"; readonly label: "Store name"; readonly info: "Shown in the FAQ questions and answers. Leave blank to use your Shopify store name."; }, { readonly type: "text_alignment"; readonly id: "heading_alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "color"; readonly id: "accordion_color"; readonly label: "Accordion color"; readonly info: "Background of each accordion card."; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "question_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "question_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "answer_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly info: "Background of the full section."; readonly default: "#FFFFFF"; }, { readonly type: "range"; readonly id: "max_width"; readonly label: "Max width"; readonly info: "Width of the FAQ list."; readonly min: 600; readonly max: 1600; readonly step: 20; readonly unit: "px"; readonly default: 1200; }, { readonly type: "header"; readonly content: "What's included?"; }, { readonly type: "checkbox"; readonly id: "show_lmn_faqs"; readonly label: "Letter of Medical Necessity FAQs"; readonly default: false; readonly info: "Add for stores selling dual-purpose products."; }, { readonly type: "checkbox"; readonly id: "show_subscription_faqs"; readonly label: "Subscription FAQs"; readonly default: false; readonly info: "Add for stores selling subscription products."; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "text"; readonly id: "store_name"; readonly label: "Store name"; readonly info: "Shown in the FAQ questions and answers. Leave blank to use your Shopify store name."; }, { readonly type: "text_alignment"; readonly id: "heading_alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "color"; readonly id: "accordion_color"; readonly label: "Accordion color"; readonly info: "Background of each accordion card."; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "question_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "question_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "answer_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "answer_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly info: "Background of the full section."; readonly default: "#FFFFFF"; }, { readonly type: "range"; readonly id: "max_width"; readonly label: "Max width"; readonly info: "Width of the FAQ list."; readonly min: 600; readonly max: 1600; readonly step: 20; readonly unit: "px"; readonly default: 1200; }, { readonly type: "header"; readonly content: "What's included?"; }, { readonly type: "checkbox"; readonly id: "show_lmn_faqs"; readonly label: "Letter of Medical Necessity FAQs"; readonly default: false; readonly info: "Add for stores selling dual-purpose products."; }, { readonly type: "checkbox"; readonly id: "show_subscription_faqs"; readonly label: "Subscription FAQs"; readonly default: false; readonly info: "Add for stores selling subscription products."; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }]; /** Typed props (settings → props) for the public `Faq` component. */ type FaqProps = SettingsProps & { shopName?: string; blockId?: string; }; declare const HERO_SETTINGS: readonly [{ readonly type: "select"; readonly id: "flex_badge"; readonly label: "Flex Badge"; readonly default: "navy"; readonly info: "Color of the “Powered by flex” badge."; readonly options: readonly [{ readonly value: "navy"; readonly label: "Navy"; }, { readonly value: "black"; readonly label: "Black"; }, { readonly value: "white"; readonly label: "White"; }]; }, { readonly type: "image_picker"; readonly id: "image"; readonly label: "Image"; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; readonly info: "Background behind the text. The text color adapts to stay legible."; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "border_radius"; readonly label: "Border Radius"; readonly info: "Rounds the hero's bottom corners."; readonly min: 0; readonly max: 40; readonly step: 2; readonly unit: "px"; readonly default: 20; }] | readonly [{ readonly type: "select"; readonly id: "flex_badge"; readonly label: "Flex Badge"; readonly default: "navy"; readonly info: "Color of the “Powered by flex” badge."; readonly options: readonly [{ readonly value: "navy"; readonly label: "Navy"; }, { readonly value: "black"; readonly label: "Black"; }, { readonly value: "white"; readonly label: "White"; }]; }, { readonly type: "image_picker"; readonly id: "image"; readonly label: "Image"; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; readonly info: "Background behind the text. The text color adapts to stay legible."; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "border_radius"; readonly label: "Border Radius"; readonly info: "Rounds the hero's bottom corners."; readonly min: 0; readonly max: 40; readonly step: 2; readonly unit: "px"; readonly default: 20; }] | readonly [{ readonly type: "select"; readonly id: "flex_badge"; readonly label: "Flex Badge"; readonly default: "navy"; readonly info: "Color of the “Powered by flex” badge."; readonly options: readonly [{ readonly value: "navy"; readonly label: "Navy"; }, { readonly value: "black"; readonly label: "Black"; }, { readonly value: "white"; readonly label: "White"; }]; }, { readonly type: "image_picker"; readonly id: "image"; readonly label: "Image"; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; readonly info: "Background behind the text. The text color adapts to stay legible."; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "border_radius"; readonly label: "Border Radius"; readonly info: "Rounds the hero's bottom corners."; readonly min: 0; readonly max: 40; readonly step: 2; readonly unit: "px"; readonly default: 20; }] | readonly [{ readonly type: "select"; readonly id: "flex_badge"; readonly label: "Flex Badge"; readonly default: "navy"; readonly info: "Color of the “Powered by flex” badge."; readonly options: readonly [{ readonly value: "navy"; readonly label: "Navy"; }, { readonly value: "black"; readonly label: "Black"; }, { readonly value: "white"; readonly label: "White"; }]; }, { readonly type: "image_picker"; readonly id: "image"; readonly label: "Image"; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; readonly info: "Background behind the text. The text color adapts to stay legible."; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "border_radius"; readonly label: "Border Radius"; readonly info: "Rounds the hero's bottom corners."; readonly min: 0; readonly max: 40; readonly step: 2; readonly unit: "px"; readonly default: 20; }]; type HeroProps = Omit, "image"> & { /** The image half (web). Omitted → text spans the full width. */ imageUrl?: string; imageAlt?: string; blockId?: string; shopName?: string; assetBaseUrl?: string; }; declare const SUBSCRIPTION_SETTINGS: readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "color"; readonly id: "accent_color"; readonly label: "Accent color"; readonly info: "Eyebrow text and step numbers."; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "background_color"; readonly label: "Background color"; readonly default: "#F7F7F7"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }]; type SubscriptionProps = SettingsProps & { blockId?: string; shopName?: string; assetBaseUrl?: string; }; declare const WALKTHROUGH_SETTINGS: readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }] | readonly [{ readonly type: "select"; readonly id: "lomn"; readonly label: "Eligibility"; readonly default: "no"; readonly options: readonly [{ readonly value: "no"; readonly label: "Always Eligible (IIAS)"; }, { readonly value: "yes"; readonly label: "Dual Purpose (LMN)"; }]; }, { readonly type: "text"; readonly id: "heading"; readonly label: "Heading"; readonly info: "Leave blank for the default."; }, { readonly type: "text"; readonly id: "subtitle"; readonly label: "Subtitle"; readonly info: "Leave blank for the default."; }, { readonly type: "text_alignment"; readonly id: "alignment"; readonly label: "Heading alignment"; readonly default: "center"; }, { readonly type: "range"; readonly id: "eyebrow_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "eyebrow_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "title_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "title_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "subtitle_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "subtitle_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "range"; readonly id: "step_size"; readonly label: `${string} Size`; readonly min: number; readonly max: number; readonly step: 1; readonly unit: "px"; readonly default: number; }, { readonly type: "color"; readonly id: "step_color"; readonly label: `${string} Color`; readonly default: string; }, { readonly type: "color"; readonly id: "accent_color"; readonly label: "Step number color"; readonly default: "#0B0077"; }, { readonly type: "range"; readonly id: "padding_vertical"; readonly label: "Top/Bottom Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }, { readonly type: "range"; readonly id: "padding_horizontal"; readonly label: "Right/Left Padding"; readonly min: 0; readonly max: 100; readonly step: 4; readonly unit: "px"; readonly default: number; }]; type WalkthroughProps = Omit, "lomn"> & { /** Which flow to render (web): IIAS (3 steps) or LOMN (4 steps). */ eligibility?: Eligibility; blockId?: string; shopName?: string; assetBaseUrl?: string; }; /** A mount root — has both querySelectorAll and addEventListener. */ type Root = Document | Element; declare const mountFx: (root?: Root) => void; interface ShopifyCustomerPrivacy { analyticsProcessingAllowed?: () => boolean; } interface ShopifyGlobal { shop?: string; customerPrivacy?: ShopifyCustomerPrivacy; } interface FlexBlocksConfig { /** Ingest endpoint for tracking beacons. */ endpoint?: string; /** Render-event sample rate in [0, 1]. Defaults to 1 (no sampling). */ renderSampleRate?: number; /** * Off-Shopify kill switch for tier 1 (anonymous counts). Defaults to true — * set false to silence ALL analytics. On Shopify the Customer Privacy API * governs instead and this is ignored. */ analytics?: boolean; /** * Off-Shopify opt-in for tier 2 (the per-tab-session uniques id — the part * that stores something on the device). Defaults to false; wire it to the * host's consent banner. On Shopify the Customer Privacy API governs * instead and this is ignored. */ consent?: boolean; } declare global { interface Window { Shopify?: ShopifyGlobal; FlexMarketingBlocks?: FlexBlocksConfig; } } /** * Announcement banner copy presets (the five options from the Figma design). * A merchant custom-text setting can override the preset at render time. */ declare const BANNER_COPY_OPTIONS: readonly ["now-accepting", "pre-tax-dollars", "pay-with", "accepted-here", "checkout-with"]; type BannerCopyOption = (typeof BANNER_COPY_OPTIONS)[number]; /** * Public entry for `@paywithflex/marketing-blocks`. * * Each block is a single React component configured by typed props (settings → * props). Pass `shopName` (and `assetBaseUrl` where the block has imagery) per * block. For non-React embeds, use the prerendered HTML snippets + `mountFx` * (the runtime that drives the `data-fx` directives). * * Blocks self-instrument: each records a consent-gated impression on mount and * tracked clicks via the shared runtime. Configure analytics with * `FlexMarketingProvider` (or leave it out — anonymous counts are on by default * off Shopify; on Shopify the merchant's Customer Privacy API governs). */ interface FlexMarketingConfig { /** Tier 1, anonymous counts (nothing stored, nothing identifying). */ analytics: boolean; /** Tier 2, the per-tab-session uniques id (stores a random id on-device). */ consent: boolean; endpoint?: string; renderSampleRate?: number; } type FlexMarketingProviderProps = Partial & { children?: ReactNode; }; /** * The sanctioned way to READ analytics config during render: reactive and * SSR-safe, unlike touching `window.FlexMarketingBlocks` (which doesn't exist * on the server and never triggers re-renders). */ declare const useFlexMarketingConfig: () => FlexMarketingConfig; /** * React-idiomatic analytics configuration — mount once near the app root, no * `window` access required. Anonymous counts (`analytics`) default ON; the * uniques session id (`consent`) defaults OFF — wire it to your consent * banner. Flipping `consent` mid-session upgrades subsequent events, the same * path Shopify's own `visitorConsentCollected` event takes. * * The runtime is shared, framework-agnostic page state (one script serves * React, Liquid, and snippet embeds alike), so this provider mirrors its props * into that layer, re-scans on every change, and RESTORES the prior config * when it unmounts. Config lands before any impression is evaluated: * impressions always fire asynchronously (IntersectionObserver, or a microtask * in the fallback), after the commit that ran this effect. */ declare const FlexMarketingProvider: ({ analytics, consent, endpoint, renderSampleRate, children, }: FlexMarketingProviderProps) => ReactElement; type FlexBadgeProps = BadgeProps; declare const FlexBadge: (props: FlexBadgeProps) => ReactElement; type FlexBannerProps = BannerProps; declare const FlexBanner: (props: FlexBannerProps) => ReactElement; type FlexFaqProps = FaqProps; declare const FlexFaq: (props: FlexFaqProps) => ReactElement; type FlexHeroProps = HeroProps; declare const FlexHero: (props: FlexHeroProps) => ReactElement; type FlexSubscriptionsProps = SubscriptionProps; declare const FlexSubscriptions: (props: FlexSubscriptionsProps) => ReactElement; type FlexWalkthroughProps = WalkthroughProps; declare const FlexWalkthrough: (props: FlexWalkthroughProps) => ReactElement; export { type BannerCopyOption, type Eligibility, FlexBadge, type FlexBadgeProps, FlexBanner, type FlexBannerProps, FlexFaq, type FlexFaqProps, FlexHero, type FlexHeroProps, type FlexMarketingConfig, FlexMarketingProvider, type FlexMarketingProviderProps, FlexSubscriptions, type FlexSubscriptionsProps, FlexWalkthrough, type FlexWalkthroughProps, mountFx, useFlexMarketingConfig };