@bikdotai/bik-component-library 0.0.867 → 0.0.868-beta.0

package/dist/esm/components/schedule-builder/ScheduleHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleHelper.js","sources":["../../../../src/components/schedule-builder/ScheduleHelper.ts"],"sourcesContent":["import { format as formatDate } from 'date-fns';\nimport { ChipOption } from '../chip-selector';\nimport {\n\tMONTHLY_REPEAT_OPTION,\n\tRECURRENCE_END_MODE,\n\tRECURRENCE_FREQUENCY,\n\tRecurrenceSummary,\n\tRecurrenceValue,\n} from './model';\n\n/** How many upcoming runs the preview shows by default. */\nexport const UPCOMING_RUNS_PREVIEW_COUNT = 3;\n\n/** Upper bound on `endAfterRuns`, matching the 3-digit input in the design. */\nexport const MAX_RECURRENCE_RUNS = 999;\n\n/**\n * Width of a single chip in the \"Repeat on\" pickers.\n *\n * Shared by the weekly day chips and the monthly date chips: both grids are\n * drawn to the same 44px square in the design, and the monthly grid's 337px\n * width assumes it, so the two cannot be sized independently.\n */\nexport const CHIP_WIDTH = 44;\n\n/** Highest date the monthly grid offers. */\nexport const MAX_DATE_OF_MONTH = 31;\n\n/** Sentinel chip value for \"Last day of the month\", which is not a date. */\nexport const LAST_DAY_CHIP_VALUE = 'LAST_DAY';\n\n/**\n * Safety bound for the day-by-day walk.\n *\n * Sized for the worst realistic case rather than the common one: three runs on\n * the 29th starting just after February in a non-leap year waits out three\n * Februaries, so roughly four years of scanning. Weekly needs at most 7 days\n * per run.\n */\nconst MAX_DAYS_SCANNED = 1600;\n\n/** Short day labels, indexed by JS day number (0 = Sunday). */\nexport const DAY_LABELS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n\n/** Selecting all seven days is stored as DAILY rather than a full weekly set. */\nexport const DAYS_IN_WEEK = 7;\n\n/**\n * Chips for the weekly \"Repeat on\" picker. Only the first letter is shown, so\n * each chip carries the full day name for screen readers — S, T and S repeat.\n */\nexport const DAY_CHIP_OPTIONS: ChipOption[] = DAY_LABELS.map(\n\t(label, dayIndex) => ({\n\t\tvalue: dayIndex,\n\t\tlabel: label.charAt(0),\n\t\tariaLabel: label,\n\t}),\n);\n\n/**\n * Chips for the monthly \"Repeat on\" grid — 1 to 31, then \"Last day of the\n * month\" as an independent option rather than an alias for the 31st.\n */\nexport const DATE_CHIP_OPTIONS: ChipOption[] = [\n\t...Array.from({ length: MAX_DATE_OF_MONTH }, (_, index) => ({\n\t\tvalue: index + 1,\n\t\tlabel: String(index + 1),\n\t})),\n\t{\n\t\tvalue: LAST_DAY_CHIP_VALUE,\n\t\tlabel: 'Last day of the month',\n\t\tfitContent: true,\n\t},\n];\n\n/** Mon–Fri, used to collapse a full working week into \"every weekday\". */\nconst WEEKDAY_INDICES = [1, 2, 3, 4, 5];\n\n/** Sat–Sun, collapsed into \"every weekend\". */\nconst WEEKEND_INDICES = [0, 6];\n\n/**\n * Weekly day order for the summary. Monday-first by design, which is not the\n * JS `getDay()` order the chips are indexed by (Sunday-first).\n */\nconst SUMMARY_DAY_ORDER = [1, 2, 3, 4, 5, 6, 0];\n\n/** Dates that do not exist in every month, with the months that skip them. */\nconst SKIPPED_MONTH_CAPTIONS: Record<number, string> = {\n\t29: 'Skipped most Februaries.',\n\t30: 'Skipped in February.',\n\t31: 'Skipped in months without a 31st (Apr, Jun, Sep, Nov).',\n};\n\n/**\n * \"1st\", \"22nd\", \"13th\" — the 11/12/13 exception is why this is not a plain\n * lookup on the last digit.\n */\nexport const ordinal = (value: number): string => {\n\tif ([11, 12, 13].includes(value % 100)) return `${value}th`;\n\n\tswitch (value % 10) {\n\t\tcase 1:\n\t\t\treturn `${value}st`;\n\t\tcase 2:\n\t\t\treturn `${value}nd`;\n\t\tcase 3:\n\t\t\treturn `${value}rd`;\n\t\tdefault:\n\t\t\treturn `${value}th`;\n\t}\n};\n\n/**\n * \"Mon\", \"Mon and Tue\", \"Mon, Tue and Thu\" — no Oxford comma, and always \"and\"\n * rather than \"&\". Shared by the weekly day names and the monthly ordinals.\n */\nexport const joinList = (items: string[]): string => {\n\tif (items.length <= 1) return items[0] ?? '';\n\tif (items.length === 2) return `${items[0]} and ${items[1]}`;\n\treturn `${items.slice(0, -1).join(', ')} and ${items[items.length - 1]}`;\n};\n\n/** Caption warning that a chosen date does not exist in every month. */\nexport const getSkippedMonthCaption = (\n\tdatesOfMonth: number[] | undefined,\n): string | null => {\n\tconst captions = (datesOfMonth ?? [])\n\t\t.map((date) => SKIPPED_MONTH_CAPTIONS[date])\n\t\t.filter(Boolean);\n\treturn captions.length ? captions.join(' ') : null;\n};\n\n/**\n * Works out when a recurring campaign actually runs.\n *\n * Kept free of React so the schedule preview and the eventual publish payload\n * can both read run dates from one place.\n */\nexport class ScheduleHelper {\n\tprivate readonly recurrence: RecurrenceValue;\n\n\tconstructor(recurrence: RecurrenceValue | undefined) {\n\t\tthis.recurrence = recurrence ?? {};\n\t}\n\n\tget frequency(): RECURRENCE_FREQUENCY {\n\t\treturn this.recurrence.frequency ?? RECURRENCE_FREQUENCY.DAILY;\n\t}\n\n\tget endMode(): RECURRENCE_END_MODE {\n\t\treturn this.recurrence.endMode ?? RECURRENCE_END_MODE.NEVER;\n\t}\n\n\t/** Days a weekly recurrence repeats on, as JS day indices. */\n\tget daysOfWeek(): number[] {\n\t\treturn this.recurrence.daysOfWeek ?? [];\n\t}\n\n\t/** Dates a monthly recurrence repeats on (1–31). */\n\tget datesOfMonth(): number[] {\n\t\treturn this.recurrence.datesOfMonth ?? [];\n\t}\n\n\t/** Whether a monthly recurrence also runs on the last day of every month. */\n\tget lastDaySelected(): boolean {\n\t\treturn !!this.recurrence.lastDaySelected;\n\t}\n\n\t/** A weekly recurrence cannot run until at least one day is picked. */\n\tget isMissingWeeklyDays(): boolean {\n\t\treturn (\n\t\t\tthis.frequency === RECURRENCE_FREQUENCY.WEEKLY && !this.daysOfWeek.length\n\t\t);\n\t}\n\n\t/** A monthly recurrence needs at least one date, or the last-day option. */\n\tget isMissingMonthlyDates(): boolean {\n\t\treturn (\n\t\t\tthis.frequency === RECURRENCE_FREQUENCY.MONTHLY &&\n\t\t\t!this.datesOfMonth.length &&\n\t\t\t!this.lastDaySelected\n\t\t);\n\t}\n\n\t/** True when the current selection cannot produce any run dates. */\n\tget isMissingRunDays(): boolean {\n\t\treturn this.isMissingWeeklyDays || this.isMissingMonthlyDates;\n\t}\n\n\t/**\n\t * Advances a date by one day.\n\t *\n\t * Every frequency walks day by day so `isRunDay` decides what counts. Monthly\n\t * cannot use `setMonth`: it rolls a 31st into the following month for shorter\n\t * months (31 Jan -> 3 Mar), whereas a missing date must skip that month\n\t * outright.\n\t */\n\tprivate addInterval(date: Date): Date {\n\t\tconst next = new Date(date);\n\t\tnext.setDate(next.getDate() + 1);\n\t\treturn next;\n\t}\n\n\t/** Last calendar date of the month the given date falls in. */\n\tprivate static lastDateOfMonth(date: Date): number {\n\t\treturn new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();\n\t}\n\n\t/** Whether a candidate date is one the campaign actually runs on. */\n\tprivate isRunDay(date: Date): boolean {\n\t\tif (this.frequency === RECURRENCE_FREQUENCY.WEEKLY) {\n\t\t\treturn this.daysOfWeek.includes(date.getDay());\n\t\t}\n\n\t\tif (this.frequency === RECURRENCE_FREQUENCY.MONTHLY) {\n\t\t\tconst dayOfMonth = date.getDate();\n\t\t\tif (this.datesOfMonth.includes(dayOfMonth)) return true;\n\t\t\treturn (\n\t\t\t\tthis.lastDaySelected &&\n\t\t\t\tdayOfMonth === ScheduleHelper.lastDateOfMonth(date)\n\t\t\t);\n\t\t}\n\n\t\treturn true;\n\t}\n\n\t/**\n\t * Next `limit` run dates from `startDate`, respecting the end rule.\n\t *\n\t * Returns fewer than `limit` when the recurrence ends first, which is what\n\t * lets the preview stop honestly instead of inventing runs.\n\t */\n\tcomputeUpcomingRuns(\n\t\tstartDate: Date | null | undefined,\n\t\tlimit: number = UPCOMING_RUNS_PREVIEW_COUNT,\n\t): Date[] {\n\t\tif (!startDate || Number.isNaN(startDate.getTime())) return [];\n\t\t// Weekly with no day picked, or monthly with no date, has no run dates yet.\n\t\tif (this.isMissingRunDays) return [];\n\n\t\tconst runs: Date[] = [];\n\n\t\t// AFTER_RUNS counts the start date as run 1, so the cap includes it.\n\t\tconst { endAfterRuns } = this.recurrence;\n\t\tconst maxRuns =\n\t\t\tthis.endMode === RECURRENCE_END_MODE.AFTER_RUNS &&\n\t\t\ttypeof endAfterRuns === 'number' &&\n\t\t\tendAfterRuns > 0\n\t\t\t\t? Math.min(endAfterRuns, limit)\n\t\t\t\t: limit;\n\n\t\tconst endDateMs =\n\t\t\tthis.endMode === RECURRENCE_END_MODE.ON_DATE && this.recurrence.endOnDate\n\t\t\t\t? this.recurrence.endOnDate * 1000\n\t\t\t\t: null;\n\n\t\tlet cursor = new Date(startDate);\n\t\t// Weekly walks a day at a time and skips days that are not selected, so\n\t\t// bound the walk rather than trusting it to land on `maxRuns` matches.\n\t\tlet daysScanned = 0;\n\n\t\twhile (runs.length < maxRuns && daysScanned <= MAX_DAYS_SCANNED) {\n\t\t\tif (endDateMs !== null && cursor.getTime() > endDateMs) break;\n\t\t\tif (this.isRunDay(cursor)) runs.push(new Date(cursor));\n\t\t\tcursor = this.addInterval(cursor);\n\t\t\tdaysScanned += 1;\n\t\t}\n\n\t\treturn runs;\n\t}\n\n\t/**\n\t * The days a weekly recurrence runs on, in Monday-first display order rather\n\t * than the Sunday-first order the chip values are indexed by.\n\t *\n\t * Mon–Fri exactly collapses to \"weekday\", Sat+Sun to \"weekend\". All seven is\n\t * not handled here — that is normalised to DAILY when the day is selected.\n\t */\n\tprivate get weeklyDayPhrase(): string {\n\t\tconst days = this.daysOfWeek;\n\t\tif (!days.length) return '';\n\n\t\tconst matchesExactly = (indices: number[]) =>\n\t\t\tdays.length === indices.length &&\n\t\t\tindices.every((day) => days.includes(day));\n\n\t\tif (matchesExactly(WEEKDAY_INDICES)) return 'weekday';\n\t\tif (matchesExactly(WEEKEND_INDICES)) return 'weekend';\n\n\t\tconst labels = SUMMARY_DAY_ORDER.filter((day) => days.includes(day)).map(\n\t\t\t(day) => DAY_LABELS[day],\n\t\t);\n\t\treturn joinList(labels);\n\t}\n\n\tprivate get monthlyDatePhrase(): string {\n\t\tif (this.recurrence?.monthlyRepeatOption === MONTHLY_REPEAT_OPTION.FIRST) {\n\t\t\treturn 'on the first day';\n\t\t}\n\n\t\tconst ordinals = [...this.datesOfMonth]\n\t\t\t.sort((left, right) => left - right)\n\t\t\t.map(ordinal);\n\n\t\tif (!this.lastDaySelected) {\n\t\t\treturn ordinals.length ? `on the ${joinList(ordinals)}` : '';\n\t\t}\n\n\t\tif (!ordinals.length) return 'on the last day';\n\t\treturn `on the ${joinList([...ordinals, 'the last day'])}`;\n\t}\n\n\t/**\n\t * The semibold phrase after \"Repeats\". Weekly and monthly name the days they\n\t * run on; daily is a plain adverb.\n\t */\n\tprivate get frequencyLabel(): string {\n\t\tswitch (this.frequency) {\n\t\t\tcase RECURRENCE_FREQUENCY.WEEKLY: {\n\t\t\t\tconst phrase = this.weeklyDayPhrase;\n\t\t\t\treturn phrase ? `every ${phrase}` : 'weekly';\n\t\t\t}\n\t\t\tcase RECURRENCE_FREQUENCY.MONTHLY: {\n\t\t\t\tconst phrase = this.monthlyDatePhrase;\n\t\t\t\treturn phrase ? `${phrase} of every month` : 'monthly';\n\t\t\t}\n\t\t\tdefault:\n\t\t\t\treturn 'daily';\n\t\t}\n\t}\n\n\t/** The text following the time, which differs per end mode. */\n\tprivate get endClause(): string {\n\t\tif (this.endMode === RECURRENCE_END_MODE.AFTER_RUNS) {\n\t\t\tconst totalRuns = this.recurrence.endAfterRuns;\n\t\t\tif (!totalRuns) return '.';\n\t\t\treturn ` and ends after ${totalRuns} ${\n\t\t\t\ttotalRuns === 1 ? 'run' : 'runs'\n\t\t\t}.`;\n\t\t}\n\n\t\tif (this.endMode === RECURRENCE_END_MODE.ON_DATE) {\n\t\t\tif (!this.recurrence.endOnDate) return '.';\n\t\t\tconst endLabel = formatDate(\n\t\t\t\tnew Date(this.recurrence.endOnDate * 1000),\n\t\t\t\t'd MMM yyyy',\n\t\t\t);\n\t\t\treturn ` and ends on ${endLabel}.`;\n\t\t}\n\n\t\treturn ' with no end date, you can cancel anytime.';\n\t}\n\n\t/**\n\t * Summary shown under the upcoming runs, split so the frequency and time can\n\t * be rendered in semibold as the design shows:\n\t * \"Repeats **daily** at **10:00 AM** with no end date, you can cancel anytime.\"\n\t */\n\tbuildSummary(runs: Date[]): RecurrenceSummary | null {\n\t\tif (!runs.length) return null;\n\n\t\treturn {\n\t\t\tfrequencyLabel: this.frequencyLabel,\n\t\t\ttimeLabel: formatDate(runs[0], 'h:mm a'),\n\t\t\ttail: this.endClause,\n\t\t};\n\t}\n}\n"],"names":["UPCOMING_RUNS_PREVIEW_COUNT","MAX_RECURRENCE_RUNS","CHIP_WIDTH","MAX_DATE_OF_MONTH","LAST_DAY_CHIP_VALUE","MAX_DAYS_SCANNED","DAY_LABELS","DAYS_IN_WEEK","DAY_CHIP_OPTIONS","label","dayIndex","DATE_CHIP_OPTIONS","_","index","WEEKDAY_INDICES","WEEKEND_INDICES","SUMMARY_DAY_ORDER","SKIPPED_MONTH_CAPTIONS","ordinal","value","joinList","items","getSkippedMonthCaption","datesOfMonth","captions","date","ScheduleHelper","recurrence","RECURRENCE_FREQUENCY","RECURRENCE_END_MODE","next","dayOfMonth","startDate","limit","runs","endAfterRuns","maxRuns","endDateMs","cursor","daysScanned","days","matchesExactly","indices","day","labels","MONTHLY_REPEAT_OPTION","ordinals","left","right","phrase","totalRuns","formatDate"],"mappings":"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"}

package/dist/esm/components/schedule-builder/SendModeSelector.d.ts

@@ -0,0 +1,29 @@
+export interface SendModeItem<T extends string = string> {
+    value: T;
+    label: string;
+    /**
+     * Greys out this mode while leaving the others usable.
+     *
+     * Disabled rather than removed so the mode still reads as something the
+     * product offers — a merchant who cannot use it here should see that it
+     * exists, not wonder where it went.
+     */
+    disabled?: boolean;
+}
+export interface SendModeSelectorProps<T extends string = string> {
+    options: SendModeItem<T>[];
+    value?: T;
+    onChange: (value: T) => void;
+    disabled?: boolean;
+    'data-test'?: string;
+}
+/**
+ * The row of "Send now / Schedule / Set as recurring" cards.
+ *
+ * The whole card is the hit target, not just the radio — the radio's own
+ * `onValueChange` fires too, so both routes land on the same handler.
+ *
+ * Options are passed in rather than hardcoded: the modes a screen offers are its
+ * own business, and a caller with only two of them should not get a dead third.
+ */
+export declare const SendModeSelector: <T extends string = string>({ options, value, onChange, disabled, "data-test": dataTest, }: SendModeSelectorProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/schedule-builder/SendModeSelector.js

@@ -0,0 +1,41 @@
+import { jsx as l } from "react/jsx-runtime";
+import { COLORS as u } from "../../constants/Theme.js";
+import { SendModeRow as i, SendModeOption as c } from "./ScheduleBuilder.styled.js";
+import { RadioButton as v } from "../radioButton/RadioButton.js";
+const m = u.background.inverseLight, n = ({
+  options: t,
+  value: d,
+  onChange: r,
+  disabled: a = !1,
+  "data-test": s
+}) => /* @__PURE__ */ l(i, { "data-test": s, children: t.map((e) => /* @__PURE__ */ l(
+  c,
+  {
+    active: d === e.value,
+    disabled: a || !!e.disabled,
+    "data-test": `send-mode-${e.value}`,
+    onClick: () => {
+      a || e.disabled || r(e.value);
+    },
+    children: /* @__PURE__ */ l(
+      v,
+      {
+        isActive: d === e.value,
+        isDisabled: a || !!e.disabled,
+        label: e.label,
+        value: e.value,
+        onValueChange: () => {
+          a || e.disabled || r(e.value);
+        },
+        alwaysBold: !0,
+        activeColor: m,
+        skipSelectingOff: !0
+      }
+    )
+  },
+  e.value
+)) });
+export {
+  n as SendModeSelector
+};
+//# sourceMappingURL=SendModeSelector.js.map

package/dist/esm/components/schedule-builder/SendModeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendModeSelector.js","sources":["../../../../src/components/schedule-builder/SendModeSelector.tsx"],"sourcesContent":["import { COLORS } from '../../constants/Theme';\nimport { RadioButton } from '../radioButton';\nimport { SendModeOption, SendModeRow } from './ScheduleBuilder.styled';\n\n/** The purple of the selected radio, which is not the default brand colour. */\nconst RADIO_ACTIVE_COLOR = COLORS.background.inverseLight;\n\nexport interface SendModeItem<T extends string = string> {\n\tvalue: T;\n\tlabel: string;\n\t/**\n\t * Greys out this mode while leaving the others usable.\n\t *\n\t * Disabled rather than removed so the mode still reads as something the\n\t * product offers — a merchant who cannot use it here should see that it\n\t * exists, not wonder where it went.\n\t */\n\tdisabled?: boolean;\n}\n\nexport interface SendModeSelectorProps<T extends string = string> {\n\toptions: SendModeItem<T>[];\n\tvalue?: T;\n\tonChange: (value: T) => void;\n\tdisabled?: boolean;\n\t'data-test'?: string;\n}\n\n/**\n * The row of \"Send now / Schedule / Set as recurring\" cards.\n *\n * The whole card is the hit target, not just the radio — the radio's own\n * `onValueChange` fires too, so both routes land on the same handler.\n *\n * Options are passed in rather than hardcoded: the modes a screen offers are its\n * own business, and a caller with only two of them should not get a dead third.\n */\nexport const SendModeSelector = <T extends string = string>({\n\toptions,\n\tvalue,\n\tonChange,\n\tdisabled = false,\n\t'data-test': dataTest,\n}: SendModeSelectorProps<T>) => (\n\t<SendModeRow data-test={dataTest}>\n\t\t{options.map((option) => (\n\t\t\t<SendModeOption\n\t\t\t\tkey={option.value}\n\t\t\t\tactive={value === option.value}\n\t\t\t\tdisabled={disabled || !!option.disabled}\n\t\t\t\tdata-test={`send-mode-${option.value}`}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tif (disabled || option.disabled) return;\n\t\t\t\t\tonChange(option.value);\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<RadioButton\n\t\t\t\t\tisActive={value === option.value}\n\t\t\t\t\tisDisabled={disabled || !!option.disabled}\n\t\t\t\t\tlabel={option.label}\n\t\t\t\t\tvalue={option.value}\n\t\t\t\t\tonValueChange={() => {\n\t\t\t\t\t\tif (disabled || option.disabled) return;\n\t\t\t\t\t\tonChange(option.value);\n\t\t\t\t\t}}\n\t\t\t\t\talwaysBold\n\t\t\t\t\tactiveColor={RADIO_ACTIVE_COLOR}\n\t\t\t\t\tskipSelectingOff\n\t\t\t\t/>\n\t\t\t</SendModeOption>\n\t\t))}\n\t</SendModeRow>\n);\n"],"names":["RADIO_ACTIVE_COLOR","COLORS","SendModeSelector","options","value","onChange","disabled","dataTest","SendModeRow","option","jsx","SendModeOption","RadioButton"],"mappings":";;;;AAKA,MAAMA,IAAqBC,EAAO,WAAW,cAgChCC,IAAmB,CAA4B;AAAA,EAC3D,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAaC;AACd,wBACEC,GAAA,EAAY,aAAWD,GACtB,UAAAJ,EAAQ,IAAI,CAACM,MACb,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IAEA,QAAQP,MAAUK,EAAO;AAAA,IACzB,UAAUH,KAAY,CAAC,CAACG,EAAO;AAAA,IAC/B,aAAW,aAAaA,EAAO,KAAK;AAAA,IACpC,SAAS,MAAM;AACd,MAAIH,KAAYG,EAAO,YACvBJ,EAASI,EAAO,KAAK;AAAA,IACtB;AAAA,IAEA,UAAA,gBAAAC;AAAA,MAACE;AAAA,MAAA;AAAA,QACA,UAAUR,MAAUK,EAAO;AAAA,QAC3B,YAAYH,KAAY,CAAC,CAACG,EAAO;AAAA,QACjC,OAAOA,EAAO;AAAA,QACd,OAAOA,EAAO;AAAA,QACd,eAAe,MAAM;AACpB,UAAIH,KAAYG,EAAO,YACvBJ,EAASI,EAAO,KAAK;AAAA,QACtB;AAAA,QACA,YAAU;AAAA,QACV,aAAaT;AAAA,QACb,kBAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EACjB;AAAA,EArBKS,EAAO;AAsBb,CACA,EAAA,CACF;"}

package/dist/esm/components/schedule-builder/StartDateTimePicker.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+/**
+ * Reads a typed 12-hour time.
+ *
+ * Accepts "9", "9:5" and "09:05" so the merchant can type naturally; am/pm sits
+ * on its own dropdown, so only 1-12 is valid here. Returns null while the text is
+ * incomplete, which is what keeps the field editable mid-entry.
+ */
+export declare const parseTimeText: (text: string) => {
+    hours: string;
+    minutes: string;
+} | null;
+export interface StartDateTimePickerProps {
+    /** The chosen date. Time-of-day is carried separately by hours/minutes/isAm. */
+    date?: Date;
+    onDateChange: (date: Date) => void;
+    /** 12-hour clock, "1"–"12". Empty string while nothing is chosen. */
+    hours: string;
+    /** "0"–"59". Empty string while nothing is chosen. */
+    minutes: string;
+    isAm: boolean;
+    /** Fires only for a parseable time, so partial typing does not clear state. */
+    onTimeChange: (time: {
+        hours: string;
+        minutes: string;
+    }) => void;
+    onMeridiemChange: (isAm: boolean) => void;
+    /** Called when focus leaves an unparseable time, for the caller to validate. */
+    onTimeInvalidBlur?: () => void;
+    /** Shown under the time field. The caller owns validation. */
+    timeErrorMessage?: string;
+    /** "Start date" when a recurrence follows, plain "Date" otherwise. */
+    dateLabel?: string;
+    minDate?: Date;
+    'data-test'?: string;
+}
+/**
+ * The start date and time-of-day row.
+ *
+ * Date and time are separate props rather than one Date because the time is
+ * edited as text and can be mid-entry ("9:" is not a time yet) — folding it into
+ * a Date would force a guess about what an incomplete entry means.
+ */
+export declare const StartDateTimePicker: React.FC<StartDateTimePickerProps>;

package/dist/esm/components/schedule-builder/StartDateTimePicker.js

@@ -0,0 +1,119 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useMemo as P } from "react";
+import { COLORS as p } from "../../constants/Theme.js";
+import { ComboBox as $ } from "../combo-box/ComboBox.js";
+import { BodySecondary as u } from "../TypographyStyle.js";
+import { FieldsRow as A, DateFieldColumn as C, FieldLabel as h, RequiredMark as f, DatePickerSlot as k, TimeFieldColumn as B, TimeInputRow as F, TimeDropdownSlot as I, MeridiemDropdownSlot as R } from "./ScheduleBuilder.styled.js";
+import { DatePickerWrapper as z } from "../datePicker/DatePickerWrapper.js";
+import { DateButtonType as E } from "../datePicker/model.js";
+import { Dropdown as L } from "../dropdown/Dropdown.js";
+const O = 30, s = (c) => {
+  const d = c.trim();
+  if (!d) return null;
+  const i = d.match(/^(\d{1,2})(?::(\d{1,2}))?$/);
+  if (!i) return null;
+  const n = Number(i[1]), a = i[2] === void 0 ? 0 : Number(i[2]);
+  return n < 1 || n > 12 || a > 59 ? null : { hours: String(n), minutes: String(a) };
+}, J = ({
+  date: c,
+  onDateChange: d,
+  hours: i,
+  minutes: n,
+  isAm: a,
+  onTimeChange: S,
+  onMeridiemChange: y,
+  onTimeInvalidBlur: M,
+  timeErrorMessage: T,
+  dateLabel: v = "Start date",
+  minDate: b,
+  "data-test": g
+}) => {
+  const D = P(() => {
+    const e = [];
+    for (let o = 1; o <= 12; o += 1)
+      for (let m = 0; m < 60; m += O)
+        e.push(`${o}:${String(m).padStart(2, "0")}`);
+    const r = e.filter((o) => o.startsWith("12:"));
+    return [
+      ...r,
+      ...e.filter((o) => !r.includes(o))
+    ].map((o) => ({ value: o }));
+  }, []), w = i !== "" && n !== "" ? `${i}:${String(n).padStart(2, "0")}` : void 0, x = [
+    { label: "AM", value: "am", selected: a },
+    { label: "PM", value: "pm", selected: !a }
+  ];
+  return /* @__PURE__ */ l(A, { "data-test": g, children: [
+    /* @__PURE__ */ l(C, { children: [
+      /* @__PURE__ */ t(h, { children: /* @__PURE__ */ l(u, { color: p.content.primary, children: [
+        v,
+        /* @__PURE__ */ t(f, { children: " *" })
+      ] }) }),
+      /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(
+        z,
+        {
+          val: c,
+          onChange: (e) => {
+            const r = Array.isArray(e) ? e[0] : e;
+            r && d(r);
+          },
+          displayFormat: "dd MMM yyyy",
+          dateButtonType: E.LARGE,
+          calendarProps: { minDate: b },
+          pickerStyles: { top: 8, zIndex: 4 }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l(B, { children: [
+      /* @__PURE__ */ t(h, { children: /* @__PURE__ */ l(u, { color: p.content.primary, children: [
+        "Time",
+        /* @__PURE__ */ t(f, { children: " *" })
+      ] }) }),
+      /* @__PURE__ */ l(F, { children: [
+        /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
+          $,
+          {
+            "data-test": "recurrence-time",
+            value: w ?? "",
+            options: D,
+            placeholder: "hh:mm",
+            errorMessage: T || void 0,
+            validate: (e) => !!s(e),
+            sanitize: (e) => e.replace(/[^\d:]/g, "").slice(0, 5),
+            format: (e) => {
+              const r = s(e);
+              return r ? `${r.hours}:${r.minutes.padStart(2, "0")}` : e;
+            },
+            onChange: (e) => {
+              const r = s(e);
+              r && S(r);
+            },
+            onInvalidBlur: M
+          }
+        ) }),
+        /* @__PURE__ */ t(R, { "data-test": "recurrence-meridiem", children: /* @__PURE__ */ t(
+          L,
+          {
+            size: "default",
+            isSearchable: !1,
+            isMultiSelect: !1,
+            options: x,
+            value: a ? "AM" : "PM",
+            buttonWidth: "100%",
+            width: "84px",
+            placeHolderHeight: "48px",
+            placeHolder: "AM",
+            onSelect: (e) => {
+              const r = Array.isArray(e) ? e[0] : e;
+              y(r?.value !== "pm");
+            }
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+};
+export {
+  J as StartDateTimePicker,
+  s as parseTimeText
+};
+//# sourceMappingURL=StartDateTimePicker.js.map

package/dist/esm/components/schedule-builder/StartDateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartDateTimePicker.js","sources":["../../../../src/components/schedule-builder/StartDateTimePicker.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { COLORS } from '../../constants/Theme';\nimport { ComboBox } from '../combo-box';\nimport { DateButtonType, DatePickerWrapper } from '../datePicker';\nimport { Dropdown, DropdownOption, SingleOption } from '../dropdown';\nimport { BodySecondary } from '../TypographyStyle';\nimport {\n\tDateFieldColumn,\n\tDatePickerSlot,\n\tFieldLabel,\n\tFieldsRow,\n\tMeridiemDropdownSlot,\n\tRequiredMark,\n\tTimeDropdownSlot,\n\tTimeFieldColumn,\n\tTimeInputRow,\n} from './ScheduleBuilder.styled';\n\n/** Step between offered times, in minutes. */\nconst TIME_STEP_MINUTES = 30;\n\n/**\n * Reads a typed 12-hour time.\n *\n * Accepts \"9\", \"9:5\" and \"09:05\" so the merchant can type naturally; am/pm sits\n * on its own dropdown, so only 1-12 is valid here. Returns null while the text is\n * incomplete, which is what keeps the field editable mid-entry.\n */\nexport const parseTimeText = (\n\ttext: string,\n): { hours: string; minutes: string } | null => {\n\tconst trimmed = text.trim();\n\tif (!trimmed) return null;\n\n\tconst match = trimmed.match(/^(\\d{1,2})(?::(\\d{1,2}))?$/);\n\tif (!match) return null;\n\n\tconst hours = Number(match[1]);\n\t// Minutes are optional: \"9\" means 9:00.\n\tconst minutes = match[2] === undefined ? 0 : Number(match[2]);\n\n\tif (hours < 1 || hours > 12) return null;\n\tif (minutes > 59) return null;\n\n\treturn { hours: String(hours), minutes: String(minutes) };\n};\n\nexport interface StartDateTimePickerProps {\n\t/** The chosen date. Time-of-day is carried separately by hours/minutes/isAm. */\n\tdate?: Date;\n\tonDateChange: (date: Date) => void;\n\t/** 12-hour clock, \"1\"–\"12\". Empty string while nothing is chosen. */\n\thours: string;\n\t/** \"0\"–\"59\". Empty string while nothing is chosen. */\n\tminutes: string;\n\tisAm: boolean;\n\t/** Fires only for a parseable time, so partial typing does not clear state. */\n\tonTimeChange: (time: { hours: string; minutes: string }) => void;\n\tonMeridiemChange: (isAm: boolean) => void;\n\t/** Called when focus leaves an unparseable time, for the caller to validate. */\n\tonTimeInvalidBlur?: () => void;\n\t/** Shown under the time field. The caller owns validation. */\n\ttimeErrorMessage?: string;\n\t/** \"Start date\" when a recurrence follows, plain \"Date\" otherwise. */\n\tdateLabel?: string;\n\tminDate?: Date;\n\t'data-test'?: string;\n}\n\n/**\n * The start date and time-of-day row.\n *\n * Date and time are separate props rather than one Date because the time is\n * edited as text and can be mid-entry (\"9:\" is not a time yet) — folding it into\n * a Date would force a guess about what an incomplete entry means.\n */\nexport const StartDateTimePicker: React.FC<StartDateTimePickerProps> = ({\n\tdate,\n\tonDateChange,\n\thours,\n\tminutes,\n\tisAm,\n\tonTimeChange,\n\tonMeridiemChange,\n\tonTimeInvalidBlur,\n\ttimeErrorMessage,\n\tdateLabel = 'Start date',\n\tminDate,\n\t'data-test': dataTest,\n}) => {\n\t/**\n\t * Times offered in the picker, at TIME_STEP_MINUTES steps. 12 leads the day in\n\t * 12-hour time, so it sorts to the front rather than after 11.\n\t */\n\tconst timeOptions = useMemo(() => {\n\t\tconst values: string[] = [];\n\t\tfor (let hour = 1; hour <= 12; hour += 1) {\n\t\t\tfor (let minute = 0; minute < 60; minute += TIME_STEP_MINUTES) {\n\t\t\t\tvalues.push(`${hour}:${String(minute).padStart(2, '0')}`);\n\t\t\t}\n\t\t}\n\t\tconst twelves = values.filter((value) => value.startsWith('12:'));\n\t\treturn [\n\t\t\t...twelves,\n\t\t\t...values.filter((value) => !twelves.includes(value)),\n\t\t].map((value) => ({ value }));\n\t}, []);\n\n\tconst selectedTimeLabel =\n\t\thours !== '' && minutes !== ''\n\t\t\t? `${hours}:${String(minutes).padStart(2, '0')}`\n\t\t\t: undefined;\n\n\tconst meridiemDropdownOptions: SingleOption[] = [\n\t\t{ label: 'AM', value: 'am', selected: isAm },\n\t\t{ label: 'PM', value: 'pm', selected: !isAm },\n\t];\n\n\treturn (\n\t\t<FieldsRow data-test={dataTest}>\n\t\t\t<DateFieldColumn>\n\t\t\t\t<FieldLabel>\n\t\t\t\t\t<BodySecondary color={COLORS.content.primary}>\n\t\t\t\t\t\t{dateLabel}\n\t\t\t\t\t\t<RequiredMark> *</RequiredMark>\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</FieldLabel>\n\t\t\t\t<DatePickerSlot>\n\t\t\t\t\t<DatePickerWrapper\n\t\t\t\t\t\tval={date}\n\t\t\t\t\t\tonChange={(value: Date | Date[]) => {\n\t\t\t\t\t\t\tconst dateValue = Array.isArray(value) ? value[0] : value;\n\t\t\t\t\t\t\tif (dateValue) onDateChange(dateValue);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tdisplayFormat=\"dd MMM yyyy\"\n\t\t\t\t\t\tdateButtonType={DateButtonType.LARGE}\n\t\t\t\t\t\tcalendarProps={{ minDate }}\n\t\t\t\t\t\tpickerStyles={{ top: 8, zIndex: 4 }}\n\t\t\t\t\t/>\n\t\t\t\t</DatePickerSlot>\n\t\t\t</DateFieldColumn>\n\t\t\t<TimeFieldColumn>\n\t\t\t\t<FieldLabel>\n\t\t\t\t\t<BodySecondary color={COLORS.content.primary}>\n\t\t\t\t\t\tTime\n\t\t\t\t\t\t<RequiredMark> *</RequiredMark>\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t</FieldLabel>\n\t\t\t\t{/*\n          Top-aligned: the time field's error message sits inside its own slot,\n          so centring would drop AM/PM as the message appears.\n        */}\n\t\t\t\t<TimeInputRow>\n\t\t\t\t\t<TimeDropdownSlot>\n\t\t\t\t\t\t<ComboBox\n\t\t\t\t\t\t\tdata-test=\"recurrence-time\"\n\t\t\t\t\t\t\tvalue={selectedTimeLabel ?? ''}\n\t\t\t\t\t\t\toptions={timeOptions}\n\t\t\t\t\t\t\tplaceholder=\"hh:mm\"\n\t\t\t\t\t\t\terrorMessage={timeErrorMessage || undefined}\n\t\t\t\t\t\t\tvalidate={(text) => !!parseTimeText(text)}\n\t\t\t\t\t\t\tsanitize={(text) => text.replace(/[^\\d:]/g, '').slice(0, 5)}\n\t\t\t\t\t\t\tformat={(text) => {\n\t\t\t\t\t\t\t\tconst parsed = parseTimeText(text);\n\t\t\t\t\t\t\t\tif (!parsed) return text;\n\t\t\t\t\t\t\t\treturn `${parsed.hours}:${parsed.minutes.padStart(2, '0')}`;\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonChange={(text) => {\n\t\t\t\t\t\t\t\tconst parsed = parseTimeText(text);\n\t\t\t\t\t\t\t\tif (!parsed) return;\n\t\t\t\t\t\t\t\tonTimeChange(parsed);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonInvalidBlur={onTimeInvalidBlur}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TimeDropdownSlot>\n\t\t\t\t\t<MeridiemDropdownSlot data-test=\"recurrence-meridiem\">\n\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t\t\tisSearchable={false}\n\t\t\t\t\t\t\tisMultiSelect={false}\n\t\t\t\t\t\t\toptions={meridiemDropdownOptions}\n\t\t\t\t\t\t\tvalue={isAm ? 'AM' : 'PM'}\n\t\t\t\t\t\t\tbuttonWidth=\"100%\"\n\t\t\t\t\t\t\twidth=\"84px\"\n\t\t\t\t\t\t\tplaceHolderHeight=\"48px\"\n\t\t\t\t\t\t\tplaceHolder=\"AM\"\n\t\t\t\t\t\t\tonSelect={(\n\t\t\t\t\t\t\t\tselected: DropdownOption | DropdownOption[] | null,\n\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\tconst normalized = (\n\t\t\t\t\t\t\t\t\tArray.isArray(selected) ? selected[0] : selected\n\t\t\t\t\t\t\t\t) as SingleOption | null;\n\t\t\t\t\t\t\t\tonMeridiemChange(normalized?.value !== 'pm');\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</MeridiemDropdownSlot>\n\t\t\t\t</TimeInputRow>\n\t\t\t</TimeFieldColumn>\n\t\t</FieldsRow>\n\t);\n};\n"],"names":["TIME_STEP_MINUTES","parseTimeText","text","trimmed","match","hours","minutes","StartDateTimePicker","date","onDateChange","isAm","onTimeChange","onMeridiemChange","onTimeInvalidBlur","timeErrorMessage","dateLabel","minDate","dataTest","timeOptions","useMemo","values","hour","minute","twelves","value","selectedTimeLabel","meridiemDropdownOptions","jsxs","FieldsRow","DateFieldColumn","jsx","FieldLabel","BodySecondary","COLORS","RequiredMark","DatePickerSlot","DatePickerWrapper","dateValue","DateButtonType","TimeFieldColumn","TimeInputRow","TimeDropdownSlot","ComboBox","parsed","MeridiemDropdownSlot","Dropdown","selected","normalized"],"mappings":"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"}

package/dist/esm/components/schedule-builder/UpcomingRunsPreview.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { RecurrenceSummary } from './model';
+export interface UpcomingRunsPreviewProps {
+    /** Run dates to list. Renders nothing when empty. */
+    runs: Date[];
+    /** Summary line under the list. Omit to show the list alone. */
+    summary?: RecurrenceSummary | null;
+    /** date-fns pattern for each run. */
+    dateFormat?: string;
+    'data-test'?: string;
+}
+/**
+ * The dated list of the next few runs, with the plain-English summary beneath.
+ *
+ * Read-only: it renders whatever run dates it is given rather than deriving them,
+ * so a caller can preview a schedule it has not committed to. Pair it with
+ * `ScheduleHelper.computeUpcomingRuns` to produce the dates.
+ */
+export declare const UpcomingRunsPreview: React.FC<UpcomingRunsPreviewProps>;

package/dist/esm/components/schedule-builder/UpcomingRunsPreview.js

@@ -0,0 +1,44 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { format as h } from "date-fns";
+import { COLORS as o } from "../../constants/Theme.js";
+import { TitleSmall as g, BodyCaption as l } from "../TypographyStyle.js";
+import { Column as i, UpcomingRunItem as s, UpcomingRunDot as f, SummaryHighlight as a } from "./ScheduleBuilder.styled.js";
+const x = ({
+  runs: n,
+  summary: e,
+  dateFormat: m = "EEE d MMM, yyyy",
+  "data-test": p
+}) => n.length ? /* @__PURE__ */ r(i, { gap: 12, "data-test": p, children: [
+  /* @__PURE__ */ r(i, { gap: 8, children: [
+    /* @__PURE__ */ t(g, { color: o.content.primary, children: "Upcoming runs" }),
+    /* @__PURE__ */ t(i, { gap: 16, children: n.map((c, d) => /* @__PURE__ */ r(
+      s,
+      {
+        isLast: d === n.length - 1,
+        children: [
+          /* @__PURE__ */ t(f, {}),
+          /* @__PURE__ */ t(l, { color: o.content.primary, children: h(c, m) })
+        ]
+      },
+      c.getTime()
+    )) })
+  ] }),
+  !!e && /* @__PURE__ */ r(
+    l,
+    {
+      color: o.content.secondary,
+      "data-test": "recurrence-summary",
+      children: [
+        "Repeats ",
+        /* @__PURE__ */ t(a, { children: e.frequencyLabel }),
+        " at ",
+        /* @__PURE__ */ t(a, { children: e.timeLabel }),
+        e.tail
+      ]
+    }
+  )
+] }) : null;
+export {
+  x as UpcomingRunsPreview
+};
+//# sourceMappingURL=UpcomingRunsPreview.js.map

package/dist/esm/components/schedule-builder/UpcomingRunsPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpcomingRunsPreview.js","sources":["../../../../src/components/schedule-builder/UpcomingRunsPreview.tsx"],"sourcesContent":["import { format as formatDate } from 'date-fns';\nimport React from 'react';\nimport { COLORS } from '../../constants/Theme';\nimport { BodyCaption, TitleSmall } from '../TypographyStyle';\nimport { RecurrenceSummary } from './model';\nimport {\n\tColumn,\n\tSummaryHighlight,\n\tUpcomingRunDot,\n\tUpcomingRunItem,\n} from './ScheduleBuilder.styled';\n\nexport interface UpcomingRunsPreviewProps {\n\t/** Run dates to list. Renders nothing when empty. */\n\truns: Date[];\n\t/** Summary line under the list. Omit to show the list alone. */\n\tsummary?: RecurrenceSummary | null;\n\t/** date-fns pattern for each run. */\n\tdateFormat?: string;\n\t'data-test'?: string;\n}\n\n/**\n * The dated list of the next few runs, with the plain-English summary beneath.\n *\n * Read-only: it renders whatever run dates it is given rather than deriving them,\n * so a caller can preview a schedule it has not committed to. Pair it with\n * `ScheduleHelper.computeUpcomingRuns` to produce the dates.\n */\nexport const UpcomingRunsPreview: React.FC<UpcomingRunsPreviewProps> = ({\n\truns,\n\tsummary,\n\tdateFormat = 'EEE d MMM, yyyy',\n\t'data-test': dataTest,\n}) => {\n\tif (!runs.length) return null;\n\n\treturn (\n\t\t<Column gap={12} data-test={dataTest}>\n\t\t\t<Column gap={8}>\n\t\t\t\t<TitleSmall color={COLORS.content.primary}>Upcoming runs</TitleSmall>\n\t\t\t\t<Column gap={16}>\n\t\t\t\t\t{runs.map((run, index) => (\n\t\t\t\t\t\t<UpcomingRunItem\n\t\t\t\t\t\t\tkey={run.getTime()}\n\t\t\t\t\t\t\tisLast={index === runs.length - 1}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<UpcomingRunDot />\n\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\t{formatDate(run, dateFormat)}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t</UpcomingRunItem>\n\t\t\t\t\t))}\n\t\t\t\t</Column>\n\t\t\t</Column>\n\t\t\t{!!summary && (\n\t\t\t\t<BodyCaption\n\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\tdata-test=\"recurrence-summary\"\n\t\t\t\t>\n\t\t\t\t\t{'Repeats '}\n\t\t\t\t\t<SummaryHighlight>{summary.frequencyLabel}</SummaryHighlight>\n\t\t\t\t\t{' at '}\n\t\t\t\t\t<SummaryHighlight>{summary.timeLabel}</SummaryHighlight>\n\t\t\t\t\t{summary.tail}\n\t\t\t\t</BodyCaption>\n\t\t\t)}\n\t\t</Column>\n\t);\n};\n"],"names":["UpcomingRunsPreview","runs","summary","dateFormat","dataTest","jsxs","Column","jsx","TitleSmall","COLORS","run","index","UpcomingRunItem","UpcomingRunDot","BodyCaption","formatDate","SummaryHighlight"],"mappings":";;;;;AA6BO,MAAMA,IAA0D,CAAC;AAAA,EACvE,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAaC;AACd,MACMH,EAAK,SAGT,gBAAAI,EAACC,GAAA,EAAO,KAAK,IAAI,aAAWF,GAC3B,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAO,KAAK,GACZ,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAW,OAAOC,EAAO,QAAQ,SAAS,UAAA,iBAAa;AAAA,IACxD,gBAAAF,EAACD,KAAO,KAAK,IACX,YAAK,IAAI,CAACI,GAAKC,MACf,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QAEA,QAAQD,MAAUV,EAAK,SAAS;AAAA,QAEhC,UAAA;AAAA,UAAA,gBAAAM,EAACM,GAAA,EAAe;AAAA,UAChB,gBAAAN,EAACO,KAAY,OAAOL,EAAO,QAAQ,SACjC,UAAAM,EAAWL,GAAKP,CAAU,EAAA,CAC5B;AAAA,QAAA;AAAA,MAAA;AAAA,MANKO,EAAI,QAAA;AAAA,IAAQ,CAQlB,EAAA,CACF;AAAA,EAAA,GACD;AAAA,EACC,CAAC,CAACR,KACF,gBAAAG;AAAA,IAACS;AAAA,IAAA;AAAA,MACA,OAAOL,EAAO,QAAQ;AAAA,MACtB,aAAU;AAAA,MAET,UAAA;AAAA,QAAA;AAAA,QACD,gBAAAF,EAACS,GAAA,EAAkB,UAAAd,EAAQ,eAAA,CAAe;AAAA,QACzC;AAAA,QACD,gBAAAK,EAACS,GAAA,EAAkB,UAAAd,EAAQ,UAAA,CAAU;AAAA,QACpCA,EAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACV,GAEF,IAhCwB;"}

package/dist/esm/components/schedule-builder/index.d.ts

@@ -0,0 +1,17 @@
+import { RefreshSegmentToggle } from './RefreshSegmentToggle';
+import { ScheduleBuilder } from './ScheduleBuilder';
+import { ScheduleEndPicker } from './ScheduleEndPicker';
+import { ScheduleFrequencyPicker } from './ScheduleFrequencyPicker';
+import { SendModeSelector } from './SendModeSelector';
+import { StartDateTimePicker } from './StartDateTimePicker';
+import { UpcomingRunsPreview } from './UpcomingRunsPreview';
+export { ScheduleBuilder, SendModeSelector, StartDateTimePicker, ScheduleFrequencyPicker, ScheduleEndPicker, UpcomingRunsPreview, RefreshSegmentToggle, };
+export * from './model';
+export * from './ScheduleHelper';
+export type { ScheduleBuilderProps } from './ScheduleBuilder';
+export type { SendModeSelectorProps, SendModeItem } from './SendModeSelector';
+export type { StartDateTimePickerProps } from './StartDateTimePicker';
+export type { ScheduleFrequencyPickerProps } from './ScheduleFrequencyPicker';
+export type { ScheduleEndPickerProps } from './ScheduleEndPicker';
+export type { UpcomingRunsPreviewProps } from './UpcomingRunsPreview';
+export type { RefreshSegmentToggleProps } from './RefreshSegmentToggle';

package/dist/esm/components/schedule-builder/model.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Types for the recurrence pickers.
+ *
+ * These enums are duplicated from the consuming app's campaign types on purpose:
+ * a library component cannot import from an app, and the string values are what
+ * both ends already send over the wire, so the two stay compatible without a
+ * shared package. Cast at the boundary if your app has its own copy.
+ */
+/**
+ * When something sends. SEND_NOW hides the date and time; SCHEDULE shows them;
+ * RECURRING adds the frequency, end rule and run preview beneath.
+ */
+export declare enum SEND_MODE {
+    SEND_NOW = "SEND_NOW",
+    SCHEDULE = "SCHEDULE",
+    RECURRING = "RECURRING"
+}
+/** How often the series repeats. */
+export declare enum RECURRENCE_FREQUENCY {
+    DAILY = "DAILY",
+    WEEKLY = "WEEKLY",
+    MONTHLY = "MONTHLY"
+}
+/** What stops a series from running forever. */
+export declare enum RECURRENCE_END_MODE {
+    NEVER = "NEVER",
+    AFTER_RUNS = "AFTER_RUNS",
+    ON_DATE = "ON_DATE"
+}
+/**
+ * The "Repeat every" choice shown for a monthly recurrence. FIRST and LAST are
+ * presets over the same dates the CUSTOM grid picks, so all three resolve to one
+ * set of dates plus a last-day flag rather than three separate code paths.
+ */
+export declare enum MONTHLY_REPEAT_OPTION {
+    FIRST = "FIRST",
+    LAST = "LAST",
+    CUSTOM = "CUSTOM"
+}
+/**
+ * Everything the pickers below the start date own.
+ *
+ * The start date and time are deliberately not here — they belong to the
+ * schedule the recurrence repeats from, which every send mode shares.
+ * `ScheduleBuilder` holds those as its own `date`/`hours`/`minutes` props so
+ * switching mode does not have to move them between two shapes.
+ */
+export interface RecurrenceValue {
+    frequency?: RECURRENCE_FREQUENCY;
+    endMode?: RECURRENCE_END_MODE;
+    /** Weekly only. JS day indices — 0 = Sunday, matching `Date.getDay()`. */
+    daysOfWeek?: number[];
+    /** Monthly only. Calendar dates, 1–31. */
+    datesOfMonth?: number[];
+    /** Monthly only. Runs on the last day of every month, whatever date that is. */
+    lastDaySelected?: boolean;
+    monthlyRepeatOption?: MONTHLY_REPEAT_OPTION;
+    /** AFTER_RUNS only. Counts the first run, so 1 means "just the start date". */
+    endAfterRuns?: number;
+    /** ON_DATE only. Epoch seconds at the end of the chosen day. */
+    endOnDate?: number;
+    refreshSegmentBeforeEachRun?: boolean;
+}
+/** Summary line split into its semibold parts and the plain text between them. */
+export interface RecurrenceSummary {
+    frequencyLabel: string;
+    timeLabel: string;
+    tail: string;
+}

package/dist/esm/components/schedule-builder/model.js

@@ -0,0 +1,8 @@
+var S = /* @__PURE__ */ ((r) => (r.SEND_NOW = "SEND_NOW", r.SCHEDULE = "SCHEDULE", r.RECURRING = "RECURRING", r))(S || {}), L = /* @__PURE__ */ ((r) => (r.DAILY = "DAILY", r.WEEKLY = "WEEKLY", r.MONTHLY = "MONTHLY", r))(L || {}), A = /* @__PURE__ */ ((r) => (r.NEVER = "NEVER", r.AFTER_RUNS = "AFTER_RUNS", r.ON_DATE = "ON_DATE", r))(A || {}), T = /* @__PURE__ */ ((r) => (r.FIRST = "FIRST", r.LAST = "LAST", r.CUSTOM = "CUSTOM", r))(T || {});
+export {
+  T as MONTHLY_REPEAT_OPTION,
+  A as RECURRENCE_END_MODE,
+  L as RECURRENCE_FREQUENCY,
+  S as SEND_MODE
+};
+//# sourceMappingURL=model.js.map

package/dist/esm/components/schedule-builder/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sources":["../../../../src/components/schedule-builder/model.ts"],"sourcesContent":["/**\n * Types for the recurrence pickers.\n *\n * These enums are duplicated from the consuming app's campaign types on purpose:\n * a library component cannot import from an app, and the string values are what\n * both ends already send over the wire, so the two stay compatible without a\n * shared package. Cast at the boundary if your app has its own copy.\n */\n\n/**\n * When something sends. SEND_NOW hides the date and time; SCHEDULE shows them;\n * RECURRING adds the frequency, end rule and run preview beneath.\n */\nexport enum SEND_MODE {\n\tSEND_NOW = 'SEND_NOW',\n\tSCHEDULE = 'SCHEDULE',\n\tRECURRING = 'RECURRING',\n}\n\n/** How often the series repeats. */\nexport enum RECURRENCE_FREQUENCY {\n\tDAILY = 'DAILY',\n\tWEEKLY = 'WEEKLY',\n\tMONTHLY = 'MONTHLY',\n}\n\n/** What stops a series from running forever. */\nexport enum RECURRENCE_END_MODE {\n\tNEVER = 'NEVER',\n\tAFTER_RUNS = 'AFTER_RUNS',\n\tON_DATE = 'ON_DATE',\n}\n\n/**\n * The \"Repeat every\" choice shown for a monthly recurrence. FIRST and LAST are\n * presets over the same dates the CUSTOM grid picks, so all three resolve to one\n * set of dates plus a last-day flag rather than three separate code paths.\n */\nexport enum MONTHLY_REPEAT_OPTION {\n\tFIRST = 'FIRST',\n\tLAST = 'LAST',\n\tCUSTOM = 'CUSTOM',\n}\n\n/**\n * Everything the pickers below the start date own.\n *\n * The start date and time are deliberately not here — they belong to the\n * schedule the recurrence repeats from, which every send mode shares.\n * `ScheduleBuilder` holds those as its own `date`/`hours`/`minutes` props so\n * switching mode does not have to move them between two shapes.\n */\nexport interface RecurrenceValue {\n\tfrequency?: RECURRENCE_FREQUENCY;\n\tendMode?: RECURRENCE_END_MODE;\n\t/** Weekly only. JS day indices — 0 = Sunday, matching `Date.getDay()`. */\n\tdaysOfWeek?: number[];\n\t/** Monthly only. Calendar dates, 1–31. */\n\tdatesOfMonth?: number[];\n\t/** Monthly only. Runs on the last day of every month, whatever date that is. */\n\tlastDaySelected?: boolean;\n\tmonthlyRepeatOption?: MONTHLY_REPEAT_OPTION;\n\t/** AFTER_RUNS only. Counts the first run, so 1 means \"just the start date\". */\n\tendAfterRuns?: number;\n\t/** ON_DATE only. Epoch seconds at the end of the chosen day. */\n\tendOnDate?: number;\n\trefreshSegmentBeforeEachRun?: boolean;\n}\n\n/** Summary line split into its semibold parts and the plain text between them. */\nexport interface RecurrenceSummary {\n\tfrequencyLabel: string;\n\ttimeLabel: string;\n\ttail: string;\n}\n"],"names":["SEND_MODE","RECURRENCE_FREQUENCY","RECURRENCE_END_MODE","MONTHLY_REPEAT_OPTION"],"mappings":"AAaO,IAAKA,sBAAAA,OACXA,EAAA,WAAW,YACXA,EAAA,WAAW,YACXA,EAAA,YAAY,aAHDA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,UAAU,WAHCA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,aAAa,cACbA,EAAA,UAAU,WAHCA,IAAAA,KAAA,CAAA,CAAA,GAWAC,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,SAAS,UAHEA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/esm/index.d.ts

@@ -88,6 +88,9 @@ export * from './utils/validator';
 export * from './components/carousel-preview';
 export * from './components/floater';
 export * from './components/card-selector';
+export * from './components/chip-selector';
+export * from './components/combo-box';
+export * from './components/schedule-builder';
 export * from './components/variable-picker-v3';
 export * from './components/action-button';
 export * from './components/ai-modals';