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

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

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+export interface RefreshSegmentToggleProps {
+    value: boolean;
+    onChange: (value: boolean) => void;
+    /**
+     * False when the audience cannot be recomputed — a static uploaded list, for
+     * instance. The switch reads off and goes inert rather than disappearing, so
+     * the merchant can see the option exists and is unavailable.
+     */
+    canRefresh?: boolean;
+    title?: string;
+    caption?: string;
+    'data-test'?: string;
+}
+/**
+ * "Refresh segment before each run".
+ *
+ * Kept separate from the pickers because it is not part of the schedule — it
+ * decides how the audience is resolved at send time, and a screen may want the
+ * schedule without offering this at all.
+ */
+export declare const RefreshSegmentToggle: React.FC<RefreshSegmentToggleProps>;

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

@@ -0,0 +1,31 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { COLORS as t } from "../../constants/Theme.js";
+import { TitleSmall as h, BodyCaption as l } from "../TypographyStyle.js";
+import { RefreshSegmentRow as f, RefreshSegmentCopy as d } from "./ScheduleBuilder.styled.js";
+import { Switch as p } from "../switch/Switch.js";
+const b = ({
+  value: n,
+  onChange: m,
+  canRefresh: r = !0,
+  title: s = "Refresh segment before each run",
+  caption: i = "Recomputes who is in the segment before each run",
+  "data-test": a = "refresh-segment-before-each-run"
+}) => /* @__PURE__ */ o(f, { children: [
+  /* @__PURE__ */ o(d, { children: [
+    /* @__PURE__ */ e(h, { color: t.content.primary, children: s }),
+    /* @__PURE__ */ e(l, { color: t.content.secondary, children: i })
+  ] }),
+  /* @__PURE__ */ e(
+    p,
+    {
+      value: r && n,
+      disabled: !r,
+      onValueChange: async (c) => m(c),
+      "data-test": a
+    }
+  )
+] });
+export {
+  b as RefreshSegmentToggle
+};
+//# sourceMappingURL=RefreshSegmentToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshSegmentToggle.js","sources":["../../../../src/components/schedule-builder/RefreshSegmentToggle.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '../../constants/Theme';\nimport { Switch } from '../switch';\nimport { BodyCaption, TitleSmall } from '../TypographyStyle';\nimport {\n\tRefreshSegmentCopy,\n\tRefreshSegmentRow,\n} from './ScheduleBuilder.styled';\n\nexport interface RefreshSegmentToggleProps {\n\tvalue: boolean;\n\tonChange: (value: boolean) => void;\n\t/**\n\t * False when the audience cannot be recomputed — a static uploaded list, for\n\t * instance. The switch reads off and goes inert rather than disappearing, so\n\t * the merchant can see the option exists and is unavailable.\n\t */\n\tcanRefresh?: boolean;\n\ttitle?: string;\n\tcaption?: string;\n\t'data-test'?: string;\n}\n\n/**\n * \"Refresh segment before each run\".\n *\n * Kept separate from the pickers because it is not part of the schedule — it\n * decides how the audience is resolved at send time, and a screen may want the\n * schedule without offering this at all.\n */\nexport const RefreshSegmentToggle: React.FC<RefreshSegmentToggleProps> = ({\n\tvalue,\n\tonChange,\n\tcanRefresh = true,\n\ttitle = 'Refresh segment before each run',\n\tcaption = 'Recomputes who is in the segment before each run',\n\t'data-test': dataTest = 'refresh-segment-before-each-run',\n}) => (\n\t<RefreshSegmentRow>\n\t\t<RefreshSegmentCopy>\n\t\t\t<TitleSmall color={COLORS.content.primary}>{title}</TitleSmall>\n\t\t\t<BodyCaption color={COLORS.content.secondary}>{caption}</BodyCaption>\n\t\t</RefreshSegmentCopy>\n\t\t<Switch\n\t\t\tvalue={canRefresh && value}\n\t\t\tdisabled={!canRefresh}\n\t\t\t// Switch's contract is async; this toggle is synchronous, so adapt rather\n\t\t\t// than push the Promise into every caller.\n\t\t\tonValueChange={async (next: boolean) => onChange(next)}\n\t\t\tdata-test={dataTest}\n\t\t/>\n\t</RefreshSegmentRow>\n);\n"],"names":["RefreshSegmentToggle","value","onChange","canRefresh","title","caption","dataTest","RefreshSegmentRow","jsxs","RefreshSegmentCopy","jsx","TitleSmall","COLORS","BodyCaption","Switch","next"],"mappings":";;;;;AA8BO,MAAMA,IAA4D,CAAC;AAAA,EACzE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,aAAaC,IAAW;AACzB,wBACEC,GAAA,EACA,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAW,OAAOC,EAAO,QAAQ,SAAU,UAAAR,GAAM;AAAA,sBACjDS,GAAA,EAAY,OAAOD,EAAO,QAAQ,WAAY,UAAAP,EAAA,CAAQ;AAAA,EAAA,GACxD;AAAA,EACA,gBAAAK;AAAA,IAACI;AAAA,IAAA;AAAA,MACA,OAAOX,KAAcF;AAAA,MACrB,UAAU,CAACE;AAAA,MAGX,eAAe,OAAOY,MAAkBb,EAASa,CAAI;AAAA,MACrD,aAAWT;AAAA,IAAA;AAAA,EAAA;AACZ,EAAA,CACD;"}

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

