@bikdotai/bik-component-library 0.0.868-beta.8 → 0.0.868

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

@@ -1,51 +0,0 @@
-import { default as React } from 'react';
-/**
- * Step between offered times, in minutes.
- *
- * Exported because a host seeding a default time has to round onto the same step
- * — otherwise the seeded value is not one of the options the dropdown offers.
- */
-export declare const TIME_STEP_MINUTES = 30;
-/**
- * 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

@@ -1,120 +0,0 @@
-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,
-  O as TIME_STEP_MINUTES,
-  s as parseTimeText
-};
-//# sourceMappingURL=StartDateTimePicker.js.map

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

@@ -1 +0,0 @@
-{"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/**\n * Step between offered times, in minutes.\n *\n * Exported because a host seeding a default time has to round onto the same step\n * — otherwise the seeded value is not one of the options the dropdown offers.\n */\nexport const 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

@@ -1,19 +0,0 @@
-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

@@ -1,44 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,18 +0,0 @@
-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 { TIME_STEP_MINUTES, parseTimeText } 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

@@ -1,69 +0,0 @@
-/**
- * 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

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;"}