@shipengine/elements 2.18.0 → 2.19.0

package/src/workflows/carrier-services/carrier-services.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { CodedError } from "@shipengine/react-api";
 /**
  * # Carrier-Services Component
  *
@@ -24,11 +23,9 @@ import { CodedError } from "@shipengine/react-api";
  * @see {@link AccountSettings.Element | The `<AccountSettings />` component renders the `<CarrierServices />` component}
  */
 export type CarrierServicesProps = {
-    addFunds?: () => Promise<any>;
-    addFundsError?: CodedError[] | null;
     onRedirectToOnboarding?: () => void;
 };
-export declare const Component: ({ onRedirectToOnboarding, addFunds, addFundsError, }: CarrierServicesProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Component: ({ onRedirectToOnboarding }: CarrierServicesProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
     resources?: {
         en: {
@@ -51,6 +48,9 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                     thisMonth: string;
                     lastMonth: string;
                 };
+                category: {
+                    fundsAdded: string;
+                };
             };
             "void-label": {
                 title: string;
@@ -647,8 +647,10 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                 trackingStatus: {
                     unknown: string;
                     inTransit: string;
+                    in_transit: string;
                     delivered: string;
                     error: string;
+                    voided: string;
                 };
                 actions: {
                     title: string;
@@ -668,6 +670,17 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                     connectCarriers: string;
                     disconnect: string;
                     disconnectCarrier: string;
+                    downloadEula: string;
+                };
+                customForms: {
+                    fedex: {
+                        eulaName: string;
+                        disclaimerFooter: string;
+                    };
+                };
+                eula: {
+                    toContinue: string;
+                    iAgree: string;
                 };
                 noCarriersDescription: string;
                 registrationForm: {
@@ -714,6 +727,7 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                 address: {
                     fields: {
                         name: string;
+                        fullName: string;
                         company: string;
                         county: string;
                         countryCode: string;
@@ -876,6 +890,7 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                     unknown: string;
                     noRatesAvailable: string;
                     refreshAndTryAgain: string;
+                    updateShipFromAddress: string;
                     windsorFramework: {
                         doNotConform: string;
                         pleaseAddTheFollowingTaxIds: string;
@@ -894,6 +909,7 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                     saveRate: string;
                     security: string;
                     shipmentStatus: string;
+                    shipFromAddress: string;
                     system: string;
                     unknown: string;
                     validation: string;
@@ -907,6 +923,8 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                     shipmentId: string;
                     labelId: string;
                     labelIdFilter: string;
+                    filteredTrackingStatus: string;
+                    more: string;
                     createdDate: string;
                     shipmentIdFilter: string;
                     createdDateFilter: string;
@@ -1074,29 +1092,6 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & {
                     accountBalance: string;
                     paymentMethod: string;
                     transactionHistory: string;
-                    /**
-                     * # Carrier-Services Component
-                     *
-                     * @param ComponentProps The base props that will be passed into the `<CarrierServices />` component.
-                     *
-                     * @returns Element A React element that renders the `<CarrierServices />` component allowing users
-                     * to view a list of carriers that are connected to their ShipEngine account, add funds to their wallet, view transaction history, and manage their payment method. This component is
-                     * composed in the `<AccountSettings />` Element.
-                     *
-                     * @example
-                     * ```tsx
-                     * (() => {
-                     *   const features = useFeatures("Global");
-                     *
-                     *   return <CarrierServices.Element features={features} />;
-                     * })();
-                     * ```
-                     *
-                     * <br />
-                     *
-                     * @see {@link CarrierServices.ComponentProps | The props that are passed into the `<CarrierServices />` component}
-                     * @see {@link AccountSettings.Element | The `<AccountSettings />` component renders the `<CarrierServices />` component}
-                     */
                     adjustmentHistory: string;
                     warehouses: string;
                     carriers: {

package/src/workflows/connect-external-carrier/connect-external-carrier.d.ts

@@ -55,6 +55,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     thisMonth: string;
                     lastMonth: string;
                 };
+                category: {
+                    fundsAdded: string;
+                };
             };
             "void-label": {
                 title: string;
@@ -266,29 +269,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     auctane_service_fee: string;
                     product_price: string;
                 };
-            }; /**
-             * # ConnectExternalCarrier Component
-             *
-             * @param ComponentProps The base props that will be passed into the `<ConnectExternalCarrier />` component.
-             *
-             * @returns Element A React element that renders the `<ConnectExternalCarrier />` component allowing users
-             * to connect their own existing carrier account. If no carrier is provided, the user may
-             * select from a list of carriers specified by `features.availableCarrierConnections`.
-             * This component is composed in the `<AccountSettings />` Element.
-             *
-             * @example
-             * ```tsx
-             * (() => {
-             *   const features = useFeatures("CarrierConnections");
-             *
-             *   return <ConnectExternalCarrier.Component features={features} />;
-             * })();
-             * ```
-             *
-             * <br />
-             *
-             * @see {@link ConnectExternalCarrier.ComponentProps | The props that are passed into the `<ConnectExternalCarrier />` component}
-             */
+            };
             "purchase-label": {
                 title: string;
                 actions: {
@@ -598,7 +579,11 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         metric: string;
                     };
                     weight: {
-                        title: string;
+                        title: string; /**
+                         * # ConnectExternalCarrier Props
+                         *
+                         * @see {@link ConnectExternalCarrier.Component | The `<ConnectExternalCarrier />` component}
+                         */
                         standard: string;
                         g: string;
                         kg: string;
@@ -673,8 +658,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 trackingStatus: {
                     unknown: string;
                     inTransit: string;
+                    in_transit: string;
                     delivered: string;
                     error: string;
+                    voided: string;
                 };
                 actions: {
                     title: string;
@@ -694,6 +681,17 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     connectCarriers: string;
                     disconnect: string;
                     disconnectCarrier: string;
+                    downloadEula: string;
+                };
+                customForms: {
+                    fedex: {
+                        eulaName: string;
+                        disclaimerFooter: string;
+                    };
+                };
+                eula: {
+                    toContinue: string;
+                    iAgree: string;
                 };
                 noCarriersDescription: string;
                 registrationForm: {
@@ -740,6 +738,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 address: {
                     fields: {
                         name: string;
+                        fullName: string;
                         company: string;
                         county: string;
                         countryCode: string;
@@ -747,6 +746,11 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         addressLine2: string;
                         cityLocality: string;
                         stateProvince: string;
+                        /**
+                         * # ConnectExternalCarrier Props
+                         *
+                         * @see {@link ConnectExternalCarrier.Component | The `<ConnectExternalCarrier />` component}
+                         */
                         postalCode: string;
                         phone: string;
                         email: string;
@@ -902,6 +906,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     unknown: string;
                     noRatesAvailable: string;
                     refreshAndTryAgain: string;
+                    updateShipFromAddress: string;
                     windsorFramework: {
                         doNotConform: string;
                         pleaseAddTheFollowingTaxIds: string;
@@ -920,6 +925,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     saveRate: string;
                     security: string;
                     shipmentStatus: string;
+                    shipFromAddress: string;
                     system: string;
                     unknown: string;
                     validation: string;
@@ -933,6 +939,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     shipmentId: string;
                     labelId: string;
                     labelIdFilter: string;
+                    filteredTrackingStatus: string;
+                    more: string;
                     createdDate: string;
                     shipmentIdFilter: string;
                     createdDateFilter: string;

package/src/workflows/label-workflow/label-workflow.d.ts

@@ -122,6 +122,9 @@ export declare const Element: ({ resources, ...props }: Omit<PurchaseLabel.Purch
                     thisMonth: string;
                     lastMonth: string;
                 };
+                category: {
+                    fundsAdded: string;
+                };
             };
             "void-label": {
                 title: string;
@@ -729,8 +732,10 @@ export declare const Element: ({ resources, ...props }: Omit<PurchaseLabel.Purch
                 trackingStatus: {
                     unknown: string;
                     inTransit: string;
+                    in_transit: string;
                     delivered: string;
                     error: string;
+                    voided: string;
                 };
                 actions: {
                     title: string;
@@ -750,6 +755,17 @@ export declare const Element: ({ resources, ...props }: Omit<PurchaseLabel.Purch
                     connectCarriers: string;
                     disconnect: string;
                     disconnectCarrier: string;
+                    downloadEula: string;
+                };
+                customForms: {
+                    fedex: {
+                        eulaName: string;
+                        disclaimerFooter: string;
+                    };
+                };
+                eula: {
+                    toContinue: string;
+                    iAgree: string;
                 };
                 noCarriersDescription: string;
                 registrationForm: {
@@ -796,6 +812,7 @@ export declare const Element: ({ resources, ...props }: Omit<PurchaseLabel.Purch
                 address: {
                     fields: {
                         name: string;
+                        fullName: string;
                         company: string;
                         county: string;
                         countryCode: string;
@@ -958,6 +975,7 @@ export declare const Element: ({ resources, ...props }: Omit<PurchaseLabel.Purch
                     unknown: string;
                     noRatesAvailable: string;
                     refreshAndTryAgain: string;
+                    updateShipFromAddress: string;
                     windsorFramework: {
                         doNotConform: string;
                         pleaseAddTheFollowingTaxIds: string;
@@ -976,6 +994,7 @@ export declare const Element: ({ resources, ...props }: Omit<PurchaseLabel.Purch
                     saveRate: string;
                     security: string;
                     shipmentStatus: string;
+                    shipFromAddress: string;
                     system: string;
                     unknown: string;
                     validation: string;
@@ -989,6 +1008,8 @@ export declare const Element: ({ resources, ...props }: Omit<PurchaseLabel.Purch
                     shipmentId: string;
                     labelId: string;
                     labelIdFilter: string;
+                    filteredTrackingStatus: string;
+                    more: string;
                     createdDate: string;
                     shipmentIdFilter: string;
                     createdDateFilter: string;

package/src/workflows/onboarding/onboarding.d.ts

@@ -95,6 +95,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     thisMonth: string;
                     lastMonth: string;
                 };
+                category: {
+                    fundsAdded: string;
+                };
             };
             "void-label": {
                 title: string;
@@ -731,8 +734,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 trackingStatus: {
                     unknown: string;
                     inTransit: string;
+                    in_transit: string;
                     delivered: string;
                     error: string;
+                    voided: string;
                 };
                 actions: {
                     title: string;
@@ -752,17 +757,21 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     connectCarriers: string;
                     disconnect: string;
                     disconnectCarrier: string;
+                    downloadEula: string;
+                };
+                customForms: {
+                    fedex: {
+                        eulaName: string;
+                        disclaimerFooter: string;
+                    };
+                };
+                eula: {
+                    toContinue: string;
+                    iAgree: string;
                 };
-                /**
-                 * # Onboarding Component Props
-                 *
-                 * - These are the base props that will be passed into the `<Onboarding />` component.
-                 *
-                 * @see {@link Onboarding.Component | This prop types usage in the `<Onboarding />` component}
-                 */
                 noCarriersDescription: string;
                 registrationForm: {
-                    error: string; /** If provided, the address form will be pre-filled */
+                    error: string;
                     title: string;
                     betaWarning: string;
                 };
@@ -805,12 +814,13 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 address: {
                     fields: {
                         name: string;
+                        fullName: string;
                         company: string;
                         county: string;
                         countryCode: string;
                         addressLine1: string;
-                        addressLine2: string;
-                        cityLocality: string; /** Invoked when the final ShipEngine modifications for the seller are complete */
+                        addressLine2: string; /** Invoked when the final ShipEngine modifications for the seller are complete */
+                        cityLocality: string;
                         stateProvince: string;
                         postalCode: string;
                         phone: string;
@@ -884,7 +894,11 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
                 customs: {
                     addDeclaration: string;
-                    noResults: string;
+                    noResults: string; /**
+                     * # Onboarding Element Props
+                     *
+                     * @see {@link Onboarding.Element | See the full type that `typeof Element` will return}
+                     */
                     contents: {
                         documents: string;
                         gift: string;
@@ -967,6 +981,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     unknown: string;
                     noRatesAvailable: string;
                     refreshAndTryAgain: string;
+                    updateShipFromAddress: string;
                     windsorFramework: {
                         doNotConform: string;
                         pleaseAddTheFollowingTaxIds: string;
@@ -985,6 +1000,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     saveRate: string;
                     security: string;
                     shipmentStatus: string;
+                    shipFromAddress: string;
                     system: string;
                     unknown: string;
                     validation: string;
@@ -998,6 +1014,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     shipmentId: string;
                     labelId: string;
                     labelIdFilter: string;
+                    filteredTrackingStatus: string;
+                    more: string;
                     createdDate: string;
                     shipmentIdFilter: string;
                     createdDateFilter: string;

package/styles.js

@@ -0,0 +1 @@
+import{THEME_ID as t}from"@shipengine/giger";const a=t=>"string"==typeof t,e=t=>t.reduce(((t,a)=>{const e=t.findIndex((t=>{var e,i,r,u;return t.rateDetailType===a.rateDetailType&&(null===(e=t.rateDetailAttributes)||void 0===e?void 0:e.taxPercentage)===(null===(i=a.rateDetailAttributes)||void 0===i?void 0:i.taxPercentage)&&(null===(r=t.rateDetailAttributes)||void 0===r?void 0:r.taxType)===(null===(u=a.rateDetailAttributes)||void 0===u?void 0:u.taxType)}));return e<0?t.push({amount:a.amount.amount,currency:a.amount.currency,rateDetailAttributes:a.rateDetailAttributes,rateDetailType:a.rateDetailType}):t[e].amount+=a.amount.amount,t}),[]),i=t=>t.reduce(((t,a)=>(t.total+=a.amount,t.subtotal+=a.amount,"tax"===a.rateDetailType?(t.hasTax=!0,t.subtotal-=a.amount,t.tax.push(a)):t.items.push(a),t)),{hasTax:!1,items:[],subtotal:0,tax:[],total:0}),r=t=>t,u=a=>a&&t in a?a[t]:a;export{e as a,r as b,i as c,a as i,u as s};

package/suspend-text.js

@@ -1 +1 @@
-import{K as e,M as t,N as n,O as a,Q as o,U as i,X as r,Y as s,Z as c,_ as l,$ as g,a0 as p,J as d,a1 as m,a2 as u,G as h}from"./actions-menu.js";import{jsxs as b,jsx as f,Fragment as C}from"@emotion/react/jsx-runtime";import{useState as w,useRef as S,useCallback as x}from"react";import{useTranslation as O,Trans as v}from"react-i18next";import{Button as j,ButtonVariant as I,Icon as y,IconSize as T,DropdownOptionList as k,Option as E,Pagination as P,Typography as _,Skeleton as D,SkeletonAnimation as M,SkeletonVariant as R}from"@shipengine/giger";import{IconNames as A}from"@shipengine/giger-theme";import{b as W,s as z}from"./validation.js";var B=Object.freeze({__proto__:null,CheckboxInput:e,CreditCardInput:t,DatePicker:n,ExpirationInput:a,InputGroup:o,transform:i,MoneyInput:r,NumberInput:s,RateSelect:c,SelectAutoComplete:l,Select:g,SelectWithCategories:p,SubmitButton:d,Switch:m,TextArea:u,TextInput:h});const N=W({footer:{"> *":{borderTop:"0 !important"},alignItems:"center",display:"flex",justifyContent:"space-between",width:"100%"},leftFooter:e=>({display:"flex",margin:z(e).spacing(2),span:{fontWeight:z(e).typography.fontWeight.bold}}),rowCount:e=>({alignItems:"center",display:"flex",marginRight:z(e).spacing(4),whiteSpace:"pre"}),rowCountDropDown:{"> * > *":{justifyContent:"center !important"}},rowsActions:e=>({"#selected-row":{":hover":{backgroundColor:"transparent"},borderRadius:z(e).borderRadius.XS,color:z(e).palette.black,padding:z(e).spacing(1),paddingRight:z(e).spacing(.5)},alignItems:"baseline",display:"flex",span:{alignSelf:"center"}})}),X=[5,10,25,50],U=({currentPageSize:e,pagingData:t,rowCountSelection:n=X,onPageSelect:a,onPageSizeSelect:o})=>{const[i,r]=w(!1),s=S(null),{t:c}=O(),l=x((()=>r((e=>!e))),[]);return b("div",Object.assign({css:N.footer},{children:[b("div",Object.assign({css:N.leftFooter},{children:[f("div",Object.assign({css:N.rowCount},{children:f(v,{components:[f("b",{style:{fontWeight:"bold"}},"1")],count:t.total,i18nKey:"common:grid.row-count",values:{firstIndex:0!==t.total?1+(t.page-1)*e:0,lastIndex:Math.min(t.total,t.page*e)}})})),b("div",Object.assign({css:N.rowsActions},{children:[c("common:grid.rows"),f(j,Object.assign({id:"selected-row",onClick:()=>l(),ref:s,variant:I.TEXT},{children:e})),f(y,i?{name:A.CHEVRON_TOP,onClick:()=>l(),size:T.SIZE_MEDIUM}:{name:A.CHEVRON_BOTTOM,onClick:()=>l(),size:T.SIZE_MEDIUM}),f(k,Object.assign({css:N.rowCountDropDown,dropdownWidth:"max-content",isOpen:i,onChange:()=>l(),onClickAway:e=>{var t;(null===(t=s.current)||void 0===t?void 0:t.contains(e.target))||l()},placement:"bottom",reference:s.current},{children:n.map((e=>f(E,Object.assign({onClick:()=>o(e),value:String(e)},{children:e}),e)))}))]}))]})),f("div",{children:f(P,{boundaryPagesToShow:5,currentPage:t.page,onPageChange:a,totalPages:t.pages})})]}))},V=({children:e,notes:t})=>b(C,{children:[b("div",Object.assign({css:()=>({backgroundColor:"lightsteelblue",marginBottom:"16px",padding:"16px",paddingLeft:"32px"})},{children:[f(_,Object.assign({variant:"heading5"},{children:"Story notes:"})),f("ul",Object.assign({css:e=>({"> li":{marginTop:z(e).spacing(1)}})},{children:t.map((e=>f("li",{children:e},e)))}))]})),f("hr",{css:()=>({backgroundColor:"transparent",borderTop:"1px dotted lightgrey",marginBottom:"16px"})}),e]}),Z=({children:e,loading:t})=>t?f(D,{animation:M.WAVE,variant:R.TEXT}):f("span",{children:e});export{U as P,V as S,Z as a,B as f};
+import{J as e,K as t,M as n,N as a,O as i,Q as o,U as r,X as s,Y as c,Z as l,_ as p,$ as d,G as g,a0 as h,a1 as m,z as u,t as b}from"./actions-menu.js";import{jsxs as y,jsx as f,Fragment as C}from"@emotion/react/jsx-runtime";import{useState as w,useRef as O,useCallback as x}from"react";import{useTranslation as v,Trans as j}from"react-i18next";import{Divider as T,Typography as S,Icon as I,Button as k,ButtonVariant as E,IconSize as D,DropdownOptionList as P,Option as _,Pagination as R,Skeleton as M,SkeletonAnimation as W,SkeletonVariant as z}from"@shipengine/giger";import{IconNames as A}from"@shipengine/giger-theme";import{b as B,s as N}from"./styles.js";var H=Object.freeze({__proto__:null,CheckboxInput:e,CreditCardInput:t,DatePicker:n,ExpirationInput:a,InputGroup:i,transform:o,MoneyInput:r,NumberInput:s,RateSelect:c,SelectAutoComplete:l,Select:p,SelectWithCategories:d,SubmitButton:g,Switch:h,TextArea:m,TextInput:u});const V=B({chevronTypography:e=>({color:N(e).palette.secondary.main}),detailsBottomContainer:e=>({backgroundColor:N(e).palette.white,padding:"8px"}),detailsRow:{display:"flex",justifyContent:"space-between"},detailsTypography:e=>({color:N(e).palette.black}),headingContainer:{alignItems:"center",display:"flex",justifyContent:"space-between"},loadingStateContainer:e=>({display:"flex",flexDirection:"column",rowGap:N(e).spacing(2)})}),X=({transactionDetails:e})=>{const{t:t}=v(),[n,a]=w(!1);return y("div",{children:[f(b,{multiplier:2}),f(T,{}),f(b,{multiplier:1}),y("div",{children:[y("div",Object.assign({css:V.headingContainer},{children:[f(S,Object.assign({css:V.detailsTypography},{children:t("wallet-history:details.inaccurateWeight")})),f("div",Object.assign({onClick:()=>a(!n),onKeyDown:e=>{"Enter"===e.key&&a(!n)},role:"button",tabIndex:0},{children:f(I,n?{css:V.chevronTypography,name:A.CHEVRON_TOP}:{css:V.chevronTypography,name:A.CHEVRON_BOTTOM})}))]})),n&&f(b,{multiplier:1}),n&&f(S,Object.assign({css:V.detailsTypography},{children:e}))]})]})},G=B({footer:{"> *":{borderTop:"0 !important"},alignItems:"center",display:"flex",justifyContent:"space-between",width:"100%"},leftFooter:e=>({display:"flex",margin:N(e).spacing(2),span:{fontWeight:N(e).typography.fontWeight.bold}}),rowCount:e=>({alignItems:"center",display:"flex",marginRight:N(e).spacing(4),whiteSpace:"pre"}),rowCountDropDown:{"> * > *":{justifyContent:"center !important"}},rowsActions:e=>({"#selected-row":{":hover":{backgroundColor:"transparent"},borderRadius:N(e).borderRadius.XS,color:N(e).palette.black,padding:N(e).spacing(1),paddingRight:N(e).spacing(.5)},alignItems:"baseline",display:"flex",span:{alignSelf:"center"}})}),K=[5,10,25,50],U=({currentPageSize:e,pagingData:t,rowCountSelection:n=K,onPageSelect:a,onPageSizeSelect:i})=>{const[o,r]=w(!1),s=O(null),{t:c}=v(),l=x((()=>r((e=>!e))),[]);return y("div",Object.assign({css:G.footer},{children:[y("div",Object.assign({css:G.leftFooter},{children:[f("div",Object.assign({css:G.rowCount},{children:f(j,{components:[f("b",{style:{fontWeight:"bold"}},"1")],count:t.total,i18nKey:"common:grid.row-count",values:{firstIndex:0!==t.total?1+(t.page-1)*e:0,lastIndex:Math.min(t.total,t.page*e)}})})),y("div",Object.assign({css:G.rowsActions},{children:[c("common:grid.rows"),f(k,Object.assign({id:"selected-row",onClick:()=>l(),ref:s,variant:E.TEXT},{children:e})),f(I,o?{name:A.CHEVRON_TOP,onClick:()=>l(),size:D.SIZE_MEDIUM}:{name:A.CHEVRON_BOTTOM,onClick:()=>l(),size:D.SIZE_MEDIUM}),f(P,Object.assign({css:G.rowCountDropDown,dropdownWidth:"max-content",isOpen:o,onChange:()=>l(),onClickAway:e=>{var t;(null===(t=s.current)||void 0===t?void 0:t.contains(e.target))||l()},placement:"bottom",reference:s.current},{children:n.map((e=>f(_,Object.assign({onClick:()=>i(e),value:String(e)},{children:e}),e)))}))]}))]})),f("div",{children:f(R,{boundaryPagesToShow:5,currentPage:t.page,onPageChange:a,totalPages:t.pages})})]}))},Z=({children:e,notes:t})=>y(C,{children:[y("div",Object.assign({css:()=>({backgroundColor:"lightsteelblue",marginBottom:"16px",padding:"16px",paddingLeft:"32px"})},{children:[f(S,Object.assign({variant:"heading5"},{children:"Story notes:"})),f("ul",Object.assign({css:e=>({"> li":{marginTop:N(e).spacing(1)}})},{children:t.map((e=>f("li",{children:e},e)))}))]})),f("hr",{css:()=>({backgroundColor:"transparent",borderTop:"1px dotted lightgrey",marginBottom:"16px"})}),e]}),F=({children:e,loading:t})=>t?f(M,{animation:W.WAVE,variant:z.TEXT}):f("span",{children:e});export{X as H,U as P,Z as S,F as a,H as f};