@@ -0,0 +1,88 @@
+import { default as React } from 'react';
+import { RecurrenceValue, SEND_MODE } from './model';
+import { SendModeItem } from './SendModeSelector';
+export interface ScheduleBuilderProps {
+    /** Which mode is selected. Drives what is rendered below the cards. */
+    sendMode?: SEND_MODE;
+    onSendModeChange: (mode: SEND_MODE) => void;
+    /**
+     * Modes on offer. Pass a subset to drop one — a screen that cannot send
+     * immediately should not show a "Send now" card it will reject.
+     */
+    sendModeOptions?: SendModeItem<SEND_MODE>[];
+    /** The date the schedule starts from. For RECURRING it is the first run. */
+    date?: Date;
+    onDateChange: (date: Date) => void;
+    /**
+     * Date the runs preview counts from, when it should differ from `date`.
+     *
+     * `date` follows the picker and changes the instant a day is clicked, which is
+     * usually too eager for the preview: a host validating the time separately does
+     * not want runs listed at a time that has not passed validation. Pass the
+     * validated value here and leave it undefined to hide the preview until then.
+     * Defaults to `date`.
+     */
+    previewStartDate?: Date;
+    /** 12-hour clock, "1"–"12". Empty while nothing is chosen. */
+    hours: string;
+    /** "0"–"59". Empty 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;
+    onTimeInvalidBlur?: () => void;
+    /** Shown under the time field. The caller owns validation. */
+    timeErrorMessage?: string;
+    /** Earliest selectable date, normally now plus whatever lead time applies. */
+    minDate?: Date;
+    /** The recurrence. Only read when sendMode is RECURRING. */
+    recurrence?: RecurrenceValue;
+    /**
+     * Receives only the fields that changed, so a caller holding this in redux can
+     * dispatch one action per field instead of replacing the whole object.
+     */
+    onRecurrenceChange: (patch: Partial<RecurrenceValue>) => void;
+    /** How many runs the preview lists. */
+    previewCount?: number;
+    /** Hide the runs preview, for a compact form that shows the summary elsewhere. */
+    hideUpcomingRuns?: boolean;
+    /** Greys out every control — an in-flight campaign that can no longer be moved. */
+    disabled?: boolean;
+    /** Menu width for the frequency dropdown; defaults to its button's width. */
+    frequencyMenuWidth?: string;
+    /**
+     * Rendered between the send-mode cards and the date/time fields. For a host
+     * extra that belongs at the top — a best-time-to-send card, a warning banner.
+     */
+    children?: React.ReactNode;
+    /**
+     * Rendered at the very bottom, after the runs preview, and only while the
+     * schedule is recurring.
+     *
+     * Separate from `children` because position is the whole point: a
+     * per-run setting like "refresh the audience each time" reads as a footnote to
+     * the schedule it modifies, so it has to follow the runs rather than precede
+     * the date.
+     */
+    recurrenceFooter?: React.ReactNode;
+    'data-test'?: string;
+}
+/**
+ * Picks when something sends — once, at a set time, or on a repeating schedule.
+ *
+ * Controlled and free of any app state: values in, change handlers out. It owns
+ * the send-mode cards, the date and time, and — for a repeating schedule — the
+ * frequency, what it repeats on, when it ends, and a preview of the next runs.
+ *
+ * Deliberately domain-neutral. Nothing about campaigns, audiences or sending
+ * lives here, so anything that needs a schedule can use it. Host-specific extras
+ * go through `children`, which renders below the mode cards.
+ *
+ * Every part is also exported on its own, for a screen that needs the end picker
+ * or the runs preview without the rest.
+ */
+export declare const ScheduleBuilder: React.FC<ScheduleBuilderProps>;

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

@@ -0,0 +1,105 @@
+import { jsxs as m, jsx as e, Fragment as x } from "react/jsx-runtime";
+import { useMemo as s } from "react";
+import { SEND_MODE as o } from "./model.js";
+import { Column as u, SectionDivider as y } from "./ScheduleBuilder.styled.js";
+import { ScheduleEndPicker as G } from "./ScheduleEndPicker.js";
+import { ScheduleFrequencyPicker as L } from "./ScheduleFrequencyPicker.js";
+import { ScheduleHelper as W, UPCOMING_RUNS_PREVIEW_COUNT as j } from "./ScheduleHelper.js";
+import { SendModeSelector as H } from "./SendModeSelector.js";
+import { StartDateTimePicker as M } from "./StartDateTimePicker.js";
+import { UpcomingRunsPreview as q } from "./UpcomingRunsPreview.js";
+const A = [
+  { value: o.SEND_NOW, label: "Send now" },
+  { value: o.SCHEDULE, label: "Schedule" },
+  { value: o.RECURRING, label: "Set as recurring" }
+], ee = ({
+  sendMode: r,
+  onSendModeChange: h,
+  sendModeOptions: E = A,
+  date: a,
+  onDateChange: f,
+  previewStartDate: c,
+  hours: N,
+  minutes: g,
+  isAm: D,
+  onTimeChange: R,
+  onMeridiemChange: U,
+  onTimeInvalidBlur: _,
+  timeErrorMessage: b,
+  minDate: v,
+  recurrence: t,
+  onRecurrenceChange: d,
+  previewCount: p = j,
+  hideUpcomingRuns: O = !1,
+  disabled: C = !1,
+  frequencyMenuWidth: P,
+  children: F,
+  recurrenceFooter: I,
+  "data-test": T = "schedule-builder"
+}) => {
+  const l = r === o.RECURRING, k = !!r && r !== o.SEND_NOW, i = s(() => new W(t), [t]), S = c === void 0 ? a : c, n = s(
+    () => l ? i.computeUpcomingRuns(S, p) : [],
+    [i, S, p, l]
+  ), w = s(
+    () => i.buildSummary(n),
+    [i, n]
+  );
+  return /* @__PURE__ */ m(u, { gap: 16, "data-test": T, children: [
+    /* @__PURE__ */ e(
+      H,
+      {
+        options: E,
+        value: r,
+        onChange: h,
+        disabled: C,
+        "data-test": "schedule-builder-send-mode"
+      }
+    ),
+    F,
+    k && /* @__PURE__ */ m(x, { children: [
+      /* @__PURE__ */ e(y, {}),
+      /* @__PURE__ */ m(u, { gap: 12, children: [
+        /* @__PURE__ */ e(
+          M,
+          {
+            date: a,
+            onDateChange: f,
+            hours: N,
+            minutes: g,
+            isAm: D,
+            onTimeChange: R,
+            onMeridiemChange: U,
+            onTimeInvalidBlur: _,
+            timeErrorMessage: b,
+            dateLabel: l ? "Start date" : "Date",
+            minDate: v
+          }
+        ),
+        l && /* @__PURE__ */ m(u, { gap: 12, "data-test": "schedule-builder-recurrence", children: [
+          /* @__PURE__ */ e(
+            L,
+            {
+              value: t ?? {},
+              onChange: d,
+              frequencyMenuWidth: P
+            }
+          ),
+          /* @__PURE__ */ e(
+            G,
+            {
+              value: t ?? {},
+              onChange: d,
+              minEndDate: a
+            }
+          ),
+          !O && /* @__PURE__ */ e(q, { runs: n, summary: w }),
+          I
+        ] })
+      ] })
+    ] })
+  ] });
+};
+export {
+  ee as ScheduleBuilder
+};
+//# sourceMappingURL=ScheduleBuilder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleBuilder.js","sources":["../../../../src/components/schedule-builder/ScheduleBuilder.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { RecurrenceValue, SEND_MODE } from './model';\nimport { Column, SectionDivider } from './ScheduleBuilder.styled';\nimport { ScheduleEndPicker } from './ScheduleEndPicker';\nimport { ScheduleFrequencyPicker } from './ScheduleFrequencyPicker';\nimport { ScheduleHelper, UPCOMING_RUNS_PREVIEW_COUNT } from './ScheduleHelper';\nimport { SendModeItem, SendModeSelector } from './SendModeSelector';\nimport { StartDateTimePicker } from './StartDateTimePicker';\nimport { UpcomingRunsPreview } from './UpcomingRunsPreview';\n\n/** The modes offered when the caller does not name its own. */\nconst DEFAULT_SEND_MODE_OPTIONS: SendModeItem<SEND_MODE>[] = [\n\t{ value: SEND_MODE.SEND_NOW, label: 'Send now' },\n\t{ value: SEND_MODE.SCHEDULE, label: 'Schedule' },\n\t{ value: SEND_MODE.RECURRING, label: 'Set as recurring' },\n];\n\nexport interface ScheduleBuilderProps {\n\t/** Which mode is selected. Drives what is rendered below the cards. */\n\tsendMode?: SEND_MODE;\n\tonSendModeChange: (mode: SEND_MODE) => void;\n\t/**\n\t * Modes on offer. Pass a subset to drop one — a screen that cannot send\n\t * immediately should not show a \"Send now\" card it will reject.\n\t */\n\tsendModeOptions?: SendModeItem<SEND_MODE>[];\n\n\t/** The date the schedule starts from. For RECURRING it is the first run. */\n\tdate?: Date;\n\tonDateChange: (date: Date) => void;\n\t/**\n\t * Date the runs preview counts from, when it should differ from `date`.\n\t *\n\t * `date` follows the picker and changes the instant a day is clicked, which is\n\t * usually too eager for the preview: a host validating the time separately does\n\t * not want runs listed at a time that has not passed validation. Pass the\n\t * validated value here and leave it undefined to hide the preview until then.\n\t * Defaults to `date`.\n\t */\n\tpreviewStartDate?: Date;\n\n\t/** 12-hour clock, \"1\"–\"12\". Empty while nothing is chosen. */\n\thours: string;\n\t/** \"0\"–\"59\". Empty 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\tonTimeInvalidBlur?: () => void;\n\t/** Shown under the time field. The caller owns validation. */\n\ttimeErrorMessage?: string;\n\t/** Earliest selectable date, normally now plus whatever lead time applies. */\n\tminDate?: Date;\n\n\t/** The recurrence. Only read when sendMode is RECURRING. */\n\trecurrence?: RecurrenceValue;\n\t/**\n\t * Receives only the fields that changed, so a caller holding this in redux can\n\t * dispatch one action per field instead of replacing the whole object.\n\t */\n\tonRecurrenceChange: (patch: Partial<RecurrenceValue>) => void;\n\n\t/** How many runs the preview lists. */\n\tpreviewCount?: number;\n\t/** Hide the runs preview, for a compact form that shows the summary elsewhere. */\n\thideUpcomingRuns?: boolean;\n\t/** Greys out every control — an in-flight campaign that can no longer be moved. */\n\tdisabled?: boolean;\n\t/** Menu width for the frequency dropdown; defaults to its button's width. */\n\tfrequencyMenuWidth?: string;\n\t/**\n\t * Rendered between the send-mode cards and the date/time fields. For a host\n\t * extra that belongs at the top — a best-time-to-send card, a warning banner.\n\t */\n\tchildren?: React.ReactNode;\n\t/**\n\t * Rendered at the very bottom, after the runs preview, and only while the\n\t * schedule is recurring.\n\t *\n\t * Separate from `children` because position is the whole point: a\n\t * per-run setting like \"refresh the audience each time\" reads as a footnote to\n\t * the schedule it modifies, so it has to follow the runs rather than precede\n\t * the date.\n\t */\n\trecurrenceFooter?: React.ReactNode;\n\t'data-test'?: string;\n}\n\n/**\n * Picks when something sends — once, at a set time, or on a repeating schedule.\n *\n * Controlled and free of any app state: values in, change handlers out. It owns\n * the send-mode cards, the date and time, and — for a repeating schedule — the\n * frequency, what it repeats on, when it ends, and a preview of the next runs.\n *\n * Deliberately domain-neutral. Nothing about campaigns, audiences or sending\n * lives here, so anything that needs a schedule can use it. Host-specific extras\n * go through `children`, which renders below the mode cards.\n *\n * Every part is also exported on its own, for a screen that needs the end picker\n * or the runs preview without the rest.\n */\nexport const ScheduleBuilder: React.FC<ScheduleBuilderProps> = ({\n\tsendMode,\n\tonSendModeChange,\n\tsendModeOptions = DEFAULT_SEND_MODE_OPTIONS,\n\tdate,\n\tonDateChange,\n\tpreviewStartDate,\n\thours,\n\tminutes,\n\tisAm,\n\tonTimeChange,\n\tonMeridiemChange,\n\tonTimeInvalidBlur,\n\ttimeErrorMessage,\n\tminDate,\n\trecurrence,\n\tonRecurrenceChange,\n\tpreviewCount = UPCOMING_RUNS_PREVIEW_COUNT,\n\thideUpcomingRuns = false,\n\tdisabled = false,\n\tfrequencyMenuWidth,\n\tchildren,\n\trecurrenceFooter,\n\t'data-test': dataTest = 'schedule-builder',\n}) => {\n\tconst isRecurring = sendMode === SEND_MODE.RECURRING;\n\t// Send-now has no date to pick; the other modes do.\n\tconst showFields = !!sendMode && sendMode !== SEND_MODE.SEND_NOW;\n\n\tconst helper = useMemo(() => new ScheduleHelper(recurrence), [recurrence]);\n\n\t/**\n\t * Runs are previewed from the chosen date — or from `previewStartDate` when the\n\t * host validates separately — so the list stays empty rather than counting from\n\t * today and then jumping once a real date lands.\n\t */\n\tconst previewFrom = previewStartDate === undefined ? date : previewStartDate;\n\n\tconst upcomingRuns = useMemo(\n\t\t() =>\n\t\t\tisRecurring ? helper.computeUpcomingRuns(previewFrom, previewCount) : [],\n\t\t[helper, previewFrom, previewCount, isRecurring],\n\t);\n\n\tconst summary = useMemo(\n\t\t() => helper.buildSummary(upcomingRuns),\n\t\t[helper, upcomingRuns],\n\t);\n\n\treturn (\n\t\t<Column gap={16} data-test={dataTest}>\n\t\t\t<SendModeSelector\n\t\t\t\toptions={sendModeOptions}\n\t\t\t\tvalue={sendMode}\n\t\t\t\tonChange={onSendModeChange}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tdata-test=\"schedule-builder-send-mode\"\n\t\t\t/>\n\t\t\t{children}\n\t\t\t{showFields && (\n\t\t\t\t<>\n\t\t\t\t\t<SectionDivider />\n\t\t\t\t\t<Column gap={12}>\n\t\t\t\t\t\t<StartDateTimePicker\n\t\t\t\t\t\t\tdate={date}\n\t\t\t\t\t\t\tonDateChange={onDateChange}\n\t\t\t\t\t\t\thours={hours}\n\t\t\t\t\t\t\tminutes={minutes}\n\t\t\t\t\t\t\tisAm={isAm}\n\t\t\t\t\t\t\tonTimeChange={onTimeChange}\n\t\t\t\t\t\t\tonMeridiemChange={onMeridiemChange}\n\t\t\t\t\t\t\tonTimeInvalidBlur={onTimeInvalidBlur}\n\t\t\t\t\t\t\ttimeErrorMessage={timeErrorMessage}\n\t\t\t\t\t\t\t// \"Start date\" only reads right when runs follow it.\n\t\t\t\t\t\t\tdateLabel={isRecurring ? 'Start date' : 'Date'}\n\t\t\t\t\t\t\tminDate={minDate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{isRecurring && (\n\t\t\t\t\t\t\t<Column gap={12} data-test=\"schedule-builder-recurrence\">\n\t\t\t\t\t\t\t\t<ScheduleFrequencyPicker\n\t\t\t\t\t\t\t\t\tvalue={recurrence ?? {}}\n\t\t\t\t\t\t\t\t\tonChange={onRecurrenceChange}\n\t\t\t\t\t\t\t\t\tfrequencyMenuWidth={frequencyMenuWidth}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ScheduleEndPicker\n\t\t\t\t\t\t\t\t\tvalue={recurrence ?? {}}\n\t\t\t\t\t\t\t\t\tonChange={onRecurrenceChange}\n\t\t\t\t\t\t\t\t\tminEndDate={date}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{!hideUpcomingRuns && (\n\t\t\t\t\t\t\t\t\t<UpcomingRunsPreview runs={upcomingRuns} summary={summary} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{recurrenceFooter}\n\t\t\t\t\t\t\t</Column>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Column>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</Column>\n\t);\n};\n"],"names":["DEFAULT_SEND_MODE_OPTIONS","SEND_MODE","ScheduleBuilder","sendMode","onSendModeChange","sendModeOptions","date","onDateChange","previewStartDate","hours","minutes","isAm","onTimeChange","onMeridiemChange","onTimeInvalidBlur","timeErrorMessage","minDate","recurrence","onRecurrenceChange","previewCount","UPCOMING_RUNS_PREVIEW_COUNT","hideUpcomingRuns","disabled","frequencyMenuWidth","children","recurrenceFooter","dataTest","isRecurring","showFields","helper","useMemo","ScheduleHelper","previewFrom","upcomingRuns","summary","jsxs","Column","jsx","SendModeSelector","Fragment","SectionDivider","StartDateTimePicker","ScheduleFrequencyPicker","ScheduleEndPicker","UpcomingRunsPreview"],"mappings":"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"}

package/dist/esm/components/schedule-builder/ScheduleBuilder.styled.d.ts

@@ -0,0 +1,81 @@
+/**
+ * A labelled field column — "Start date" and "Time" sit side by side.
+ * 6px label-to-input gap comes from the design's `input-large` component.
+ */
+export declare const FieldColumn: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DateFieldColumn: import('styled-components').StyledComponent<"div", any, {}, never>;
+/**
+ * Same share as the date column plus the am/pm dropdown's footprint (84px
+ * wide + 8px gap), so the time box itself matches the date box rather than
+ * being squeezed by the dropdown sitting beside it.
+ */
+export declare const TimeFieldColumn: import('styled-components').StyledComponent<"div", any, {}, never>;
+/**
+ * The Start date / Time row.
+ *
+ * Aligned to the top rather than centred: the time field grows taller when its
+ * validation message appears, and a centred row would shift the date field up
+ * and down with it.
+ */
+export declare const FieldsRow: import('styled-components').StyledComponent<"div", any, {}, never>;
+/** Wraps the date picker so its button matches the 48px input height. */
+export declare const DatePickerSlot: import('styled-components').StyledComponent<"div", any, {}, never>;
+/**
+ * The time box and its am/pm dropdown.
+ *
+ * Top-aligned rather than centred: the validation message renders inside the
+ * time slot, so a centred row would push am/pm downward as the message appears.
+ */
+export declare const TimeInputRow: import('styled-components').StyledComponent<"div", any, {}, never>;
+/** The hh:mm dropdown takes the free space; am/pm is fixed beside it. */
+export declare const TimeDropdownSlot: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const MeridiemDropdownSlot: import('styled-components').StyledComponent<"div", any, {}, never>;
+/**
+ * Frequency field. Fills its column, which is a DateFieldColumn so it takes the
+ * same share as Start date above it — the design has both as 337px halves of the
+ * 690px row, rather than a fixed 220px box that drifts as the panel resizes.
+ */
+export declare const FrequencyDropdownSlot: import('styled-components').StyledComponent<"div", any, {}, never>;
+/**
+ * Monthly date grid. Fixed at 337px so six CHIP_WIDTH chips and their 8px gaps
+ * wrap onto a tidy 6-per-row grid rather than reflowing with the panel width.
+ */
+export declare const MonthDateGridSlot: import('styled-components').StyledComponent<"div", any, {}, never>;
+/**
+ * Icon + text caption under a picker, for both validation errors and the
+ * skipped-month note. The icon is pinned to its 16px box and aligned to the
+ * first line — as a bare flex child it would stretch and open a wide gap.
+ */
+export declare const CaptionWithIcon: import('styled-components').StyledComponent<"div", any, {}, never>;
+/** Field label row — holds the caption and its required asterisk. */
+export declare const FieldLabel: import('styled-components').StyledComponent<"div", any, {}, never>;
+/** Frequency and time read in semibold inside the summary line. */
+export declare const SummaryHighlight: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const RequiredMark: import('styled-components').StyledComponent<"span", any, {}, never>;
+/** A single selectable send-mode card. */
+export declare const SendModeOption: import('styled-components').StyledComponent<"div", any, {
+    active: boolean;
+    disabled: boolean;
+}, never>;
+/** The row of send-mode cards. */
+export declare const SendModeRow: import('styled-components').StyledComponent<"div", any, {}, never>;
+/** 1px rule between the send-mode radios and the fields below. */
+export declare const SectionDivider: import('styled-components').StyledComponent<"div", any, {}, never>;
+/** "Ends" row wraps when the three options do not fit on one line. */
+export declare const EndsRow: import('styled-components').StyledComponent<"div", any, {}, never>;
+/** 44px wide, 32px tall — the design's small input. */
+export declare const RunCountInputWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const EndDateWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const UpcomingRunItem: import('styled-components').StyledComponent<"div", any, {
+    isLast: boolean;
+}, never>;
+export declare const UpcomingRunDot: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const RefreshSegmentRow: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const RefreshSegmentCopy: import('styled-components').StyledComponent<"div", any, {}, never>;
+/** Generic vertical stack — the library cannot rely on the app's utility classes. */
+export declare const Column: import('styled-components').StyledComponent<"div", any, {
+    gap?: number | undefined;
+}, never>;
+export declare const Row: import('styled-components').StyledComponent<"div", any, {
+    gap?: number | undefined;
+}, never>;

package/dist/esm/components/schedule-builder/ScheduleBuilder.styled.js

@@ -0,0 +1,168 @@
+import i from "styled-components";
+import { COLORS as t } from "../../constants/Theme.js";
+const o = 84, n = 8, d = i.div`
+	display: flex;
+	flex-direction: column;
+	min-width: 0;
+	gap: 6px;
+`, l = i(d)`
+	flex: 1 1 0;
+`, a = i(d)`
+	flex: 1 1 ${o + n}px;
+`, s = i.div`
+	display: flex;
+	flex-direction: row;
+	gap: 16px;
+	width: 100%;
+	align-items: flex-start;
+`, x = i.div`
+	height: 48px;
+`, c = i.div`
+	display: flex;
+	flex-direction: row;
+	gap: ${n}px;
+	align-items: flex-start;
+`, g = i.div`
+	flex: 1;
+	min-width: 0;
+`, f = i.div`
+	flex: 0 0 ${o}px;
+`, h = i.div`
+	width: 100%;
+	min-width: 0;
+`, m = i.div`
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+	width: 337px;
+	max-width: 100%;
+`, w = i.div`
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	gap: 4px;
+
+	svg {
+		flex: 0 0 16px;
+		width: 16px;
+		height: 16px;
+	}
+`, u = i.div`
+	display: flex;
+	align-items: center;
+	gap: 2px;
+`, v = i.span`
+	font-weight: 600;
+`, y = i.span`
+	color: ${t.content.negative};
+`, b = i.div`
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: 4px;
+	padding: 16px;
+	flex: 1;
+	height: 56px;
+	border-radius: 4px;
+	border: 1px solid
+		${(e) => e.active ? t.background.inverseLight : t.stroke.primary};
+	background: ${(e) => e.active ? t.background.brandLight : t.surface.standard};
+	cursor: ${(e) => e.disabled ? "not-allowed" : "pointer"};
+	opacity: ${(e) => e.disabled ? 0.6 : 1};
+`, R = i.div`
+	display: flex;
+	flex-direction: row;
+	gap: 16px;
+	width: 100%;
+`, k = i.div`
+	height: 1px;
+	width: 100%;
+	background: ${t.stroke.primary};
+`, $ = i.div`
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: 12px;
+	flex-wrap: wrap;
+`, S = i.div`
+	width: 44px;
+`, D = i.div`
+	width: 168px;
+`, C = i.div`
+	position: relative;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: 8px;
+
+	/* connector spanning the 16px gap to the next run */
+	::before {
+		content: '';
+		position: absolute;
+		left: 4.5px;
+		top: 100%;
+		height: 16px;
+		width: 1px;
+		background: ${(e) => e.isLast ? "transparent" : t.stroke.brandLightAlt};
+	}
+`, I = i.div`
+	width: 10px;
+	height: 10px;
+	border-radius: 50%;
+	background: ${t.background.inverseLight};
+	flex-shrink: 0;
+	z-index: 1;
+`, L = i.div`
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: 12px;
+	width: 100%;
+	justify-content: space-between;
+	padding-top: 16px;
+	border-top: 1px solid ${t.stroke.primary};
+`, M = i.div`
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+`, F = i.div`
+	display: flex;
+	flex-direction: column;
+	gap: ${(e) => e.gap ?? 12}px;
+	width: 100%;
+`, T = i.div`
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: ${(e) => e.gap ?? 8}px;
+`;
+export {
+  w as CaptionWithIcon,
+  F as Column,
+  l as DateFieldColumn,
+  x as DatePickerSlot,
+  D as EndDateWrapper,
+  $ as EndsRow,
+  d as FieldColumn,
+  u as FieldLabel,
+  s as FieldsRow,
+  h as FrequencyDropdownSlot,
+  f as MeridiemDropdownSlot,
+  m as MonthDateGridSlot,
+  M as RefreshSegmentCopy,
+  L as RefreshSegmentRow,
+  y as RequiredMark,
+  T as Row,
+  S as RunCountInputWrapper,
+  k as SectionDivider,
+  b as SendModeOption,
+  R as SendModeRow,
+  v as SummaryHighlight,
+  g as TimeDropdownSlot,
+  a as TimeFieldColumn,
+  c as TimeInputRow,
+  I as UpcomingRunDot,
+  C as UpcomingRunItem
+};
+//# sourceMappingURL=ScheduleBuilder.styled.js.map

package/dist/esm/components/schedule-builder/ScheduleBuilder.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleBuilder.styled.js","sources":["../../../../src/components/schedule-builder/ScheduleBuilder.styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '../../constants/Theme';\n\n/** Fixed width of the am/pm dropdown, and the gap separating it from the time box. */\nconst MERIDIEM_SLOT_WIDTH = 84;\nconst TIME_ROW_GAP = 8;\n\n/**\n * A labelled field column — \"Start date\" and \"Time\" sit side by side.\n * 6px label-to-input gap comes from the design's `input-large` component.\n */\nexport const FieldColumn = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-width: 0;\n\tgap: 6px;\n`;\n\nexport const DateFieldColumn = styled(FieldColumn)`\n\tflex: 1 1 0;\n`;\n\n/**\n * Same share as the date column plus the am/pm dropdown's footprint (84px\n * wide + 8px gap), so the time box itself matches the date box rather than\n * being squeezed by the dropdown sitting beside it.\n */\nexport const TimeFieldColumn = styled(FieldColumn)`\n\tflex: 1 1 ${MERIDIEM_SLOT_WIDTH + TIME_ROW_GAP}px;\n`;\n\n/**\n * The Start date / Time row.\n *\n * Aligned to the top rather than centred: the time field grows taller when its\n * validation message appears, and a centred row would shift the date field up\n * and down with it.\n */\nexport const FieldsRow = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 16px;\n\twidth: 100%;\n\talign-items: flex-start;\n`;\n\n/** Wraps the date picker so its button matches the 48px input height. */\nexport const DatePickerSlot = styled.div`\n\theight: 48px;\n`;\n\n/**\n * The time box and its am/pm dropdown.\n *\n * Top-aligned rather than centred: the validation message renders inside the\n * time slot, so a centred row would push am/pm downward as the message appears.\n */\nexport const TimeInputRow = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: ${TIME_ROW_GAP}px;\n\talign-items: flex-start;\n`;\n\n/** The hh:mm dropdown takes the free space; am/pm is fixed beside it. */\nexport const TimeDropdownSlot = styled.div`\n\tflex: 1;\n\tmin-width: 0;\n`;\n\nexport const MeridiemDropdownSlot = styled.div`\n\tflex: 0 0 ${MERIDIEM_SLOT_WIDTH}px;\n`;\n\n/**\n * Frequency field. Fills its column, which is a DateFieldColumn so it takes the\n * same share as Start date above it — the design has both as 337px halves of the\n * 690px row, rather than a fixed 220px box that drifts as the panel resizes.\n */\nexport const FrequencyDropdownSlot = styled.div`\n\twidth: 100%;\n\tmin-width: 0;\n`;\n\n/**\n * Monthly date grid. Fixed at 337px so six CHIP_WIDTH chips and their 8px gaps\n * wrap onto a tidy 6-per-row grid rather than reflowing with the panel width.\n */\nexport const MonthDateGridSlot = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\twidth: 337px;\n\tmax-width: 100%;\n`;\n\n/**\n * Icon + text caption under a picker, for both validation errors and the\n * skipped-month note. The icon is pinned to its 16px box and aligned to the\n * first line — as a bare flex child it would stretch and open a wide gap.\n */\nexport const CaptionWithIcon = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: flex-start;\n\tgap: 4px;\n\n\tsvg {\n\t\tflex: 0 0 16px;\n\t\twidth: 16px;\n\t\theight: 16px;\n\t}\n`;\n\n/** Field label row — holds the caption and its required asterisk. */\nexport const FieldLabel = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 2px;\n`;\n\n/** Frequency and time read in semibold inside the summary line. */\nexport const SummaryHighlight = styled.span`\n\tfont-weight: 600;\n`;\n\nexport const RequiredMark = styled.span`\n\tcolor: ${COLORS.content.negative};\n`;\n\n/** A single selectable send-mode card. */\nexport const SendModeOption = styled.div<{\n\tactive: boolean;\n\tdisabled: boolean;\n}>`\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 4px;\n\tpadding: 16px;\n\tflex: 1;\n\theight: 56px;\n\tborder-radius: 4px;\n\tborder: 1px solid\n\t\t${(props) =>\n\t\t\tprops.active ? COLORS.background.inverseLight : COLORS.stroke.primary};\n\tbackground: ${(props) =>\n\t\tprops.active ? COLORS.background.brandLight : COLORS.surface.standard};\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\topacity: ${(props) => (props.disabled ? 0.6 : 1)};\n`;\n\n/** The row of send-mode cards. */\nexport const SendModeRow = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 16px;\n\twidth: 100%;\n`;\n\n/** 1px rule between the send-mode radios and the fields below. */\nexport const SectionDivider = styled.div`\n\theight: 1px;\n\twidth: 100%;\n\tbackground: ${COLORS.stroke.primary};\n`;\n\n/** \"Ends\" row wraps when the three options do not fit on one line. */\nexport const EndsRow = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 12px;\n\tflex-wrap: wrap;\n`;\n\n/** 44px wide, 32px tall — the design's small input. */\nexport const RunCountInputWrapper = styled.div`\n\twidth: 44px;\n`;\n\nexport const EndDateWrapper = styled.div`\n\twidth: 168px;\n`;\n\nexport const UpcomingRunItem = styled.div<{ isLast: boolean }>`\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 8px;\n\n\t/* connector spanning the 16px gap to the next run */\n\t::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tleft: 4.5px;\n\t\ttop: 100%;\n\t\theight: 16px;\n\t\twidth: 1px;\n\t\tbackground: ${(props) =>\n\t\t\tprops.isLast ? 'transparent' : COLORS.stroke.brandLightAlt};\n\t}\n`;\n\nexport const UpcomingRunDot = styled.div`\n\twidth: 10px;\n\theight: 10px;\n\tborder-radius: 50%;\n\tbackground: ${COLORS.background.inverseLight};\n\tflex-shrink: 0;\n\tz-index: 1;\n`;\n\nexport const RefreshSegmentRow = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 12px;\n\twidth: 100%;\n\tjustify-content: space-between;\n\tpadding-top: 16px;\n\tborder-top: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const RefreshSegmentCopy = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n`;\n\n/** Generic vertical stack — the library cannot rely on the app's utility classes. */\nexport const Column = styled.div<{ gap?: number }>`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: ${(props) => props.gap ?? 12}px;\n\twidth: 100%;\n`;\n\nexport const Row = styled.div<{ gap?: number }>`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: ${(props) => props.gap ?? 8}px;\n`;\n"],"names":["MERIDIEM_SLOT_WIDTH","TIME_ROW_GAP","FieldColumn","styled","DateFieldColumn","TimeFieldColumn","FieldsRow","DatePickerSlot","TimeInputRow","TimeDropdownSlot","MeridiemDropdownSlot","FrequencyDropdownSlot","MonthDateGridSlot","CaptionWithIcon","FieldLabel","SummaryHighlight","RequiredMark","COLORS","SendModeOption","props","SendModeRow","SectionDivider","EndsRow","RunCountInputWrapper","EndDateWrapper","UpcomingRunItem","UpcomingRunDot","RefreshSegmentRow","RefreshSegmentCopy","Column","Row"],"mappings":";;AAIA,MAAMA,IAAsB,IACtBC,IAAe,GAMRC,IAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOrBC,IAAkBD,EAAOD,CAAW;AAAA;AAAA,GASpCG,IAAkBF,EAAOD,CAAW;AAAA,aACpCF,IAAsBC,CAAY;AAAA,GAUlCK,IAAYH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnBI,IAAiBJ,EAAO;AAAA;AAAA,GAUxBK,IAAeL,EAAO;AAAA;AAAA;AAAA,QAG3BF,CAAY;AAAA;AAAA,GAKPQ,IAAmBN,EAAO;AAAA;AAAA;AAAA,GAK1BO,IAAuBP,EAAO;AAAA,aAC9BH,CAAmB;AAAA,GAQnBW,IAAwBR,EAAO;AAAA;AAAA;AAAA,GAS/BS,IAAoBT,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAa3BU,IAAkBV,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAczBW,IAAaX,EAAO;AAAA;AAAA;AAAA;AAAA,GAOpBY,IAAmBZ,EAAO;AAAA;AAAA,GAI1Ba,IAAeb,EAAO;AAAA,UACzBc,EAAO,QAAQ,QAAQ;AAAA,GAIpBC,IAAiBf,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAcjC,CAACgB,MACFA,EAAM,SAASF,EAAO,WAAW,eAAeA,EAAO,OAAO,OAAO;AAAA,eACzD,CAACE,MACdA,EAAM,SAASF,EAAO,WAAW,aAAaA,EAAO,QAAQ,QAAQ;AAAA,WAC5D,CAACE,MAAWA,EAAM,WAAW,gBAAgB,SAAU;AAAA,YACtD,CAACA,MAAWA,EAAM,WAAW,MAAM,CAAE;AAAA,GAIpCC,IAAcjB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAQrBkB,IAAiBlB,EAAO;AAAA;AAAA;AAAA,eAGtBc,EAAO,OAAO,OAAO;AAAA,GAIvBK,IAAUnB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASjBoB,IAAuBpB,EAAO;AAAA;AAAA,GAI9BqB,IAAiBrB,EAAO;AAAA;AAAA,GAIxBsB,IAAkBtB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAetB,CAACgB,MACdA,EAAM,SAAS,gBAAgBF,EAAO,OAAO,aAAa;AAAA;AAAA,GAIhDS,IAAiBvB,EAAO;AAAA;AAAA;AAAA;AAAA,eAItBc,EAAO,WAAW,YAAY;AAAA;AAAA;AAAA,GAKhCU,IAAoBxB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAQfc,EAAO,OAAO,OAAO;AAAA,GAGjCW,IAAqBzB,EAAO;AAAA;AAAA;AAAA;AAAA,GAO5B0B,IAAS1B,EAAO;AAAA;AAAA;AAAA,QAGrB,CAACgB,MAAUA,EAAM,OAAO,EAAE;AAAA;AAAA,GAIrBW,IAAM3B,EAAO;AAAA;AAAA;AAAA;AAAA,QAIlB,CAACgB,MAAUA,EAAM,OAAO,CAAC;AAAA;"}

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

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { RecurrenceValue } from './model';
+export interface ScheduleEndPickerProps {
+    value: RecurrenceValue;
+    onChange: (patch: Partial<RecurrenceValue>) => void;
+    /** Earliest selectable end date — normally the series' own start date. */
+    minEndDate?: Date;
+    'data-test'?: string;
+}
+/**
+ * "Never / After N runs / On <date>".
+ *
+ * The run-count input and the end-date picker stay mounted and go disabled with
+ * their mode rather than unmounting, so the row keeps its width and the controls
+ * do not jump as the merchant switches between them.
+ */
+export declare const ScheduleEndPicker: React.FC<ScheduleEndPickerProps>;